.navbar-brand {
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 0px !important;
}
.jstree-default-large .jstree-node{
border-top: 1px solid rgba(0,0,0,.08);
}
.course-categories3 .jstree-anchor{
/*border-bottom:1px solid #ccc*/
}
.jstree-children ul li{
padding-left:20px;
/*border-bottom:1px solid #ccc*/
}
.course-categories3 .dropdown-content a:hover {
background-color: #e37303;
color:#fff
}
.jstree-icon{
display:none
}
.course-categories3 .jstree-default-large .jstree-anchor:hover{
color:#fff !important;
Background:#f49b29 !important
}
.course-categories3 {
background: #ffffff !important;
border-radius:5px
}
.course-categories3 .jstree-default-large .jstree-anchor{
color:#151313 !important;
font-weight: 500;
font-size: 15px;
text-transform: capitalize;
}
/*.signinFooterContainerResponsive {
margin-top: 50px !important;
}*/
.rc-ExploreButton {
margin: 0 auto;
background: none;
border: none;
height: 33px;
width: 80px;
display: -ms-flexbox;
display: box;
display: flex;
-ms-box-align: center;
-o-box-align: center;
box-align: center;
-webkit-flex-align: center;
-moz-flex-align: center;
-ms-flex-align: center;
-o-flex-align: center;
flex-align: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
border-radius: 5px;
background-color: #0172ca;
font-weight: 300;
cursor: default;
padding: 0;
position: relative;
margin-top: 9px;
border: 1px solid #eaeaea;
right: 12px;
}
.rc-ExploreButton span {
top: 0;
width: 100%;
line-height: 31px;
position: absolute;
font-size: 14px;
color: #f7f7f7;
font-weight: 500;
}
.language-bar .btn>.fa{
font-size: 14px;
}
.close{
opacity: .9;
}
.login-container .tabs>div.active, .login-container .tabs>div:hover{
border-radius: 10px 10px 0px 0px;
}
#app-content {
padding-top: 0px !important;
padding-top: 0rem !important;
}
#app-search{
height: 2.1rem;
border: 1px solid #ccd1d9 !important;
padding: 10px !important;
font-size: 15px !important;
margin-top: 9px;
}
.form-app-search .input-group{
margin-top:-1px
}
.form-app-search .btn{
padding: 0px 16px 32px 16px !important;
height: 0px;
margin-top: 9px;
background: #ccd1d9;
color: #ffffff;
border: 1px solid #ccd1d9;
border-radius: 30px;
}
.form-app-search .fa{
font-size: 17px;
}
.input-group-btn .btn span.fa {
margin-top: -9px !important;
}
.clearfix:after,
.clearfix:before {
content: " ";
display: table
}
.clearfix:after {
clear: both
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto
}
.pull-left {
float: left!important
}
.hide {
display: none!important
}
.show {
display: block!important
}
.invisible {
visibility: hidden
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.hidden {
display: none!important
}
.affix {
position: fixed
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px
}
.container:after,
.container:before {
content: " ";
display: table
}
.container:after {
clear: both
}
@media(min-width:768px) {
.container {
width: 750px
}
}
@media(min-width:992px) {
.container {
width: 970px
}
}
@media(min-width:1200px) {
.container {
width: 1170px
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px
}
.container-fluid:after,
.container-fluid:before {
content: " ";
display: table
}
.container-fluid:after {
clear: both
}
.row {
margin-left: -15px;
margin-right: -15px
}
.row:after,
.row:before {
content: " ";
display: table
}
.row:after {
clear: both
}
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left
}
.col-xs-1 {
width: 8.3333333333%
}
.col-xs-2 {
width: 16.6666666667%
}
.col-xs-3 {
width: 25%
}
.col-xs-4 {
width: 33.3333333333%
}
.col-xs-5 {
width: 41.6666666667%
}
.col-xs-6 {
width: 50%
}
.col-xs-7 {
width: 58.3333333333%
}
.col-xs-8 {
width: 66.6666666667%
}
.col-xs-9 {
width: 75%
}
.col-xs-10 {
width: 83.3333333333%
}
.col-xs-11 {
width: 91.6666666667%
}
.col-xs-12 {
width: 100%
}
.col-xs-pull-0 {
right: auto
}
.col-xs-pull-1 {
right: 8.3333333333%
}
.col-xs-pull-2 {
right: 16.6666666667%
}
.col-xs-pull-3 {
right: 25%
}
.col-xs-pull-4 {
right: 33.3333333333%
}
.col-xs-pull-5 {
right: 41.6666666667%
}
.col-xs-pull-6 {
right: 50%
}
.col-xs-pull-7 {
right: 58.3333333333%
}
.col-xs-pull-8 {
right: 66.6666666667%
}
.col-xs-pull-9 {
right: 75%
}
.col-xs-pull-10 {
right: 83.3333333333%
}
.col-xs-pull-11 {
right: 91.6666666667%
}
.col-xs-pull-12 {
right: 100%
}
.col-xs-push-0 {
left: auto
}
.col-xs-push-1 {
left: 8.3333333333%
}
.col-xs-push-2 {
left: 16.6666666667%
}
.col-xs-push-3 {
left: 25%
}
.col-xs-push-4 {
left: 33.3333333333%
}
.col-xs-push-5 {
left: 41.6666666667%
}
.col-xs-push-6 {
left: 50%
}
.col-xs-push-7 {
left: 58.3333333333%
}
.col-xs-push-8 {
left: 66.6666666667%
}
.col-xs-push-9 {
left: 75%
}
.col-xs-push-10 {
left: 83.3333333333%
}
.col-xs-push-11 {
left: 91.6666666667%
}
.col-xs-push-12 {
left: 100%
}
.col-xs-offset-0 {
margin-left: 0
}
.col-xs-offset-1 {
margin-left: 8.3333333333%
}
.col-xs-offset-2 {
margin-left: 16.6666666667%
}
.col-xs-offset-3 {
margin-left: 25%
}
.col-xs-offset-4 {
margin-left: 33.3333333333%
}
.col-xs-offset-5 {
margin-left: 41.6666666667%
}
.col-xs-offset-6 {
margin-left: 50%
}
.col-xs-offset-7 {
margin-left: 58.3333333333%
}
.col-xs-offset-8 {
margin-left: 66.6666666667%
}
.col-xs-offset-9 {
margin-left: 75%
}
.col-xs-offset-10 {
margin-left: 83.3333333333%
}
.col-xs-offset-11 {
margin-left: 91.6666666667%
}
.col-xs-offset-12 {
margin-left: 100%
}
@media(min-width:768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left
}
.col-sm-1 {
width: 8.3333333333%
}
.col-sm-2 {
width: 16.6666666667%
}
.col-sm-3 {
width: 25%
}
.col-sm-4 {
width: 33.3333333333%
}
.col-sm-5 {
width: 41.6666666667%
}
.col-sm-6 {
width: 50%
}
.col-sm-7 {
width: 58.3333333333%
}
.col-sm-8 {
width: 66.6666666667%
}
.col-sm-9 {
width: 75%
}
.col-sm-10 {
width: 83.3333333333%
}
.col-sm-11 {
width: 91.6666666667%
}
.col-sm-12 {
width: 100%
}
.col-sm-pull-0 {
right: auto
}
.col-sm-pull-1 {
right: 8.3333333333%
}
.col-sm-pull-2 {
right: 16.6666666667%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-4 {
right: 33.3333333333%
}
.col-sm-pull-5 {
right: 41.6666666667%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-7 {
right: 58.3333333333%
}
.col-sm-pull-8 {
right: 66.6666666667%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-10 {
right: 83.3333333333%
}
.col-sm-pull-11 {
right: 91.6666666667%
}
.col-sm-pull-12 {
right: 100%
}
.col-sm-push-0 {
left: auto
}
.col-sm-push-1 {
left: 8.3333333333%
}
.col-sm-push-2 {
left: 16.6666666667%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-4 {
left: 33.3333333333%
}
.col-sm-push-5 {
left: 41.6666666667%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-7 {
left: 58.3333333333%
}
.col-sm-push-8 {
left: 66.6666666667%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-10 {
left: 83.3333333333%
}
.col-sm-push-11 {
left: 91.6666666667%
}
.col-sm-push-12 {
left: 100%
}
.col-sm-offset-0 {
margin-left: 0
}
.col-sm-offset-1 {
margin-left: 8.3333333333%
}
.col-sm-offset-2 {
margin-left: 16.6666666667%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-4 {
margin-left: 33.3333333333%
}
.col-sm-offset-5 {
margin-left: 41.6666666667%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-7 {
margin-left: 58.3333333333%
}
.col-sm-offset-8 {
margin-left: 66.6666666667%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-10 {
margin-left: 83.3333333333%
}
.col-sm-offset-11 {
margin-left: 91.6666666667%
}
.col-sm-offset-12 {
margin-left: 100%
}
}
@media(min-width:992px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left
}
.col-md-1 {
width: 8.3333333333%
}
.col-md-2 {
width: 16.6666666667%
}
.col-md-3 {
width: 25%
}
.col-md-4 {
width: 33.3333333333%
}
.col-md-5 {
width: 41.6666666667%
}
.col-md-6 {
width: 50%
}
.col-md-7 {
width: 58.3333333333%
}
.col-md-8 {
width: 66.6666666667%
}
.col-md-9 {
width: 75%
}
.col-md-10 {
width: 83.3333333333%
}
.col-md-11 {
width: 91.6666666667%
}
.col-md-12 {
width: 100%
}
.col-md-pull-0 {
right: auto
}
.col-md-pull-1 {
right: 8.3333333333%
}
.col-md-pull-2 {
right: 16.6666666667%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-4 {
right: 33.3333333333%
}
.col-md-pull-5 {
right: 41.6666666667%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-7 {
right: 58.3333333333%
}
.col-md-pull-8 {
right: 66.6666666667%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-10 {
right: 83.3333333333%
}
.col-md-pull-11 {
right: 91.6666666667%
}
.col-md-pull-12 {
right: 100%
}
.col-md-push-0 {
left: auto
}
.col-md-push-1 {
left: 8.3333333333%
}
.col-md-push-2 {
left: 16.6666666667%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-4 {
left: 33.3333333333%
}
.col-md-push-5 {
left: 41.6666666667%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-7 {
left: 58.3333333333%
}
.col-md-push-8 {
left: 66.6666666667%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-10 {
left: 83.3333333333%
}
.col-md-push-11 {
left: 91.6666666667%
}
.col-md-push-12 {
left: 100%
}
.col-md-offset-0 {
margin-left: 0
}
.col-md-offset-1 {
margin-left: 8.3333333333%
}
.col-md-offset-2 {
margin-left: 16.6666666667%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-4 {
margin-left: 33.3333333333%
}
.col-md-offset-5 {
margin-left: 41.6666666667%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-7 {
margin-left: 58.3333333333%
}
.col-md-offset-8 {
margin-left: 66.6666666667%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-10 {
margin-left: 83.3333333333%
}
.col-md-offset-11 {
margin-left: 91.6666666667%
}
.col-md-offset-12 {
margin-left: 100%
}
}
@media(min-width:1200px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left
}
.col-lg-1 {
width: 8.3333333333%
}
.col-lg-2 {
width: 16.6666666667%
}
.col-lg-3 {
width: 25%
}
.col-lg-4 {
width: 33.3333333333%
}
.col-lg-5 {
width: 41.6666666667%
}
.col-lg-6 {
width: 50%
}
.col-lg-7 {
width: 58.3333333333%
}
.col-lg-8 {
width: 66.6666666667%
}
.col-lg-9 {
width: 75%
}
.col-lg-10 {
width: 83.3333333333%
}
.col-lg-11 {
width: 91.6666666667%
}
.col-lg-12 {
width: 100%
}
.col-lg-pull-0 {
right: auto
}
.col-lg-pull-1 {
right: 8.3333333333%
}
.col-lg-pull-2 {
right: 16.6666666667%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-4 {
right: 33.3333333333%
}
.col-lg-pull-5 {
right: 41.6666666667%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-7 {
right: 58.3333333333%
}
.col-lg-pull-8 {
right: 66.6666666667%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-10 {
right: 83.3333333333%
}
.col-lg-pull-11 {
right: 91.6666666667%
}
.col-lg-pull-12 {
right: 100%
}
.col-lg-push-0 {
left: auto
}
.col-lg-push-1 {
left: 8.3333333333%
}
.col-lg-push-2 {
left: 16.6666666667%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-4 {
left: 33.3333333333%
}
.col-lg-push-5 {
left: 41.6666666667%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-7 {
left: 58.3333333333%
}
.col-lg-push-8 {
left: 66.6666666667%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-10 {
left: 83.3333333333%
}
.col-lg-push-11 {
left: 91.6666666667%
}
.col-lg-push-12 {
left: 100%
}
.col-lg-offset-0 {
margin-left: 0
}
.col-lg-offset-1 {
margin-left: 8.3333333333%
}
.col-lg-offset-2 {
margin-left: 16.6666666667%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-4 {
margin-left: 33.3333333333%
}
.col-lg-offset-5 {
margin-left: 41.6666666667%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-7 {
margin-left: 58.3333333333%
}
.col-lg-offset-8 {
margin-left: 66.6666666667%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-10 {
margin-left: 83.3333333333%
}
.col-lg-offset-11 {
margin-left: 91.6666666667%
}
.col-lg-offset-12 {
margin-left: 100%
}
}
.zoomIn {
animation-duration: .5s
}
.zoomOut {
animation-name: zoomOut;
animation-duration: 1s;
animation-fill-mode: both
}
@keyframes zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px)
}
to {
opacity: 1;
transform: translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px)
}
to {
opacity: 1;
transform: translateX(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(2000px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-2000px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px)
}
to {
opacity: 1;
transform: translateX(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px)
}
to {
opacity: 1;
transform: translateX(0)
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3)
}
50% {
opacity: 1;
transform: scale(1.05)
}
70% {
transform: scale(.9)
}
to {
transform: scale(1)
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px)
}
60% {
opacity: 1;
transform: translateY(30px)
}
80% {
transform: translateY(-10px)
}
to {
transform: translateY(0)
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px)
}
60% {
opacity: 1;
transform: translateY(-30px)
}
80% {
transform: translateY(10px)
}
to {
transform: translateY(0)
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px)
}
60% {
opacity: 1;
transform: translateX(-30px)
}
80% {
transform: translateX(10px)
}
to {
transform: translateX(0)
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px)
}
60% {
opacity: 1;
transform: translateX(30px)
}
80% {
transform: translateX(-10px)
}
to {
transform: translateX(0)
}
}
@keyframes flash {
0% {
opacity: 1
}
25% {
opacity: 0
}
50% {
opacity: 1
}
75% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes shake {
0% {
transform: translateX(0)
}
10% {
transform: translateX(-10px)
}
20% {
transform: translateX(10px)
}
30% {
transform: translateX(-10px)
}
40% {
transform: translateX(10px)
}
50% {
transform: translateX(-10px)
}
60% {
transform: translateX(10px)
}
70% {
transform: translateX(-10px)
}
80% {
transform: translateX(10px)
}
90% {
transform: translateX(-10px)
}
to {
transform: translateX(0)
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0
}
to {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0
}
to {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0
}
to {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0
}
to {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0
}
to {
transform-origin: center center;
transform: rotate(0);
opacity: 1
}
}
@keyframes tada {
0% {
transform: scale(1)
}
10% {
transform: scale(.9) rotate(-3deg)
}
20% {
transform: scale(.9) rotate(-3deg)
}
30% {
transform: scale(1.1) rotate(3deg)
}
40% {
transform: scale(1.1) rotate(-3deg)
}
50% {
transform: scale(1.1) rotate(3deg)
}
60% {
transform: scale(1.1) rotate(-3deg)
}
70% {
transform: scale(1.1) rotate(3deg)
}
80% {
transform: scale(1.1) rotate(-3deg)
}
90% {
transform: scale(1.1) rotate(3deg)
}
to {
transform: scale(1) rotate(0)
}
}
.button,
button,
input,
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-radius: 0;
outline: none
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
body {
line-height: 1
}
ol,
ul {
list-style: none
}
blockquote,
q {
quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: "";
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
* {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
#achiever-points-section .aap-content .content-box,
#cart-page,
#cart-page .body,
#cart-page .body .coupon-holder form,
#cart-page .body .item,
#cart-page.offline-payment .body .our-details ul li,
#cart-page.offline-payment .body .quote-order ul li,
#cart-page.offline-payment .complete-order .complete-code,
#cart-page .order-details .checkbox-holder,
#cart-page .order-details .checkbox-holder .info,
#cart-page .product-list li,
#contentDonation,
#media-kit .media-listing,
#press-page .press-listing li,
#publishers .publisher,
#refugees-page #refugee-content .refugee-footer,
#shop-container .item-desc,
#shop-container .merchandise-holder>li,
.banner,
.banner-hp,
.categories,
.categories .select-buttons,
.certificates ul .slide-up-products .upgrade .bottom,
.course,
.course .course-features,
.course .course-holder .extra-info,
.course .course-info .spotlight-group,
.course .course-learning-paths,
.course .course-learning-paths .head,
.course .course-reviews,
.course .course-tags,
.dashboard-listing .course_row,
.dashboard-listing .tab-header-inline2,
.department-tabs .tab-content,
.empower-listing li,
.field,
.field-group,
.full-width-wrapper,
.global-search,
.group,
.info-box,
.info-box .footer,
.info-box .header,
.info-box.post .content .body,
.lp-reviews .lp-content,
.my-courses .course-intro .slide-up-products .upgrade .bottom,
.navigation ul,
.outer-wrap #bg-hp .banner-hp,
.path-list .body,
.path-list .bottom,
.path-list .path-holder,
.path-list ol,
.path-list ol li,
.search-results-container,
.shop .cart-product-info .total-holder>div,
.slide-up-products .avail-products,
.wrapper,
form,
header {
*zoom: 1
}
#achiever-points-section .aap-content .content-box:after,
#achiever-points-section .aap-content .content-box:before,
#cart-page .body .coupon-holder form:after,
#cart-page .body .coupon-holder form:before,
#cart-page .body .item:after,
#cart-page .body .item:before,
#cart-page .body:after,
#cart-page .body:before,
#cart-page.offline-payment .body .our-details ul li:after,
#cart-page.offline-payment .body .our-details ul li:before,
#cart-page.offline-payment .body .quote-order ul li:after,
#cart-page.offline-payment .body .quote-order ul li:before,
#cart-page.offline-payment .complete-order .complete-code:after,
#cart-page.offline-payment .complete-order .complete-code:before,
#cart-page .order-details .checkbox-holder .info:after,
#cart-page .order-details .checkbox-holder .info:before,
#cart-page .order-details .checkbox-holder:after,
#cart-page .order-details .checkbox-holder:before,
#cart-page .product-list li:after,
#cart-page .product-list li:before,
#cart-page:after,
#cart-page:before,
#contentDonation:after,
#contentDonation:before,
#media-kit .media-listing:after,
#media-kit .media-listing:before,
#press-page .press-listing li:after,
#press-page .press-listing li:before,
#publishers .publisher:after,
#publishers .publisher:before,
#refugees-page #refugee-content .refugee-footer:after,
#refugees-page #refugee-content .refugee-footer:before,
#shop-container .item-desc:after,
#shop-container .item-desc:before,
#shop-container .merchandise-holder>li:after,
#shop-container .merchandise-holder>li:before,
.banner-hp:after,
.banner-hp:before,
.banner:after,
.banner:before,
.categories .select-buttons:after,
.categories .select-buttons:before,
.categories:after,
.categories:before,
.certificates ul .slide-up-products .upgrade .bottom:after,
.certificates ul .slide-up-products .upgrade .bottom:before,
.course .course-features:after,
.course .course-features:before,
.course .course-holder .extra-info:after,
.course .course-holder .extra-info:before,
.course .course-info .spotlight-group:after,
.course .course-info .spotlight-group:before,
.course .course-learning-paths .head:after,
.course .course-learning-paths .head:before,
.course .course-learning-paths:after,
.course .course-learning-paths:before,
.course .course-reviews:after,
.course .course-reviews:before,
.course .course-tags:after,
.course .course-tags:before,
.course:after,
.course:before,
.dashboard-listing .course_row:after,
.dashboard-listing .course_row:before,
.dashboard-listing .tab-header-inline2:after,
.dashboard-listing .tab-header-inline2:before,
.department-tabs .tab-content:after,
.department-tabs .tab-content:before,
.empower-listing li:after,
.empower-listing li:before,
.field-group:after,
.field-group:before,
.field:after,
.field:before,
.full-width-wrapper:after,
.full-width-wrapper:before,
.global-search:after,
.global-search:before,
.group:after,
.group:before,
.info-box .footer:after,
.info-box .footer:before,
.info-box .header:after,
.info-box .header:before,
.info-box.post .content .body:after,
.info-box.post .content .body:before,
.info-box:after,
.info-box:before,
.lp-reviews .lp-content:after,
.lp-reviews .lp-content:before,
.my-courses .course-intro .slide-up-products .upgrade .bottom:after,
.my-courses .course-intro .slide-up-products .upgrade .bottom:before,
.navigation ul:after,
.navigation ul:before,
.outer-wrap #bg-hp .banner-hp:after,
.outer-wrap #bg-hp .banner-hp:before,
.path-list .body:after,
.path-list .body:before,
.path-list .bottom:after,
.path-list .bottom:before,
.path-list .path-holder:after,
.path-list .path-holder:before,
.path-list ol:after,
.path-list ol:before,
.path-list ol li:after,
.path-list ol li:before,
.search-results-container:after,
.search-results-container:before,
.shop .cart-product-info .total-holder>div:after,
.shop .cart-product-info .total-holder>div:before,
.slide-up-products .avail-products:after,
.slide-up-products .avail-products:before,
.wrapper:after,
.wrapper:before,
form:after,
form:before,
header:after,
header:before {
content: "";
display: table
}
#achiever-points-section .aap-content .content-box:after,
#cart-page .body .coupon-holder form:after,
#cart-page .body .item:after,
#cart-page .body:after,
#cart-page.offline-payment .body .our-details ul li:after,
#cart-page.offline-payment .body .quote-order ul li:after,
#cart-page.offline-payment .complete-order .complete-code:after,
#cart-page .order-details .checkbox-holder .info:after,
#cart-page .order-details .checkbox-holder:after,
#cart-page .product-list li:after,
#cart-page:after,
#contentDonation:after,
#media-kit .media-listing:after,
#press-page .press-listing li:after,
#publishers .publisher:after,
#refugees-page #refugee-content .refugee-footer:after,
#shop-container .item-desc:after,
#shop-container .merchandise-holder>li:after,
.banner-hp:after,
.banner:after,
.categories .select-buttons:after,
.categories:after,
.certificates ul .slide-up-products .upgrade .bottom:after,
.course .course-features:after,
.course .course-holder .extra-info:after,
.course .course-info .spotlight-group:after,
.course .course-learning-paths .head:after,
.course .course-learning-paths:after,
.course .course-reviews:after,
.course .course-tags:after,
.course:after,
.dashboard-listing .course_row:after,
.dashboard-listing .tab-header-inline2:after,
.department-tabs .tab-content:after,
.empower-listing li:after,
.field-group:after,
.field:after,
.full-width-wrapper:after,
.global-search:after,
.group:after,
.info-box .footer:after,
.info-box .header:after,
.info-box.post .content .body:after,
.info-box:after,
.lp-reviews .lp-content:after,
.my-courses .course-intro .slide-up-products .upgrade .bottom:after,
.navigation ul:after,
.outer-wrap #bg-hp .banner-hp:after,
.path-list .body:after,
.path-list .bottom:after,
.path-list .path-holder:after,
.path-list ol:after,
.path-list ol li:after,
.search-results-container:after,
.shop .cart-product-info .total-holder>div:after,
.slide-up-products .avail-products:after,
.wrapper:after,
form:after,
header:after {
clear: both
}
a {
outline: none;
text-decoration: none;
transition: all .25s ease-in
}
.wf-loading {
opacity: 0
}
.wf-active {
opacity: 1;
transition: opacity .3s ease-in
}
body {
background: #fff;
font: 400 1em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
letter-spacing: 0;
line-height: 1.3em;
position: relative;
overflow-x: hidden
}
@media only screen and (min-width:868px) {
body {
background: #fff none repeat 0 0;
font: 400 1em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
letter-spacing: 0;
line-height: 1.3em;
position: relative;
overflow-x: hidden
}
}
#outdated {
background: rgba(45, 57, 66, .7);
height: 100%!important;
left: 0!important;
position: absolute!important;
top: 0!important;
width: 100%!important;
z-index: 100000
}
#outdated .holder {
background: #0091c7;
color: #fff;
left: 0;
margin: 0 auto;
padding: 40px 20px;
position: fixed;
right: 0;
top: 60px;
width: 700px
}
#outdated .holder .btn {
margin-left: 10px
}
.regular-section-insert {
padding-top: 40px;
padding-bottom: 40px
}
.full-page-wrapper {
width: 100%;
padding: 25px
}
.small-title {
color: #5d666d!important;
display: block!important;
font: 700 13px Roboto, Helvetica Neue, Helvetica, Arial, sans-serif!important;
margin: 5px 0 15px!important;
text-align: center!important;
text-transform: uppercase!important
}
#maintenance body {
padding: 0;
position: static
}
#maintenance body #offline-image {
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%
}
#maintenance body #offline-image .content {
color: #fff;
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: 70px 15px
}
#maintenance body #offline-image .content h1 {
font-size: 40px
}
#maintenance body #offline-image .content p {
font-size: 16px
}
@media only screen and (min-width:768px) {
#maintenance body #offline-image {
}
#maintenance body #offline-image .content {
padding: 70px 100px
}
#maintenance body #offline-image .content h1 {
font-size: 70px
}
#maintenance body #offline-image .content p {
font-size: 22px
}
}
@media only screen and (min-width:1020px) {
#maintenance body #offline-image {
}
#maintenance body #offline-image .content p {
font-size: 20px
}
}
@media only screen and (min-width:768px) {
.sale-active .messages-q {
top: 160px
}
}
.messages-q {
background: rgba(46, 57, 66, .7);
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 10000001
}
@media only screen and (min-width:768px) {
.messages-q {
background: 0 0;
right: 20px;
top: 95px;
width: 300px
}
.messages-q .message {
margin: 15px 0
}
.messages-q .message .icon-cross2 {
position: absolute;
right: 5px;
top: 5px;
color: #fff;
font-size: 14px;
cursor: pointer
}
}
ul.bullet-list li {
padding-left: 20px;
position: relative
}
ul.bullet-list li:before {
background: #0091c7;
content: "";
height: 5px;
left: 5px;
position: absolute;
top: 8px;
width: 5px
}
.loading,
.loading-cart {
background: rgba(45, 57, 66, .4);
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9999999
}
.loading img {
background: #fff;
border-radius: 50%;
display: block;
height: 175px;
left: 50%;
margin-left: -90px;
margin-top: -100px;
padding: 30px;
position: absolute;
pointer-events: none;
top: 50%;
width: 175px;
box-shadow: 0 0 7px 0 rgba(0, 0, 0, .3)
}
.loading.hidden {
display: none
}
.loading-cart .loading-cart-inner {
border-radius: 50%;
display: block;
height: 175px;
left: 50%;
margin-left: -90px;
margin-top: -100px;
padding: 30px;
position: absolute;
pointer-events: none;
top: 50%;
width: 175px;
background-color: #fff;
box-shadow: 0 0 7px 0 rgba(0, 0, 0, .3)
}
.loading-cart img {
border-radius: 0;
height: 141px;
margin: -15px 0 0 11px;
padding: 0;
width: auto
}
.lightBlue-highlight {
color: #0091c7
}
.ad {
max-width: 1150px;
min-height: 90px;
margin: 0 auto 30px;
text-align: center;
position: relative;
z-index: 9
}
.ad.ad-background {
background: #fff
}
.ad728 {
max-width: 728px!important
}
.ad728,
.message {
margin: 15px auto
}
.message {
background: #2e3942;
background: linear-gradient(180deg, #2e3942 0, #191f24);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#FF2E3942", endColorstr="#FF191F24", GradientType=0);
min-height: 70px;
padding: 15px 10px 15px 46px;
position: relative;
width: 300px
}
.message h1,
.message h2,
.message h3,
.message h4,
.message h5,
.message h6,
.message p {
color: #fff;
margin: 0
}
.message h1,
.message h2,
.message h3,
.message h4,
.message h5,
.message h6 {
font-size: 1.0625em;
margin: 0 0 5px;
text-transform: capitalize
}
.message p:before {
color: #fff;
content: "\e93a";
font-family: icomoon!important;
font-size: 2em;
left: 10px;
margin-top: -12px;
position: absolute;
top: 50%
}
.message.abschluss,
.message.success,
.message.successo,
.message.succès,
.message.sucesso,
.message.éxito {
background: #38ac69;
background: linear-gradient(180deg, #38ac69 0, #2b8652);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#FF38AC69", endColorstr="#FF2B8652", GradientType=0)
}
.message.abschluss p:before,
.message.successo p:before,
.message.success p:before,
.message.succès p:before,
.message.sucesso p:before,
.message.éxito p:before {
content: "\e99b"
}
.message.erreur,
.message.erro,
.message.error,
.message.errore,
.message.fehler {
background: #be3047;
background: linear-gradient(180deg, #be3047 0, #952638);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#FFBE3047", endColorstr="#FF952638", GradientType=0)
}
.message.erreur p:before,
.message.erro p:before,
.message.errore p:before,
.message.error p:before,
.message.fehler p:before {
content: "\e99e"
}
.message.warning {
background: #f29b2f;
background: linear-gradient(180deg, #f29b2f 0, #e0820e);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#FFF29B2F", endColorstr="#FFE0820E", GradientType=0)
}
.message.warning p:before {
content: "\e99d"
}
@media only screen and (min-width:768px) {
.message {
padding: 15px 30px 15px 90px
}
.message p:before {
left: 20px;
font-size: 2.5em
}
}
.absolute_banner {
left: 0;
position: absolute;
top: 30px;
width: 100%
}
.h1,
h1 {
font: 200 1.875em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
line-height: 1.3333333333em;
margin: 0 0 30px
}
@media only screen and (min-width:768px) {
.h1,
h1 {
font-size: 2.8125em;
line-height: 1.2222222222em
}
}
@media only screen and (min-width:1020px) {
.h1,
h1 {
font-size: 3.75em;
line-height: 1.1666666667em
}
}
.h2,
h2 {
font: 200 1.625em;
line-height: 1.3846153846em;
margin: 0 0 30px
}
@media only screen and (min-width:768px) {
.h2,
h2 {
font-size: 1.875em;
line-height: 1.3333333333em
}
}
@media only screen and (min-width:1020px) {
.h2,
h2 {
font-size: 2.5em;
line-height: 1.25em
}
}
.h3,
h3 {
font: 400 1.4375em;
line-height: 1.4347826087em;
margin: 0 0 30px
}
@media only screen and (min-width:768px) {
.h3,
h3 {
font-size: 1.5625em;
line-height: 1.3703703704em
}
}
@media only screen and (min-width:1020px) {
.h3,
h3 {
font-size: 1.875em;
line-height: 1.3333333333em
}
}
.h4,
h4 {
font: 400 1.375em;
line-height: 1.5em
}
.h4,
.h5,
h4,
h5 {
margin: 0 0 25px
}
.h5,
h5 {
font: 400 1.0625em;
line-height: 1.5294117647em
}
.h6,
h6 {
font: 400 1em;
margin: 0 0 25px
}
.h6,
h6,
p {
line-height: 1.5em
}
p {
font: 400 .875em;
margin: 0 0 20px
}
.bold {
font-weight: 700
}
.text-justify {
text-align: justify
}
.text-justify li {
text-align: initial
}
.div-placeholder-text {
color: #2d3942!important;
font: 400 1.0625em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif!important;
margin: 30px 0!important;
text-align: center!important;
width: 100%!important
}
.div-placeholder-text:before {
margin: 0 10px 0 0
}
.div-placeholder-text:after,
.div-placeholder-text:before {
content: "\e99d";
font-family: icomoon!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1
}
.div-placeholder-text:after {
margin: 0 0 0 10px
}
.up-arrow-morph {
padding: 10px 55px 10px 20px;
position: relative
}
.up-arrow-morph:after,
.up-arrow-morph:before {
background: #fff;
content: "";
height: 2px;
right: 5px;
position: absolute;
top: 18px;
width: 16px;
backface-visibility: hidden;
transform: rotate(50deg);
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
*zoom: 1;
transition: all .2s ease-in
}
.up-arrow-morph:after {
right: 15px;
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=-2)
}
.up-arrow-morph.active:before,
.up-arrow-morph:after {
backface-visibility: hidden;
transform: rotate(-50deg);
*zoom: 1
}
.up-arrow-morph.active:after,
.up-arrow-morph.active:before {
top: 20px;
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2)
}
.up-arrow-morph.active:after {
backface-visibility: hidden;
transform: rotate(50deg);
*zoom: 1
}
.button,
button,
input,
select,
textarea {
background: #fff;
display: inline-block;
/*font: 400 1em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;*/
padding: 10px 20px;
width: 100%
}
input[type=submit] {
padding: 10px 20px
}
iframe {
width: 100%
}
.checkbox-holder {
position: relative
}
[type=checkbox]+label,
input[type=radio]+label {
cursor: pointer
}
[type=checkbox]+label::-moz-selection,
input[type=radio]+label::-moz-selection {
background: 0 0
}
[type=checkbox]+label::selection,
input[type=radio]+label::selection {
background: 0 0
}
[type=checkbox]+label:before {
border: 1px solid #aaa;
content: " ";
display: inline-block;
height: 14px;
margin-right: 5px;
vertical-align: text-top;
width: 14px
}
[type=checkbox]:checked+label:after {
background: #0091c7;
position: absolute;
content: " ";
display: inline-block;
height: 10px;
left: 3px;
top: 3px;
width: 10px
}
[type=checkbox],
[type=radio] {
left: -10000px;
position: absolute
}
[type=radio]+label:before {
border: 1px solid #777;
content: " ";
display: inline-block;
height: 14px;
margin-right: 5px;
vertical-align: text-top;
border-radius: 50%;
width: 14px
}
[type=radio]:checked+label:after {
background: #695396;
position: absolute;
content: " ";
display: inline-block;
height: 10px;
left: 18px;
top: 6px;
border-radius: 50%;
width: 10px
}
[type=date]:before {
content: attr(placeholder)!important;
color: #aaa
}
.morecontent span {
display: none
}
.morelink {
display: inline-block;
color: #0091c7!important
}
.morelink:hover {
text-decoration: underline
}
.field input:-webkit-autofill,
.field select:-webkit-autofill,
.field textarea:-webkit-autofill {
background-color: transparent!important;
background: transparent
}
@media only screen and (min-width:768px) {
.field {
clear: both
}
.field.half-size {
clear: none;
float: left;
margin: 0 10px;
width: calc(50% - 20px)
}
}
.switch {
width: 35px;
height: 20px;
background: 0 0;
border: 2px solid #fff;
border-radius: 10px;
position: relative
}
.switch:hover {
cursor: pointer
}
.switch button {
transition: all .5s ease;
background: hsla(0, 0%, 100%, .25);
border: 2px solid #fff;
border-radius: 50%;
width: 20px;
height: 20px;
position: absolute;
top: -2px;
left: -2px;
padding: 0
}
.switch button.on {
left: 13px
}
.switch button.on:hover:after {
content: "ON"
}
.switch button:hover {
cursor: pointer
}
.switch button:hover:after {
transition: all .25s ease;
content: "OFF";
position: absolute;
left: 0;
top: -20px;
color: #fff;
font-size: .625em
}
.no-padding {
padding: 0!important;
margin: 0!important
}
/*.wrapper {
max-width: 1150px;
padding: 10px 20px 0
}*/
.full-width-wrapper,
.wrapper {
/*margin: 0 auto;*/
position: relative
}
.section-shadow {
background-repeat: no-repeat;
background-size: 96%;
background-position: top;
height: 26px;
position: relative
}
.section-shadow-2 {
background-repeat: no-repeat;
background-size: 96%;
background-position: top;
height: 26px;
position: relative
}
.adverts {
margin: 60px 0;
text-align: center
}
.angle-bottom {
padding-bottom: 40px
}
.centered {
margin: 0 auto
}
.text-center {
text-align: center!important
}
.text-right {
text-align: right
}
.no-border {
border: none
}
.cta-strip {
background: #efeff0;
margin: 70px 0 0;
padding: 60px 20px;
text-align: center;
position: relative;
z-index: 1
}
.cta-strip:before {
background: inherit;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: -1;
-webkit-backface-visibility: hidden;
top: 0;
outline: 2px solid transparent;
transform: skewY(1deg);
transform-origin: 100% 0;
-moz-transform: skewY(1deg);
-moz-transform-origin: 100% 0;
-ms-transform: skewY(1deg);
-ms-transform-origin: 100% 0;
-webkit-transform: skewY(1deg);
-webkit-transform-origin: 100% 0;
background: #efeff0
}
.cta-strip h4 {
color: #5d666d
}
.cta-strip .btn {
width: 150px
}
@media only screen and (min-width:768px) {
.cta-strip {
padding: 100px 20px
}
}
.back-to-top {
color: #5d666d;
display: block;
margin: 25px auto;
padding-left: 30px;
position: relative;
width: 120px
}
.back-to-top span {
left: 0;
position: absolute;
top: 0;
backface-visibility: hidden;
transform: rotate(90deg);
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
*zoom: 1
}
@media only screen and (min-width:768px) {
.back-to-top {
position: absolute;
right: 0;
top: 50%
}
}
button {
cursor: pointer
}
.hide-mobile {
display: none!important
}
@media only screen and (min-width:768px) {
.hide-mobile {
display: block!important
}
}
.separator-strip {
background: #f1f2f2;
padding: 30px 0
}
.center {
margin: 30px 0;
padding: 0 20px
}
.btn,
.center {
text-align: center
}
.btn {
transition: background .3s ease;
display: inline-block;
/* max-width: 145px;*/
padding: 10px 20px;
cursor: pointer;
border-radius: 5px
}
.btn:hover {
background: #919191;
color: #fff;
}
.btn.btn-icon {
width: auto
}
.btn.btn-very-light-grey {
background: #f1f2f2;
color: #5d666d
}
.btn.btn-very-light-grey:hover {
background: #d7d9d9
}
.btn.btn-light-grey {
background: #aaa
}
.btn.btn-light-grey:hover {
background: #919191
}
.btn.btn-grey {
background: #2e3942
}
.btn.btn-grey:hover {
background: #191f24
}
.btn.btn-medium-grey {
background: #5d666d
}
.btn.btn-medium-grey:hover {
background: #919191
}
.btn.btn-ghost {
background-color: transparent;
border: 1px solid #fff
}
.btn.btn-ghost:hover {
color: #0094c9;
background-color: #fff
}
.btn.btn-blue {
background: #0091c7;
color: #fff
}
.btn.btn-blue:hover {
background: #006c94
}
.btn.btn-green {
background: #38ac69
}
.btn.btn-green:hover {
background: #898a8c;
}
.btn.btn-large {
max-width: 250px;
margin: 20px auto
}
.btn.btn-ghost {
background: 0 0
}
.btn.btn-ghost.btn-blue {
border: 2px solid #0091c7;
color: #0091c7
}
.btn.btn-ghost.btn-blue:hover {
background: #0091c7;
color: #fff
}
.btn-redd{
background-color: #852c1d !important;
}
.btn.btn-green {
max-width: 290px;
background-color: #2e3942;
border: 0px solid #ffffff;
color: #fff;
text-shadow: 0 1px 1px rgba(50, 50, 50, .7);
}
.btn.btn-points {
background: #fff;
background-image: linear-gradient(180deg, #fff, #b4bdbf);
border-radius: 10px;
color: #2d3942;
font-size: .875em;
padding: 5px 120px 5px 22.5px;
border: none;
height: 50px;
position: relative;
max-width: 500px
}
.btn.btn-points:hover {
background: #fff;
background-image: linear-gradient(180deg, #fff, #aaa)
}
.btn.btn-points strong {
font-weight: 600
}
.btn.btn-points .btn-addon {
position: absolute;
top: -5px;
right: 0;
width: 80px;
line-height: 60px;
background: #0091c7;
border-radius: 5px;
text-align: center;
color: #fff;
box-shadow: 0 5px 10px #aaa
}
.btn.btn-points .btn-addon span {
font-size: 1.5em
}
.btn.btn-points .btn-addon:before {
content: "";
position: absolute;
top: -11px;
left: -4px;
border-top: 29px solid transparent;
border-right: 30px solid #0091c7;
border-bottom: 29px solid transparent;
margin: 13px 0 0 -25px
}
@media only screen and (min-width:768px) {
.btn.btn-points {
font-size: 1.125em;
padding: 15px 120px 15px 22.5px
}
}
.btn.btn-red-small {
background: #be3047;
color: #fff;
font-size: .8125em;
opacity: .35;
transition: opacity .3s ease-in
}
.btn.btn-red-small:hover {
opacity: 1
}
.btn.btn-red-small.delete-address {
float: right;
margin: 0 20px
}
.arrow-indicator {
border: 2px solid #fff;
border-radius: 50%;
bottom: -50px;
display: none;
height: 36px;
left: 50%;
margin-left: -18px;
position: absolute;
width: 36px
}
.arrow-indicator span {
font-size: 21px;
line-height: 33px
}
@media only screen and (min-width:768px) {
.arrow-indicator {
display: block
}
}
.line-through {
color: #d4d4d4;
font-size: inherit;
text-decoration: line-through
}
strong {
font-weight: 500
}
::-webkit-input-placeholder {
font-size: .9375em
}
:-moz-placeholder,
::-moz-placeholder {
font-size: .9375em
}
:-ms-input-placeholder {
font-size: .9375em
}
.angle-shadow {
float: left;
margin: 0 0 25px;
position: relative;
width: 100%
}
.angle-shadow:after,
.angle-shadow:before {
z-index: -1;
position: absolute;
content: "";
bottom: 30px;
left: -10px;
width: 50%;
top: 55%;
max-width: 350px;
background: transparent;
box-shadow: 0 30px 10px #1d355e;
transform: rotate(-5deg)
}
.angle-shadow:after {
transform: rotate(5deg);
right: 10px;
left: auto
}
.free-pdf {
font: 400 .875em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: 30px 15px 0;
text-align: center
}
.free-pdf a {
color: #fff!important;
display: block;
margin: 10px auto 0
}
.read-more-expand {
text-align: center
}
.read-more-expand .expand {
height: 73px;
overflow: hidden;
text-align: left;
transition: height .3s ease-in
}
.read-more-expand a.trigger {
background: #0091c7;
border-radius: 3px;
display: block;
margin: 15px auto;
padding: 5px 5px 3px;
text-align: center;
width: 31px
}
.read-more-expand a.trigger span {
color: #fff;
font-size: 15px
}
.read-more-expand a.trigger:hover {
background: #00597b
}
.tag-description h1 {
font-size: 2em;
margin-bottom: 14px
}
.tag-description>div,
.tag-description p {
color: #5d666d;
line-height: 23px;
font-size: 14px
}
.tag-description>div a,
.tag-description p a {
color: #0094c9
}
.angle-shadow.dark-shadow:after,
.angle-shadow.dark-shadow:before {
bottom: 11px;
background: #20292d;
box-shadow: 0 15px 10px #20292d
}
.disabled-inputs button,
.disabled-inputs input,
.disabled-inputs select,
.disabled-inputs textarea {
color: #9e9e9e!important;
pointer-events: none!important
}
.content-landing .social-buttons a {
color: #2e3942
}
.content-landing .image {
float: left;
padding: 20px 10px 10px 0;
width: 50%
}
.content-landing .image img {
max-width: 100%
}
.content-landing .text {
padding: 20px 0
}
.content-landing a {
color: #0091c7
}
@media only screen and (min-width:768px) {
.content-landing .image {
padding: 20px 20px 10px 0;
width: 300px
}
}
@media only screen and (min-width:1020px) {
.content-landing .image {
width: 350px
}
}
.bg-image>img {
bottom: -1000px;
left: -1000px;
margin: auto;
min-height: 100%;
min-width: 100%;
position: absolute;
right: -1000px;
top: -1000px
}
.placeholder {
opacity: .5
}
.edge--both--reverse {
margin: 70px 0;
padding: 30px 0;
position: relative;
z-index: 1
}
.edge--both--reverse:after,
.edge--both--reverse:before {
background: inherit;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: -1;
-webkit-backface-visibility: hidden
}
.edge--both--reverse:before {
top: 0;
outline: 2px solid transparent;
transform: skewY(-2deg);
transform-origin: 0 0;
-moz-transform: skewY(-2deg);
-moz-transform-origin: 0 0;
-ms-transform: skewY(-2deg);
-ms-transform-origin: 0 0;
-webkit-transform: skewY(-2deg);
-webkit-transform-origin: 0 0
}
.edge--both--reverse:after {
bottom: 0;
outline: 2px solid transparent;
transform: skewY(2deg);
transform-origin: 0 0;
-moz-transform: skewY(2deg);
-moz-transform-origin: 0 0;
-ms-transform: skewY(2deg);
-ms-transform-origin: 0 0;
-webkit-transform: skewY(2deg);
-webkit-transform-origin: 0 0
}
.-grey {
background: #f3f4f5
}
.text-center {
text-align: center
}
.breadcrumb-wrapper {
padding-top: 0;
display: none
}
@media only screen and (min-width:768px) {
.breadcrumb-wrapper {
display: block
}
}
.breadcrumb {
margin: 20px 0 10px;
color: #fff;
font-size: .875em;
padding: 0 15px
}
.breadcrumb.alt {
padding: 0 10px;
margin: 4px 0 10px;
text-align: left
}
.breadcrumb.alt .icon-right-arrow,
.breadcrumb.alt li:not(:last-child):after,
.breadcrumb.alt li a,
.breadcrumb.alt li a:active,
.breadcrumb.alt li a:visited,
.breadcrumb.alt li span {
color: #5d666d
}
.breadcrumb.alt .icon-home {
color: #0091c7
}
.breadcrumb li {
display: inline-block
}
.breadcrumb li a {
color: #fff;
font-size: 100%
}
.breadcrumb li a:active,
.breadcrumb li a:visited {
color: #fff
}
.breadcrumb li a:hover {
text-decoration: none
}
.breadcrumb li span {
color: #fff
}
.breadcrumb .icon-right-arrow {
font-weight: 700;
font-size: 10px;
margin: 0 4px
}
.notice.with-icon {
padding-left: 35px;
position: relative
}
.notice.with-icon [class*=icon] {
font-size: 23px;
left: 0;
margin-top: -18px;
position: absolute;
top: 50%
}
.global-search {
margin: 0 auto;
max-width: 500px;
position: relative
}
.global-search input[type=text] {
float: left;
height: 37px;
width: 83%;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px
}
.global-search button {
background: #2e3942;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-left: 1px solid #2e3942;
border-right: none;
border-top: none;
border-bottom: none;
cursor: pointer;
float: left;
height: 37px;
padding: 10px 0;
width: 17%;
transition: all .3s ease-in
}
.global-search button span {
color: #fff
}
.global-search button:hover {
background: #fff
}
.global-search button:hover span {
color: #2e3942
}
@media only screen and (min-width:400px) {
.global-search button {
width: 15%
}
.global-search input[type=text] {
width: 85%
}
}
@media only screen and (min-width:768px) {
.global-search button {
width: 15%
}
.global-search button span,
.global-search input[type=text] {
width: 85%
}
}
@media only screen and (min-width:1020px) {
.global-search button {
height: 50px;
padding: 12px 0
}
.global-search button span {
font-size: 1.5em
}
.global-search input[type=text] {
font-size: 1.1875em;
height: 50px
}
}
@media only screen and (min-width:1020px) {
.desktop-middle {
display: table;
height: 100%;
padding: 0;
position: absolute;
top: 0;
width: 100%
}
.desktop-middle .align {
display: table-cell;
height: 100%;
text-align: center;
vertical-align: middle;
width: 100%
}
}
.like-comments-widget {
margin-right: 10px
}
.like-comments-widget a,
.like-comments-widget span {
color: #465159;
margin-left: 10px
}
.like-comments-widget a:first-child:hover {
color: #0091c7
}
.like-comments-widget a:last-child:hover {
color: #be3047
}
.like-comments-widget a.blue {
color: #0091c7
}
.like-comments-widget a.red {
color: #be3047
}
.stars {
margin: 10px 0 0
}
.stars [class*=icon] {
color: #d1d3d4;
display: inline-block;
font-size: 1.0625em
}
.stars.rating [class*=icon]:hover {
cursor: pointer
}
.stars.rating .line {
height: 30px;
line-height: 30px;
margin-top: 10px;
color: #2d3942;
font-weight: 500
}
.lrg-btn {
background-color: #0094c9;
clear: both;
color: #fff;
display: block;
max-width: 180px;
padding: 10px 0;
text-align: center;
cursor: pointer
}
.lrg-btn:hover {
background: #006e96
}
.pull-right {
float: right!important
}
.blue-overlay {
position: relative
}
.blue-overlay:after {
background: rgba(0, 145, 199, .7);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.alert {
position: absolute;
top: 100px;
left: 50px;
padding: 25px;
border: 1px solid;
color: red;
border-radius: 25px;
background: #f1f2f2
}
.hide {
display: none
}
.top-bar {
margin-top: 20px
}
.transparent {
background: 0 0
}
.align-center {
text-align: center
}
.valign-center {
position: relative;
top: 50%;
transform: translateY(-50%)
}
.align-right {
text-align: right
}
.message-info {
padding: 20px;
margin-top: 20px;
background: #f1f2f2
}
.light-red {
color: #be3047
}
.align-parent {
display: table;
width: 100%
}
.align-center {
display: table-cell;
vertical-align: middle
}
.favorite {
background: #be3047!important;
border-color: #be3047!important
}
.favorite:hover {
opacity: .7
}
.social-buttons a {
font-size: 1.5em;
color: #fff;
opacity: .6
}
.social-buttons a:hover {
opacity: 1
}
@media(max-width:400px) {
.g-recaptcha iframe {
max-width: 100%;
transform: scale(.77);
-webkit-transform: scale(.77);
transform-origin: center center;
-webkit-transform-origin: center center
}
}
.modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(79, 81, 89, .6)
}
.modal .close {
color: #fff;
float: right;
margin-top: 0px;
font-weight: 200;
font-size: 3.125em
}
.modal .close:focus,
.modal .close:hover {
color: #000;
text-decoration: none;
cursor: pointer
}
.modal .modal-body {
padding: 20px
}
.modal .modal-header {
background-color: #2e3942;
color: #fff;
padding: 10px 15px
}
.modal .modal-header h1,
.modal .modal-header h2,
.modal .modal-header h3,
.modal .modal-header h4,
.modal .modal-header h5,
.modal .modal-header h6 {
font-weight: 200;
margin: 0
}
.modal .modal-footer {
color: #2e3942;
padding: 0 15px 15px
}
.modal-dialog {
margin: 0px auto !important;
}
.modal .modal-content {
position: relative;
background-color: transparent;
padding: 0;
margin: 0px auto;
border: 0px solid #2e3942;
width: 80%;
box-shadow:none;
-webkit-animation-name: animatetop;
-webkit-animation-duration: .4s;
animation-name: animatetop;
animation-duration: .4s
}
.modal .modal-content [type=text],
.modal .modal-content textarea {
background: 0 0;
border-bottom: 1px solid #aaa
}
.modal .modal-content img {
/*max-width: 127px;*/
width: 100%
}
.modal .modal-content-white .modal-footer,
.modal .modal-content-white .modal-header {
background-color: #f1f2f2;
color: #2d3942
}
.modal .modal-content-white .close {
color: #aaa
}
.modal .modal-content-white .close:hover {
color: #2e3942
}
.modal .modal-content-white .close:focus,
.modal .modal-content-white .close:hover {
color: #000;
text-decoration: none;
cursor: pointer
}
@keyframes animatetop {
0% {
top: -300px;
opacity: 0
}
to {
top: 0;
opacity: 1
}
}
@media only screen and (min-width:768px) {
.modal .modal-content {
width: 70%;
margin-top: 0px
}
}
@media only screen and (min-width:1020px) {
.modal .modal-content {
max-width: 60%
}
}
#CaptchaInputText{
border: 1px solid #ccd1d9;
padding: 6px 12px;
border-radius: 4px;
}
@media only screen and (min-width:1500px) {
/*.modal .modal-content {
max-width: 40%
}*/
}
.resource-listing a[href*=file] {
color: #0091c7
}
.resource-listing a[href*=file]:before {
content: "\e994";
font-family: icomoon!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
margin-right: 5px
}
.resource-listing a[href*=file]:hover {
color: #1d355e
}
.confirmation-modal {
background: rgba(45, 57, 66, .7);
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10
}
.confirmation-modal.active {
display: block!important
}
.confirmation-modal.active .modal-content {
left: 0
}
.confirmation-modal .modal-content {
background: #fff;
left: -2000px;
margin: 100px auto 0;
max-width: 500px;
padding: 30px 20px;
right: 0;
text-align: center;
width: 100%;
top: 0;
z-index: 10;
transition: left .4s ease-in
}
.confirmation-modal h4 {
color: #465159;
margin: 0 0 25px
}
.confirmation-modal p {
color: #465159
}
.confirmation-modal button {
display: inline-block;
margin: 0 10px;
transition: background .3s ease-in
}
.confirmation-modal .confirm-btn {
background: #38ac69
}
.confirmation-modal .confirm-btn:hover {
background: #2b8652
}
.confirmation-modal .cancel-btn {
background: #be3047
}
.confirmation-modal .cancel-btn:hover {
background: #952638
}
.flex-margin {
display: -ms-flexbox;
display: flex;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.flex-margin .flex-margin-inner {
margin: auto
}
.new-green {
color: #83c11f!important
}
a.inherit-style {
color: inherit;
text-decoration: underline
}
a.inherit-style:hover {
text-decoration: none
}
.inner-page-sticky-ad {
z-index: 9;
width: 160px;
height: 600px;
right: 0;
display: block
}
@media only screen and (min-width:1440px) {
.inner-page-sticky-ad {
width: 300px
}
}
.inner-page-sticky-ad:not(.new-landing-width).course-landing {
width: 160px!important
}
.inner-page-sticky-ad.new-landing-width {
width: 300px
}
.inner-page-sticky-ad.testimonial-sticky-ad {
width: 160px!important
}
@media(max-width:1350px) {
.inner-page-sticky-ad:not(.new-landing-width) {
display: none
}
}
@media(max-width:1200px) {
.inner-page-sticky-ad.new-landing-width {
display: none
}
}
.user-subscribed .hide-if-subscribed {
display: none
}
.btn-alison-green {
background: #83c11f
}
.btn-alison-green:hover {
background: #659518
}
.btn-alison-red {
background: #e42330
}
.btn-alison-red:hover {
background: #bd1722
}
.full-width-wrapper {
width: 100%
}
.full-width-wrapper-padding {
margin: 0 auto;
max-width: none;
width: 100%;
padding: 10px 15px 0;
position: relative
}
@media(min-width:450px) {
.full-width-wrapper-padding {
padding: 10px 50px 0
}
}
.centered-image {
display: block;
margin-left: auto;
margin-right: auto
}
.responsive-img-md,
.responsive-img-sm,
.responsive-img-xs {
width: auto;
height: auto
}
.responsive-img-lg {
width: 100%;
height: auto
}
@media screen and (max-width:800px) {
.responsive-img-md {
width: 100%;
height: auto
}
}
@media screen and (max-width:600px) {
.responsive-img-sm {
width: 100%;
height: auto
}
}
@media screen and (max-width:400px) {
.responsive-img-xs {
width: 100%;
height: auto
}
}
@media print {
.print,
.push-notification,
footer,
header {
display: none!important
}
}
.zoomIn {
-moz-animation-name: zoomIn;
-moz-animation-duration: 1s;
-moz-animation-fill-mode: both;
-webkit-animation-name: zoomIn;
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-duration: 1s;
animation-name: zoomIn;
animation-fill-mode: both
}
@keyframes zoomIn {
0% {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom;
animation-duration: 1.5s;
animation-fill-mode: both;
animation-iteration-count: infinite
}
@keyframes bounce {
0%,
20%,
53%,
80%,
to {
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transform: translateZ(0)
}
40%,
43% {
transition-timing-function: cubic-bezier(.755, .05, .855, .06);
transform: translate3d(0, -20px, 0)
}
70% {
transition-timing-function: cubic-bezier(.755, .05, .855, .06);
transform: translate3d(0, -15px, 0)
}
90% {
transform: translate3d(0, -4px, 0)
}
}
@keyframes updownlarge {
0% {
top: 0
}
50% {
top: 8px
}
to {
top: 0
}
}
@keyframes flicker {
0% {
opacity: 0
}
5% {
opacity: 0
}
6% {
opacity: 1
}
11% {
opacity: .4
}
11.25% {
opacity: .6
}
11.5% {
opacity: .4
}
18% {
opacity: 1
}
18.5% {
opacity: .9
}
22% {
opacity: 1
}
38.5% {
opacity: 1
}
39% {
opacity: .8
}
42% {
opacity: 1
}
60% {
opacity: 1
}
60.5% {
opacity: 0
}
62% {
opacity: 0
}
63% {
opacity: .2
}
63.25% {
opacity: 0
}
65% {
opacity: 1
}
73% {
opacity: 1
}
75% {
opacity: .8
}
79% {
opacity: 1
}
to {
opacity: 1
}
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif, MV_Waheed !important;
font-style: normal;
font-weight: 400;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 14px;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
/*letter-spacing: 3px !important;*/
font-weight: 500 !important;
}
.popover.top {
margin-top: -10px
}
.popover.right {
margin-left: 10px
}
.popover.bottom {
margin-top: 10px
}
.popover.left {
margin-left: -10px
}
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0
}
.popover-content {
padding: 9px 14px
}
.popover>.arrow,
.popover>.arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
.popover>.arrow {
border-width: 11px
}
.popover>.arrow:after {
border-width: 10px;
content: ""
}
.popover.top>.arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, .25);
bottom: -11px
}
.popover.top>.arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #fff
}
.popover.right>.arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, .25)
}
.popover.right>.arrow:after {
content: " ";
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #fff
}
.popover.bottom>.arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, .25);
top: -11px
}
.popover.bottom>.arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #fff
}
.popover.left>.arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, .25)
}
.popover.left>.arrow:after {
content: " ";
right: 1px;
border-right-width: 0;
border-left-color: #fff;
bottom: -10px
}
.testimonial-widget {
min-height: 500px;
margin: 0 auto;
position: relative
}
.testimonial-widget.mini {
width: 230px
}
.testimonial-widget.mini .people .people-inner {
width: 230px;
height: 468px;
overflow: hidden;
position: relative
}
.testimonial-widget.mini .people .people-inner .person {
width: 100%;
position: absolute;
top: 0;
left: 235px
}
.testimonial-widget .clear-filters {
margin-top: 15px
}
.testimonial-widget .loading {
width: 120px;
height: 120px;
border-radius: 100%;
background: #fff no-repeat 50%/90%;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
border: 2px solid rgba(0, 0, 0, .4);
box-shadow: 0 3px 5px 0 rgba(50, 50, 50, .8)
}
.testimonial-widget.loaded {
background-image: none
}
.testimonial-widget.loaded .loading {
display: none
}
.testimonial-widget .testimonial-nav {
background-color: #fff;
padding: 20px 0;
margin-bottom: 40px
}
.testimonial-widget .testimonial-nav .testimonial-nav-inner {
max-width: 1200px;
margin: 0 auto
}
.testimonial-widget .testimonial-nav .testimonial-nav-inner .filter-row-label {
padding-right: 20px
}
.testimonial-widget .testimonial-nav .checkbox-select {
min-width: 180px;
display: inline-block;
cursor: pointer;
position: relative
}
.testimonial-widget .testimonial-nav .checkbox-select:after,
.testimonial-widget .testimonial-nav .checkbox-select:before {
width: 12px;
height: 1px;
content: "";
position: absolute;
right: 39px;
background-color: #000;
top: 51%
}
.testimonial-widget .testimonial-nav .checkbox-select:before {
transform: rotate(45deg)
}
.testimonial-widget .testimonial-nav .checkbox-select:after {
right: 31px;
transform: rotate(-45deg)
}
.testimonial-widget .testimonial-nav .checkbox-select .label {
padding: 10px 40px 10px 20px;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
margin-right: 20px;
text-transform: capitalize
}
.testimonial-widget .testimonial-nav .checkbox-select .checkbox-fields {
padding: 20px;
display: none;
position: absolute;
top: 43px;
min-width: 333px;
background: #fff;
max-height: 300px;
overflow: scroll;
z-index: 9;
overflow-x: hidden;
overflow-y: scroll
}
.testimonial-widget .testimonial-nav .checkbox-select .checkbox-fields label {
display: block;
font-size: 15px;
margin: 0 0 15px;
line-height: 12px
}
.testimonial-widget .testimonial-nav .filter-search {
display: inline-block;
position: relative
}
.testimonial-widget .testimonial-nav .filter-search input {
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
text-transform: capitalize
}
.testimonial-widget .testimonial-nav .filter-search .btn {
position: absolute;
border-top-right-radius: 17px;
border-bottom-right-radius: 17px;
top: 0;
right: -17px;
height: 100%;
width: 32px;
padding: 0;
background-color: #0094c9
}
.testimonial-widget .testimonial-nav .filter-search #autoTestimonialBox {
position: absolute;
top: 42px;
background: #fff;
padding: 20px;
width: 401px;
line-height: 27px;
text-transform: capitalize;
z-index: 99
}
.testimonial-widget .testimonial-nav .filter-search #autoTestimonialBox>div {
cursor: pointer
}
.testimonial-widget .testimonial-nav .filter-search #autoTestimonialBox strong {
color: #0094c9
}
.testimonial-widget .testimonial-nav .filter-search .search-prompts {
display: none;
position: absolute;
top: 43px;
padding: 10px;
background-color: #fff
}
.testimonial-widget .testimonial-nav .filter-search .search-prompts>div {
display: none;
line-height: 25px;
cursor: pointer
}
@media(max-width:863px) {
.testimonial-widget .testimonial-nav .testimonial-nav-inner {
padding: 0 20px
}
.testimonial-widget .testimonial-nav .filter-row-label {
display: block;
text-align: center;
margin-bottom: 10px
}
.testimonial-widget .testimonial-nav .filter-search {
display: block;
margin-top: 15px
}
.testimonial-widget .testimonial-nav .filter-search input {
width: calc(100% - 10px)
}
.testimonial-widget .testimonial-nav .filter-search .btn {
right: -4px
}
.testimonial-widget .testimonial-nav .checkbox-select {
width: 50%
}
.testimonial-widget .testimonial-nav .checkbox-select.categories .label {
margin-right: 0;
margin-left: 10px
}
.testimonial-widget .testimonial-nav .checkbox-select .label {
margin-right: 10px
}
}
@media(max-width:400px) {
.testimonial-widget .testimonial-nav .checkbox-select {
width: 100%
}
.testimonial-widget .testimonial-nav .checkbox-select.categories {
margin-top: 15px
}
.testimonial-widget .testimonial-nav .checkbox-select.categories .label {
margin-right: 0;
margin-left: 0
}
.testimonial-widget .testimonial-nav .checkbox-select .label {
margin-right: 0
}
}
.testimonial-widget .people {
padding-bottom: 40px
}
.testimonial-widget .people .inline-ad {
display: block;
height: 380px;
min-width: 250px
}
@media(max-width:1600px) {
.testimonial-widget .people .inline-ad {
display: inline-block;
height: 375px;
overflow: hidden
}
}
.testimonial-widget .people .people-inner {
max-width: 1270px;
margin: 0 auto
}
.testimonial-widget .people .people-inner .no-results {
text-align: center
}
.testimonial-widget .people .people-inner .person {
width: 254px;
height: 430px;
float: left;
text-align: center;
padding: 0 2px 20px
}
.testimonial-widget .people .people-inner .person.image .person-inner {
padding-top: 20px
}
.testimonial-widget .people .people-inner .person.image .person-inner .heading-image {
width: 100px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto;
height: 100px
}
.testimonial-widget .people .people-inner .person.image .person-inner .heading-image img {
max-width: 100%
}
.testimonial-widget .people .people-inner .person.video .person-inner.ad-space {
position: relative;
top: -10px;
height: 405px;
padding: 0
}
@media only screen and (min-width:1600px) {
.testimonial-widget .people .people-inner .person.video .person-inner.ad-space {
position: relative;
top: 0;
height: 405px;
padding: 0
}
}
.testimonial-widget .people .people-inner .person.video .person-inner.ad-space .body {
padding: 0
}
.testimonial-widget .people .people-inner .person.video .person-inner .heading-image {
max-height: 120px;
overflow: hidden;
position: relative;
display: block
}
.testimonial-widget .people .people-inner .person.video .person-inner .heading-image .play {
background-color: hsla(0, 0%, 100%, .7);
position: absolute;
width: 50px;
height: 50px;
left: calc(50% - 25px);
top: calc(50% - 25px);
border-radius: 100%;
display: block
}
.testimonial-widget .people .people-inner .person.video .person-inner .heading-image .play:before {
content: "";
position: absolute;
left: calc(50% - 6px);
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 16px solid #000;
top: 15px
}
.testimonial-widget .people .people-inner .person.video .person-inner .heading-image img {
width: calc(100% + 20px);
margin-left: -10px;
position: relative;
top: -26px
}
.testimonial-widget .people .people-inner .person .person-inner {
background-color: #fff;
box-shadow: 0 3px 5px 0 rgba(50, 50, 50, .2)
}
.testimonial-widget .people .people-inner .person .person-inner .heading .heading-text {
padding: 10px
}
.testimonial-widget .people .people-inner .person .person-inner .heading .heading-text h3 {
font-size: 16px;
margin: 8px 0 0;
color: #2d3942
}
.testimonial-widget .people .people-inner .person .person-inner .heading .heading-text .primary_outcome {
height: 25px;
padding-top: 10px;
font-style: italic;
color: #465159;
font-size: 15px;
font-weight: 400
}
.testimonial-widget .people .people-inner .person .person-inner .heading .heading-text .country {
padding: 13px 20px 4px;
color: #566d7f;
font-size: 14px;
font-style: italic
}
.testimonial-widget .people .people-inner .person .person-inner .heading .heading-text .country div {
display: inline-block;
padding-top: 4px;
height: 26px;
position: relative;
width: 28px
}
.testimonial-widget .people .people-inner .person .person-inner .heading .heading-text .country div img {
display: block;
position: absolute;
top: 13px;
left: 0
}
.testimonial-widget .people .people-inner .person .person-inner .body {
padding: 10px 10px 15px
}
.testimonial-widget .people .people-inner .person .person-inner .body .testimonial-text {
font-size: 14px;
padding: 0 8px;
margin-bottom: 30px;
height: 87px;
color: #2d3942
}
.testimonial-widget .people .people-inner .person .person-inner .body .read-more {
background-color: #0091c7;
padding: 6px 11px;
border-radius: 6px;
color: #fff;
font-size: 13px
}
@media(max-width:1600px) {
.testimonial-widget .people .people-inner {
max-width: 1000px;
text-align: center
}
.testimonial-widget .people .people-inner .person {
display: inline-block;
float: none
}
}
.dropdownShadow {
box-shadow: 0 3px 5px 0 rgba(50, 50, 50, .6)
}
.testimonial-popup {
background-color: rgba(0, 0, 0, .4);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999
}
.testimonial-popup .testimonial-popup-inner {
max-width: 1200px;
margin: 50px auto;
position: relative
}
.testimonial-popup .testimonial-popup-inner .close-holder {
width: 30px;
height: 30px;
text-align: right;
position: absolute;
right: 30px;
top: -15px;
cursor: pointer
}
.testimonial-popup .testimonial-popup-inner .close-holder span {
color: #fff;
font-size: 25px
}
.testimonial-popup .testimonial-popup-inner .testimonial {
width: 100%!important;
float: left;
padding: 30px
}
.testimonial-popup .testimonial-popup-inner .testimonial>div {
background-color: #fff;
padding: 20px;
margin-bottom: 30px;
box-shadow: 0 3px 5px 0 rgba(50, 50, 50, .2)
}
.testimonial-popup .testimonial-popup-inner .testimonial .country_flags {
margin-right: 10px
}
.testimonial-popup .testimonial-popup-inner .testimonial.video .testimonial-content .testimonial-left {
width: 50%;
float: left
}
.testimonial-popup .testimonial-popup-inner .testimonial.video .testimonial-content .testimonial-right {
float: left;
width: 50%;
padding-left: 30px
}
.testimonial-popup .testimonial-popup-inner .testimonial.video .testimonial-content .testimonial-right .testimonial-country {
margin-bottom: 25px
}
.testimonial-popup .testimonial-popup-inner .testimonial.video .testimonial-content .testimonial-right .testimonial-country .country {
color: #566d7f;
font-style: italic
}
.testimonial-popup .testimonial-popup-inner .testimonial.video .testimonial-content .testimonial-right h2 {
font-size: 22px;
text-align: left;
font-weight: 300;
margin-bottom: 10px
}
.testimonial-popup .testimonial-popup-inner .testimonial .testimonial-content .testimonial-left {
width: 300px;
float: left
}
.testimonial-popup .testimonial-popup-inner .testimonial .testimonial-content .testimonial-left h2 {
font-size: 22px;
text-align: center;
font-weight: 300;
margin-bottom: 15px
}
.testimonial-popup .testimonial-popup-inner .testimonial .testimonial-content .testimonial-left .testimonial-image {
width: 200px;
height: 200px;
border-radius: 100%;
margin: 0 auto;
overflow: hidden
}
.testimonial-popup .testimonial-popup-inner .testimonial .testimonial-content .testimonial-left .testimonial-image img {
max-width: 100%
}
.testimonial-popup .testimonial-popup-inner .testimonial .testimonial-content .testimonial-left .testimonial-country .country {
text-align: center;
margin-top: 25px;
color: #566d7f;
font-style: italic
}
.testimonial-popup .testimonial-popup-inner .testimonial .testimonial-content .testimonial-right {
float: left;
width: calc(100% - 300px)
}
.testimonial-popup .testimonial-popup-inner .testimonial .testimonial-right {
position: relative
}
.testimonial-popup .testimonial-popup-inner .testimonial .learning-outcomes h3,
.testimonial-popup .testimonial-popup-inner .testimonial .testimonial-courses h3 {
font-size: 21px;
text-align: center
}
.testimonial-popup .testimonial-popup-inner .testimonial .testimonial-courses>ul li {
width: 50%;
float: left;
margin-bottom: 15px
}
.testimonial-popup .testimonial-popup-inner .testimonial .testimonial-courses>ul li .course-name {
color: #5d666d
}
.testimonial-popup .testimonial-popup-inner .testimonial .testimonial-courses>ul li .completed-category {
background-color: #0093c9;
color: #fff;
padding: 2px 15px;
border-radius: 4px;
margin-right: 10px
}
.testimonial-popup .testimonial-popup-inner .testimonial .testimonial-courses>ul li .completed-category.language-category {
background: #10a650
}
.testimonial-popup .testimonial-popup-inner .testimonial .testimonial-courses>ul li .completed-category.science-category {
background: #2d3942
}
.testimonial-popup .testimonial-popup-inner .testimonial .testimonial-courses>ul li .completed-category.health-category {
background: #e42330
}
.testimonial-popup .testimonial-popup-inner .testimonial .testimonial-courses>ul li .completed-category.humanities-category {
background: #bfd131
}
.testimonial-popup .testimonial-popup-inner .testimonial .testimonial-courses>ul li .completed-category.business-category {
background: #f49b29
}
.testimonial-popup .testimonial-popup-inner .testimonial .testimonial-courses>ul li .completed-category.math-category {
background: #833a8d
}
.testimonial-popup .testimonial-popup-inner .testimonial .testimonial-courses>ul li .completed-category.marketing-category {
background: #c81a7f
}
.testimonial-popup .testimonial-popup-inner .testimonial .testimonial-courses>ul li .completed-category.lifestyle-category {
background: #2a0040
}
.social-buttons.testimonials-social-share a {
color: #313131
}
.add-new-testimonial-button {
display: none
}
.js-pagination {
padding-bottom: 40px
}
.js-pagination.simple-pagination {
max-width: 100%;
margin: 0 auto;
width: 400px;
text-align: center
}
.js-pagination li {
display: inline;
padding: 0 10px
}
.js-pagination li.active a {
color: #465159
}
.js-pagination li a {
color: #0094c9
}
.js-pagination li.disabled {
opacity: .3
}
.drop-shadow {
box-shadow: 0 3px 8px 0 rgba(50, 50, 50, .81)
}
header {
background: #15212a;
text-align: center;
left: 0;
position: static;
padding: 0;
height: 91px;
top: 0;
width: 100%;
z-index: 10000
}
@media(max-width:1220px) {
header {
height: 155px
}
}
header .header-inner {
background: #15212a;
position: relative;
height: auto;
width: 100%;
top: 0;
z-index: 1000;
min-height: 66px
}
header .top-links {
background: #262626;
padding: 3px 20px
}
header .top-links .top-links-right {
float: right
}
header .top-links .top-links-left {
width: 80%
}
header .top-links .top-links-left li {
display: inline;
float: left;
margin-right: 20px
}
header .top-links .top-links-left li a {
color: #fff;
text-transform: capitalize;
font-size: 14px
}
header .top-links .top-links-right {
text-align: right;
position: relative;
width: 20%
}
header .top-links .top-links-right .lang a {
color: #fff
}
header .top-links .top-links-right .lang .open .icon-chevron-down:before {
transform: rotate(180deg);
display: inline-block
}
header .top-links .top-links-right .lang .icon-chevron-down:before {
top: 1px;
position: relative
}
header .top-links .top-links-right .dropdown-lang {
display: none;
position: absolute;
z-index: 9;
right: -9px;
top: 18px;
padding: 0 10px 10px
}
header .top-links .top-links-right .dropdown-lang .triangle {
top: 0;
right: 10px;
left: auto
}
header .top-links .top-links-right .dropdown-lang .dropdown-lang-inner {
background: #f7f7f7;
text-align: left;
padding: 10px 0 15px;
margin-top: 10px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px
}
header .top-links .top-links-right .dropdown-lang .dropdown-lang-inner li a {
padding: 5px 20px;
color: #2d3942;
font-size: 14px
}
header .top-links .top-links-right .dropdown-lang .dropdown-lang-inner li a:hover {
color: #0094c9
}
@media(max-width:1000px) {
header .top-links .top-links-right .dropdown-lang {
width: 200px
}
}
@media(max-width:720px) {
header .top-links>div:first-child {
width: 80%
}
header .top-links>div:last-child {
width: 20%
}
}
@media(max-width:500px) {
header .top-links>div:first-child {
width: 50%;
height: 1px
}
header .top-links>div:last-child {
width: 50%
}
header .top-links .top-links-left ul {
display: none
}
}
header.not-loggedin .header-left .search-container {
width: calc(100% - 75px)
}
@media only screen and (min-width:1020px) {
header.not-loggedin .header-left .search-container {
width: calc(100% - 130px)
}
}
@media(min-width:1550px) {
header.not-loggedin .header-left .search-container {
width: calc(100% - 200px)
}
}
header .header-left {
width: 650px;
background: #15212a;
padding: 12px 15px;
float: left
}
header .header-left .logo-container {
width: 130px;
float: left;
margin-right: 50px;
padding-top: 6px
}
header .header-left .logo-container img {
width: 100%
}
header .header-left .logo-container .logo-short {
display: none
}
header .header-left .search-container {
width: calc(100% - 200px);
float: left
}
header .header-left .search-container form {
position: relative
}
header .header-left .search-container form input {
width: calc(100% - 40px);
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
header .header-left .search-container form #autocompleteBox {
position: absolute;
background: #fff;
min-width: calc(100% - 40px);
left: 0;
padding: 10px 0 0;
z-index: 9;
box-shadow: 0 3px 6px 0 rgba(50, 50, 50, .75)
}
header .header-left .search-container form #autocompleteBox a {
color: #2d3942;
display: block;
font-size: 14px;
text-align: left;
padding: 0 20px;
line-height: 26px;
text-transform: capitalize
}
header .header-left .search-container form #autocompleteBox a:hover,
header .header-left .search-container form #autocompleteBox a strong {
color: #0094c9
}
header .header-left .search-container form .btn {
background-color: #0094c9;
width: 40px;
border-top-right-radius: 100%;
border-bottom-right-radius: 100%;
float: right;
padding: 10px 4px 10px 0
}
header .header-left .search-container form .btn:hover {
background: #fff;
color: #0094c9
}
@media(max-width:1550px) {
header .header-left {
width: 450px
}
header .header-left .search-container {
width: calc(100% - 130px)
}
header .header-left .logo-container {
width: 100px;
margin-right: 20px;
padding-top: 9px
}
}
@media(max-width:1220px) {
header .header-left {
width: 100%
}
header .header-left .search-container #autocompleteBox {
width: 250px
}
header .header-left .logo-container {
width: 50px
}
header .header-left .logo-container .logo {
display: none
}
header .header-left .logo-container .logo-short {
display: block;
width: 50px;
margin-top: -5px
}
}
header .quick-menu-container {
float: left;
margin-left: 25px
}
header .quick-menu-container>ul li {
float: left;
margin-right: 30px;
padding: 21px
}
@media screen and (max-width:1680px) {
header .quick-menu-container>ul li {
padding: 21px 6px
}
}
header .quick-menu-container>ul li.careers a {
color: #83c11f;
border-radius: 3px;
padding: 3px 5px
}
header .quick-menu-container>ul li.careers a:hover {
color: #83c11f;
background-color: #465159;
padding: 3px 5px
}
header .quick-menu-container>ul li:last-child {
margin: 0
}
header .quick-menu-container>ul li a {
color: #fff;
text-transform: capitalize
}
header .quick-menu-container>ul li a:hover {
color: #0094c9
}
header .quick-menu-container>ul li a .icon-chevron-down {
position: relative;
top: 2px
}
header .quick-menu-container>ul li a.active .icon-chevron-down:before {
transform: rotate(180deg);
display: inline-block
}
@media(max-width:1380px) {
header .quick-menu-container>ul li {
margin-right: 10px;
padding: 21px 10px
}
}
@media(max-width:350px) {
header .quick-menu-container>ul li {
padding: 28px 6px;
font-size: 14px
}
}
header .quick-menu-container .course-categories-trigger {
position: relative
}
header .quick-menu-container .course-categories-trigger .triangle-down {
display: none;
border: 12px solid transparent;
border-bottom: 10px solid #fff;
position: absolute;
bottom: -17px;
width: 20px;
border-top: 0 solid #fff;
left: calc(50% - 12px);
z-index: 9
}
header .quick-menu-container .wide-dd-container {
display: none;
position: absolute;
width: 100%;
left: 0;
top: 91px
}
header .quick-menu-container .wide-dd-container.course-menu-container ul li a {
width: 150px
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner {
text-align: center;
padding-top: 10px;
background: #f7f7f7;
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .75)
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li {
display: inline;
background: 0 0!important
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li:hover a {
border-color: #0093c9
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li:hover a span:first-child {
color: #0093c9
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li:hover.business a {
border-color: #f49b29
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li:hover.business a span:first-child {
color: #f49b29
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li:hover.science a {
border-color: #2d3942
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li:hover.science a span:first-child {
color: #2d3942
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li:hover.health a {
border-color: #e42330
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li:hover.health a span:first-child {
color: #e42330
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li:hover.marketing a {
border-color: #c81a7f
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li:hover.marketing a span:first-child {
color: #c81a7f
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li:hover.humanities a {
border-color: #bfd131
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li:hover.humanities a span:first-child {
color: #bfd131
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li:hover.math a {
border-color: #833a8d
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li:hover.math a span:first-child {
color: #833a8d
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li:hover.lifestyle a {
border-color: #2a0040
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li:hover.lifestyle a span:first-child {
color: #2a0040
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li:hover.language a {
border-color: #10a650
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li:hover.language a span:first-child {
color: #10a650
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li:hover.project-management-hub a {
border-color: #83c11f
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li:hover.project-management-hub a span:first-child {
color: #83c11f
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li:hover.healthcare-hub a {
border-color: #e42330
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li:hover.healthcare-hub a span:first-child {
color: #e42330
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li a {
background-color: #e9edf1;
display: inline-block;
color: #566d7f;
width: 130px;
height: 94px;
padding-top: 9px;
border-bottom: 7px solid #fff
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li a.wide {
width: 200px
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li a span:first-child {
font-size: 41px;
margin-bottom: 7px;
display: inline-block
}
@media(max-width:1060px) and (min-width:1001px) {
header .quick-menu-container {
margin-left: 10px
}
header .quick-menu-container>ul li {
margin-right: 0
}
}
@media(max-width:1220px) {
header .quick-menu-container {
margin-left: 5px
}
header .quick-menu-container.categories-container ul {
width: 309px;
margin: 0 auto
}
header .quick-menu-container .wide-dd-container {
top: 159px
}
header .quick-menu-container .wide-dd-container .wide-dd-container-inner li a {
width: 100px
}
}
@media(max-width:1300px) {
header .quick-menu-container>ul li:nth-child(4) {
display: none
}
}
@media(max-width:600px) {
header .quick-menu-container>ul li:last-child,
header .quick-menu-container>ul li:nth-child(2),
header .quick-menu-container>ul li:nth-child(4) {
display: none
}
}
@media(max-width:380px) {
header .quick-menu-container {
margin: 0
}
header .quick-menu-container>ul li {
margin-right: 0
}
}
@media(max-width:355px) {
header .quick-menu-container>ul li:nth-child(2) {
display: none
}
}
header.scrolling .header-right {
padding: 21px 16px 0;
margin-bottom: -21px
}
header .header-right {
float: right;
padding: 5px 16px 10px;
position: relative
}
header .header-right .login-links {
padding-top: 7px
}
header .header-right .hide-on-scroll a {
width: 34px;
height: 34px;
display: inline-block
}
header .header-right a {
margin-right: 20px
}
header .header-right .login-links .btn {
margin: 0;
font-size: 12px;
padding: 3px 6px;
border-radius: 3px;
font-weight: 700;
background: #83c11f
}
@media only screen and (min-width:768px) {
header .header-right .login-links .btn {
background: #83c11f;
color: #fff;
text-shadow: 0 1px 1px rgba(50, 50, 50, .8);
padding: 7px 18px;
font-size: 16px
}
}
header .header-right .login-links .login-button {
margin: 11px;
color: #fff
}
header .header-right .avatar-outer {
overflow: hidden;
border-radius: 100%;
width: 34px;
height: 34px;
position: relative;
display: inline-block;
top: 10px
}
header .header-right .avatar-outer+span {
color: #0094c9;
margin-left: 5px;
font-size: 14px;
position: relative
}
header .header-right .avatar-outer .avatar {
width: 100%;
height: 100%
}
header .header-right .number {
background-color: #0093c9;
right: -12px;
top: -8px
}
header .header-right .cart,
header .header-right .notifications {
position: relative;
background-color: #384651;
border-radius: 100%;
padding: 7px;
color: #fff
}
header .header-right .cart .number,
header .header-right .notifications .number {
background: #be3047;
border-radius: 50%;
color: #fff;
content: "";
display: block;
font-size: .5625em;
line-height: 8px;
min-width: 19px;
padding: 7px 2px;
position: absolute;
text-align: center;
width: 22px;
height: 22px
}
header .header-right .orders-popup {
display: none;
width: 300px;
position: absolute;
top: 55px;
right: 20px;
box-shadow: 0 3px 8px 0 rgba(50, 50, 50, .81)
}
header .header-right .orders-popup .orders-popup-inner {
padding: 20px 10px 10px;
background-color: #f7f7f7;
max-height: 350px;
overflow-x: hidden;
overflow-y: scroll;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px
}
header .header-right .orders-popup .orders-popup-inner .order-header {
border-bottom: 1px solid #d9dee2;
padding: 0 10px 10px;
margin-bottom: 10px
}
header .header-right .orders-popup .orders-popup-inner .order-header div {
width: 50%;
float: left;
font-size: .875em
}
header .header-right .orders-popup .orders-popup-inner .order-header div:first-child {
color: #0094c9;
text-align: left
}
header .header-right .orders-popup .orders-popup-inner .order-header div:nth-child(2) {
color: #2d3942;
text-align: right
}
header .header-right .orders-popup .orders-popup-inner .orders-popup-product {
margin-bottom: 10px;
border-bottom: 1px solid #d9dee2;
padding-bottom: 6px;
position: relative
}
header .header-right .orders-popup .orders-popup-inner .orders-popup-product .sale-price {
color: #0094c9
}
header .header-right .orders-popup .orders-popup-inner .orders-popup-product p {
font-size: 16px;
color: #2d3942
}
header .header-right .orders-popup .orders-popup-inner .orders-popup-product .popup-remove {
position: absolute;
top: 3px;
right: 0;
height: 10px
}
header .header-right .orders-popup .orders-popup-inner .orders-popup-product .popup-remove span {
color: #0094c9;
vertical-align: top;
font-size: 14px
}
header .header-right .orders-popup .orders-popup-inner .orders-popup-product .orders-popup-image {
max-width: 80px;
float: left
}
header .header-right .orders-popup .orders-popup-inner .orders-popup-product .orders-popup-image img {
max-width: 100%
}
header .header-right .orders-popup .orders-popup-inner .orders-popup-product .orders-popup-info {
width: 200px;
float: left;
padding-left: 10px;
text-align: left;
font-size: 14px;
color: #2d3942
}
header .header-right .orders-popup .orders-popup-inner .orders-popup-product .orders-popup-info h4 {
font-weight: 700;
font-size: 14px;
margin-bottom: 0;
line-height: normal
}
header .header-right .orders-popup .orders-popup-inner .orders-popup-product .orders-popup-info h5 {
margin-bottom: 0;
font-size: .875em
}
header .header-right .orders-popup .orders-popup-inner .order-popup-total {
color: #5d666d;
border-bottom: 1px solid #d9dee2;
padding: 8px 0 16px;
font-size: 14px
}
header .header-right .orders-popup .orders-popup-inner .order-popup-total strong {
font-size: 16px
}
header .header-right .orders-popup .orders-popup-inner .btn {
padding: 7px 19px;
max-width: none;
margin-bottom: 30px
}
header .header-right .orders-popup .orders-popup-inner .btn-edit {
margin: 10px 20px 0 0
}
header .header-right .orders-popup .popup-spacer {
height: 9px;
background-color: transparent
}
header .header-right .orders-popup .triangle {
right: 25px;
top: 0
}
@media only screen and (min-width:768px) {
header .header-right .orders-popup {
top: 55px;
width: 320px
}
header .header-right .orders-popup .orders-popup-inner {
padding: 10px 0;
max-height: none;
overflow: hidden
}
header .header-right .orders-popup .orders-popup-inner .btn {
margin-bottom: 0
}
header .header-right .orders-popup .orders-popup-inner .orders-popup-scroll {
overflow: hidden
}
header .header-right .orders-popup .orders-popup-inner .orders-popup-product {
padding-right: 10px;
padding-left: 10px
}
}
@media(max-width:1060px) and (min-width:1001px) {
header .header-right {
padding: 5px 5px 10px
}
}
@media(max-width:1220px) {
header .header-right {
padding: 21px 16px 10px
}
header .header-right.not-logged-in {
padding: 8px 16px 10px 0
}
header .header-right:not(.not-logged-in) a.link {
position: absolute;
top: -54px;
width: 45px;
margin: 0;
right: 10px
}
header .header-right .avatar-outer {
width: 37px;
height: 37px;
top: 2px
}
header .header-right .avatar-outer+span {
display: none
}
}
header .dropdown-menu {
display: none;
position: absolute;
width: 250px;
left: -15px;
top: 55px;
padding: 0 10px 10px
}
header .dropdown-menu .triangle {
left: 40px;
top: 0
}
header .dropdown-menu.profile-menu .triangle {
border-top-color: #0094c9;
border-bottom-color: #0094c9
}
header .dropdown-menu.profile-menu ul li a {
padding: 7px 20px
}
header .dropdown-menu.profile-menu ul li:nth-child(3) a {
padding-top: 15px
}
header .dropdown-menu.profile-menu ul li:first-child a {
padding: 5px 20px
}
header .dropdown-menu.profile-menu ul li:nth-child(2) a {
padding: 10px 20px
}
header .dropdown-menu.notifications-menu {
width: 350px;
left: -150px;
top: 55px
}
header .dropdown-menu.notifications-menu .triangle {
top: 0;
left: auto;
right: 31px
}
header .dropdown-menu.notifications-menu .dropdown-menu-inner {
background-color: #f7f7f7;
padding-top: 10px
}
header .dropdown-menu.notifications-menu .dropdown-menu-inner .read-all-not {
color: #0094c9;
text-align: left;
padding: 0 0 0 10px;
margin-bottom: 10px;
display: block;
font-size: .875em
}
header .dropdown-menu.notifications-menu ul,
header .dropdown-menu.notifications-menu ul li {
position: relative
}
header .dropdown-menu.notifications-menu ul li .notification-date-number {
width: 100px;
float: left;
display: none;
margin-top: 20px
}
header .dropdown-menu.notifications-menu ul li .notification-date-number .month-year {
color: #000
}
@media only screen and (min-width:768px) {
header .dropdown-menu.notifications-menu ul li .notification-date-number {
display: block
}
}
header .dropdown-menu.notifications-menu ul li .notification-circle {
width: 37px;
float: left;
min-height: 1px
}
header .dropdown-menu.notifications-menu ul li .notification-circle .coloured-circle {
width: 22px;
height: 22px;
border-radius: 100%;
border: 4px solid #873694;
display: block;
background: #f2f5f6;
position: absolute;
left: -15px;
z-index: 9;
top: 20px
}
header .dropdown-menu.notifications-menu ul li .notification-circle .line {
width: 4px;
position: absolute;
height: 0;
background-color: #d4d4d4;
top: 0;
left: -6px;
animation: lineHeight .5s linear;
animation-fill-mode: forwards
}
@media only screen and (min-width:768px) {
header .dropdown-menu.notifications-menu ul li .notification-circle {
width: 50px
}
header .dropdown-menu.notifications-menu ul li .notification-circle .coloured-circle {
left: 99px
}
header .dropdown-menu.notifications-menu ul li .notification-circle .line {
left: 108px
}
}
header .dropdown-menu.notifications-menu ul li .notification-message {
background-color: #f2f5f6;
width: 100%;
float: left;
margin-bottom: 0;
border-top: 1px solid #d9dee2
}
header .dropdown-menu.notifications-menu ul li .notification-message .profile-link {
font-size: 1em;
left: 15px;
bottom: -30px;
width: 100%;
color: #0094c9
}
header .dropdown-menu.notifications-menu ul li .notification-message .notification-message-image {
width: 60px;
float: left;
margin-top: 36px;
padding-left: 10px;
text-align: center
}
header .dropdown-menu.notifications-menu ul li .notification-message .notification-message-image .new-notification {
color: #38ac69;
position: absolute;
top: 15px;
right: 25px;
font-size: .75em
}
header .dropdown-menu.notifications-menu ul li .notification-message .notification-message-image img {
max-width: 100%
}
@media only screen and (min-width:768px) {
header .dropdown-menu.notifications-menu ul li .notification-message .notification-message-image .new-notification {
position: static
}
}
header .dropdown-menu.notifications-menu ul li .notification-message .notification-message-content {
width: 100%;
float: left;
color: #2d3942;
padding: 0 10px 10px;
clear: both
}
header .dropdown-menu.notifications-menu ul li .notification-message .notification-message-content .date {
text-align: right;
margin-bottom: 5px
}
header .dropdown-menu.notifications-menu ul li .notification-message .notification-message-content h3 {
margin-bottom: 2px;
color: #5d666d;
font-size: .875em;
font-weight: 700
}
header .dropdown-menu.notifications-menu ul li .notification-message .notification-message-content p {
margin: 0;
font-size: .875em;
color: #2d3942
}
header .dropdown-menu.notifications-menu ul li .notification-message .notification-message-content a {
color: #0094c9;
font-size: 16px;
padding: 5px 0
}
@media only screen and (min-width:768px) {
header .dropdown-menu.notifications-menu ul li .notification-message .notification-message-content {
width: calc(100% - 75px);
clear: none;
padding: 5px 0 10px 20px
}
}
@media only screen and (min-width:768px) {
header .dropdown-menu.notifications-menu ul li:first-child .line-block,
header .dropdown-menu.notifications-menu ul li:last-child .line-block {
left: 108px
}
}
header .dropdown-menu .dropdown-menu-inner {
background: #f7f7f7;
margin-top: 10px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
overflow: hidden
}
header .dropdown-menu .dropdown-menu-inner .my-profile,
header .dropdown-menu .dropdown-menu-inner .resume-study {
border-bottom: 1px solid #d9dee2
}
header .dropdown-menu .dropdown-menu-inner .resume-study {
padding: 10px;
text-align: center
}
header .dropdown-menu .dropdown-menu-inner .resume-study a.btn {
color: #fff;
border: 1px solid #fff;
padding: 5px 20px 2px;
border-radius: 18px;
background: #0094c9;
margin: 0;
width: 100%
}
header .dropdown-menu .dropdown-menu-inner .resume-study a.btn .icon-play {
font-size: 20px
}
header .dropdown-menu .dropdown-menu-inner .resume-study a.btn .resume-label {
position: relative;
top: -3px
}
header .dropdown-menu .dropdown-menu-inner .my-profile {
position: relative
}
header .dropdown-menu .dropdown-menu-inner .my-profile a {
color: #2d3942
}
header .dropdown-menu .dropdown-menu-inner .my-profile a span {
color: #566d7f;
display: block;
font-size: 12px;
transition: all .3s ease-in
}
header .dropdown-menu .dropdown-menu-inner .my-profile a .arrow {
display: inline;
position: absolute;
bottom: 10px;
right: 20px
}
header .dropdown-menu .dropdown-menu-inner li {
text-align: left;
transition: all .3s ease-in
}
header .dropdown-menu .dropdown-menu-inner li.logout a {
color: #0094c9
}
header .dropdown-menu .dropdown-menu-inner li.resume-study {
background-color: #0094c9
}
header .dropdown-menu .dropdown-menu-inner li.social-menu {
padding-top: 15px;
background-color: #fff
}
header .dropdown-menu .dropdown-menu-inner li.social-menu a {
padding: 5px 0;
margin: 0;
display: block;
width: 25%;
float: left;
background: #2e3942;
text-align: center;
height: 27px
}
header .dropdown-menu .dropdown-menu-inner li.social-menu a:hover {
background-color: #0094c9
}
header .dropdown-menu .dropdown-menu-inner li.social-menu a:last-child {
font-size: 19px
}
header .dropdown-menu .dropdown-menu-inner li.social-menu a i {
color: #fff
}
header .dropdown-menu .dropdown-menu-inner li a {
color: #2d3942;
font-size: 14px;
display: block;
padding: 5px 20px
}
header .dropdown-menu .dropdown-menu-inner li a .active-courses {
color: #0094c9;
font-size: 14px;
transition: all .3s ease-in
}
header .dropdown-menu .dropdown-menu-inner li span {
transition: all .3s ease-in
}
@media(max-width:1220px) {
header .dropdown-menu {
width: 220px;
left: auto;
top: -6px;
right: 0
}
header .dropdown-menu .triangle {
left: auto;
top: 0;
right: 26px
}
header .dropdown-menu.notifications-menu {
width: 300px;
left: -173px;
top: 55px
}
header .dropdown-menu.notifications-menu ul li .notification-message .notification-message-image {
display: none
}
}
@media(max-width:400px) {
header .dropdown-menu.notifications-menu ul li:nth-child(2),
header .dropdown-menu.notifications-menu ul li:nth-child(3) {
display: none
}
}
header .triangle {
border: 7px solid transparent;
border-bottom: 10px solid #fff;
position: absolute;
top: -10px;
width: 10px;
border-top: 0 solid #fff
}
header.header-simple {
width: 100%;
height: 70px!important;
background-color: #2e3942;
display: table
}
header.header-simple .header-simple-logo-container {
width: 160px;
display: table-cell;
vertical-align: middle;
height: 70px!important;
margin: 0 auto
}
header.header-simple .header-simple-logo-container img {
height: 35px
}
.page-header-background {
overflow: hidden;
position: absolute;
height: 370px;
width: 100%;
background: #0d47a1;
background: linear-gradient(90deg, #0d47a1 0, #018dc5 56%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0d47a1", endColorstr="#018dc5", GradientType=1)
}
.page-header-background .header-gradient {
position: absolute;
height: 100%;
width: 100%;
top: -123px;
left: -34px;
transform: rotate(-51deg);
background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, rgba(1, 141, 197, .2));
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0)
}
.page-header-background .header-gradient.gradient-1 {
width: 667px;
height: 120%
}
.page-header-background .header-gradient.gradient-2 {
transform: rotate(-5deg);
left: 35%;
bottom: -265px;
top: auto;
background: #047abb;
background: linear-gradient(180deg, #047abb 0, #0091c7 31%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#047abb", endColorstr="#0091c7", GradientType=0);
opacity: .7
}
.nav-wrapper {
padding: 0
}
.navigation {
background: rgba(0, 145, 199, .8);
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10
}
.navigation ul {
left: 0;
position: absolute;
text-align: center;
top: 80px
}
.navigation li {
background: #2e3942 url(https://cdn01.alison-static.net/public/html/site/img/nav-bg.svg) no-repeat;
display: inline-block;
height: 100px;
margin: 2px 0;
max-width: 140px;
text-align: center;
width: calc(50% - 4px);
transition: background .2s ease-in
}
.navigation li:hover {
background-color: #0064b3
}
.navigation li:nth-child(2) span[class*=icon] {
font-size: 3.125em
}
.navigation li:nth-child(2):hover {
background-color: #1f7c3c
}
.navigation li:nth-child(3) [class*=icon] {
font-size: 1.25em
}
.navigation li:nth-child(3) [class*=icon]:before {
display: block;
padding: 10px 0 0
}
.navigation li:nth-child(3):hover {
background-color: #dd4662
}
.navigation li:nth-child(4):hover {
background-color: #6d6bff
}
.navigation li:nth-child(5) [class*=icon] {
font-size: 2.1875em
}
.navigation li:nth-child(5) [class*=icon]:before {
display: block;
padding: 10px 0 0
}
.navigation li:nth-child(5):hover {
background-color: #f16d00
}
.navigation li:nth-child(6):hover {
background-color: #810fac
}
.navigation li:nth-child(7):hover {
background-color: #f79b25
}
.navigation li:nth-child(8) [class*=icon] {
font-size: 2.5em
}
.navigation li:nth-child(8) [class*=icon]:before {
display: block;
padding: 10px 0 0
}
.navigation li:nth-child(8):hover {
background-color: #5cbb66
}
.navigation li:nth-child(9):hover {
background-color: #1d355e
}
.navigation a {
color: #fff;
display: block;
font: 400 .75em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
letter-spacing: .06em;
padding: 20px 10px 0;
text-transform: uppercase
}
.navigation span {
display: block;
text-align: center
}
.navigation [class*=icon] {
height: 35px;
font-size: 3.0625em;
margin: 0 0 15px
}
@media only screen and (min-width:768px) {
.navigation ul {
margin: 0 auto;
right: 0;
top: 220px;
width: 540px
}
.navigation li {
margin: 10px;
max-width: none;
width: calc(33.3% - 29px)
}
.navigation a {
font-size: .8125em
}
}
@media only screen and (min-width:1020px) {
.navigation li {
height: 150px
}
.navigation a {
padding: 45px 10px 0
}
}
#hp-navigation {
display: none;
position: fixed;
right: -72px;
top: 50%;
width: 100px;
z-index: 1000;
min-height: 200px;
transform: translateY(-100px)
}
#hp-navigation .icon-button-down,
#hp-navigation .icon-button-up {
border: 3px solid #b6c7cc;
width: 37px;
height: 37px;
border-radius: 100%;
margin-left: -12px;
cursor: pointer;
padding-top: 8px;
text-align: center;
font-weight: 700;
transition: all .2s ease-in
}
#hp-navigation .icon-button-down:before,
#hp-navigation .icon-button-up:before {
color: #b6c7cc
}
#hp-navigation .icon-button-down:hover,
#hp-navigation .icon-button-down:hover:before,
#hp-navigation .icon-button-up:hover,
#hp-navigation .icon-button-up:hover:before {
color: #2d3942;
border-color: #2d3942
}
#hp-navigation .icon-button-up {
padding-top: 6px
}
#hp-navigation .icon-button-up:before {
content: "\e9c0"
}
#hp-navigation .icon-button-down:before {
content: "\e9bf"
}
#hp-navigation ul .hp-nav {
margin: 15px 0 15px 2px;
height: 10px;
width: 10px;
background-color: #b6c7cc;
border-radius: 50px;
cursor: pointer;
position: relative;
z-index: 1002;
transition: all .2s ease-in
}
#hp-navigation ul .hp-nav .hp-nav-btn {
color: #b6c7cc;
font-size: 13px;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0
}
#hp-navigation ul .hp-nav .hp-tooltip {
position: absolute;
top: -4px;
right: 45px;
white-space: nowrap;
color: #fff;
font-size: .8em;
padding: 0 10px 2px 12px;
font-weight: 300;
background-color: #384651;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-topleft: 6px;
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
display: none
}
#hp-navigation ul .hp-nav.active {
background-color: #2d3942;
width: 15px;
height: 15px;
margin-left: 0;
border: 1px solid #2d3942
}
#hp-navigation ul .hp-nav:hover {
background-color: #2d3942;
margin-bottom: 15px
}
#hp-navigation ul .hp-nav:hover+.hp-nav {
margin-top: 13px
}
#hp-navigation ul .hp-nav:hover .hp-tooltip {
display: block
}
@media only screen and (min-width:768px) {
#hp-navigation {
display: block;
right: -50px
}
#hp-navigation ul .hp-nav {
height: 10px;
width: 10px;
padding: 8px 0 0 9px
}
#hp-navigation ul .hp-nav .hp-nav-btn {
font-size: 1.275em
}
}
@media only screen and (min-width:1500px) {
#hp-navigation {
display: block;
right: -32px
}
}
@media(-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
#hp-navigation {
top: 40%
}
}
@media screen and (min-width:0\0) and (min-resolution:0.001dpcm) {
#hp-navigation {
top: 40%
}
}
.banner,
.banner-hp {
color: #fff;
position: relative;
text-align: center;
z-index: 10
}
.banner-hp.no-image,
.banner.no-image {
background-image: none;
margin-top: 30px
}
.banner #SelectedPressArticles .selected,
.banner-hp #SelectedPressArticles .selected {
background-color: #fff!important;
z-index: 15!important;
position: relative!important;
padding-top: 15%
}
.banner-hp .banner-align,
.banner .banner-align {
height: 450px
}
.banner-hp .learning-path-name,
.banner .learning-path-name {
margin: 0 0 50px;
font-size: 2.25em
}
.banner-hp h1,
.banner-hp h2,
.banner-hp h3,
.banner-hp h4,
.banner-hp h5,
.banner-hp h6,
.banner-hp p,
.banner h1,
.banner h2,
.banner h3,
.banner h4,
.banner h5,
.banner h6,
.banner p {
color: #fff
}
.banner-hp p,
.banner p {
font-size: 1.125em
}
.banner-hp p i,
.banner p i {
margin: 0 3px
}
.banner-hp h2,
.banner h2 {
font-size: 1.5625em;
margin: 0 0 25px
}
.banner-hp .headline-description,
.banner .headline-description {
font-size: 1.0625em;
margin: 0 0 25px
}
.banner-hp h6,
.banner h6 {
margin: 10px 0
}
.banner-hp ul,
.banner ul {
font: 400 1em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
.banner-hp ul li,
.banner ul li {
color: #fff
}
.banner-hp a,
.banner a {
color: #fff;
font: 400 .875em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
.banner-hp a:hover,
.banner a:hover {
text-decoration: none
}
.banner-hp .p-light span,
.banner .p-light span {
color: #ffd200
}
.banner-hp .tabs,
.banner .tabs {
margin-top: 50px
}
.banner-hp .bg-image,
.banner .bg-image {
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%
}
.banner-hp .subtitle,
.banner .subtitle {
font: 400 1.125em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
margin: 30px auto 35px;
max-width: 600px
}
.banner-hp .paragraph,
.banner .paragraph {
color: #fff;
display: block;
margin: 25px 0;
text-align: center
}
.banner-hp .circle-image,
.banner .circle-image {
border-radius: 50%;
height: 95px;
margin: 0;
width: 95px;
overflow: hidden
}
.banner-hp .circle-image img,
.banner .circle-image img {
margin: 0 0 0 -25%;
position: relative;
width: auto;
height: 100%
}
.banner-hp .inline-container,
.banner .inline-container {
margin-bottom: 0;
padding-bottom: 60px
}
.banner-hp .inline-container .inline,
.banner .inline-container .inline {
display: inline-block;
margin: 0 5px;
vertical-align: middle
}
.banner-hp .banner-angle,
.banner .banner-angle {
position: relative;
z-index: 1;
margin-top: 50px
}
.banner-hp .banner-angle:after,
.banner .banner-angle:after {
background: inherit;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: -1;
-webkit-backface-visibility: hidden;
outline: 2px solid transparent;
transform: skewY(-1deg);
transform-origin: 100%;
-moz-transform: skewY(-1deg);
-moz-transform-origin: 100%;
-ms-transform: skewY(-1deg);
-ms-transform-origin: 100%;
-webkit-transform: skewY(-1deg);
-webkit-transform-origin: 100%;
background: #fff;
bottom: 0;
height: 10px;
width: 100%
}
.banner-hp .banner-angle-flipped,
.banner .banner-angle-flipped {
position: relative;
z-index: 1;
margin-top: 50px
}
.banner-hp .banner-angle-flipped:after,
.banner .banner-angle-flipped:after {
background: inherit;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: -1;
-webkit-backface-visibility: hidden;
outline: 2px solid transparent;
transform: skewY(1deg);
transform-origin: 0 100%;
-moz-transform: skewY(1deg);
-moz-transform-origin: 0 100%;
-ms-transform: skewY(1deg);
-ms-transform-origin: 0 100%;
-webkit-transform: skewY(1deg);
-webkit-transform-origin: 0 100%;
background: #fff;
bottom: 0;
height: 70px;
width: 100%
}
.banner-hp .icon-widget span,
.banner .icon-widget span {
display: block;
font-size: 1.875em;
margin: 0 0 5px
}
.banner-hp .icon-widget p,
.banner .icon-widget p {
font-size: .875em
}
.banner-hp .learning-path-container,
.banner .learning-path-container {
padding-bottom: 30px
}
.banner-hp .learning-path-container .icon-widget span,
.banner .learning-path-container .icon-widget span {
font-size: 1.625em
}
.banner-hp .learning-path-container .icon-widget p,
.banner .learning-path-container .icon-widget p {
font-size: 1em
}
@media only screen and (min-width:768px) {
.banner-hp .banner-angle:after,
.banner .banner-angle:after {
height: 35px
}
.banner-hp .circle-image,
.banner .circle-image {
height: 195px;
width: 195px
}
.banner-hp .circle-image img,
.banner .circle-image img {
width: auto
}
.banner-hp .icon-widget span,
.banner .icon-widget span {
font-size: 2.1875em
}
.banner-hp .icon-widget p,
.banner .icon-widget p {
font-size: 1em
}
}
@media only screen and (min-width:1020px) {
.banner #SelectedPressArticles .selected,
.banner-hp #SelectedPressArticles .selected {
min-height: 250px;
position: relative;
float: left;
width: 100%;
background-color: #fff;
padding-top: 5%
}
.banner-hp h2,
.banner h2 {
font-size: 2.8125em
}
.banner-hp .circle-image,
.banner .circle-image {
height: 200px;
margin: 0 25px;
width: 200px
}
.banner-hp .circle-image img,
.banner .circle-image img {
height: 100%;
width: auto
}
.banner-hp .learning-path-image,
.banner .learning-path-image {
width: 150px;
height: 150px
}
.banner-hp .icon-widget span,
.banner .icon-widget span {
font-size: 2.5em
}
.banner-hp .icon-widget p,
.banner .icon-widget p {
font-size: 1.125em
}
}
.outer-wrap {
background-repeat: no-repeat;
background-position: -300px -200px;
height: auto
}
.outer-wrap #bg-hp {
position: relative;
height: 690px;
max-width: 100%
}
.outer-wrap #bg-hp #error-found {
height: 100%;
position: absolute;
text-align: center;
width: 100%
}
.outer-wrap #bg-hp #error-found .banner-hp .wrapper {
background: rgba(0, 0, 0, .5)
}
.outer-wrap #bg-hp #error-found .banner-hp .content h1,
.outer-wrap #bg-hp #error-found .banner-hp .content h2 {
font: 400 2.25em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
@media only screen and (min-width:768px) {
.outer-wrap #bg-hp #error-found {
}
.outer-wrap #bg-hp #error-found .banner-hp .content form input {
float: left;
width: calc(100% - 145px)
}
.outer-wrap #bg-hp #error-found .banner-hp .content form button {
display: inline-block
}
}
@media only screen and (min-width:1020px) {
.outer-wrap #bg-hp #error-found {
}
}
.outer-wrap #bg-hp .banner-hp {
background: 0 0;
color: #fff;
margin: 0;
padding: 40px 0 0;
text-align: center;
z-index: 2
}
.outer-wrap #bg-hp .banner-hp .align-parent {
display: block;
height: auto
}
.outer-wrap #bg-hp .banner-hp .align-center {
display: block;
padding: 10px
}
.outer-wrap #bg-hp .banner-hp .wrapper {
padding: 15px 35px 10px;
background: rgba(0, 0, 0, .5);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
height: auto
}
.outer-wrap #bg-hp .banner-hp .wrapper.hp-wrapper h1 {
font-size: 1.125em;
font-weight: 300
}
.outer-wrap #bg-hp .banner-hp .wrapper h1,
.outer-wrap #bg-hp .banner-hp .wrapper h2 {
margin-bottom: 15px;
font-size: 1.5em
}
.outer-wrap #bg-hp .banner-hp .wrapper p {
font-size: .875em
}
.outer-wrap #bg-hp .banner-hp .wrapper .global-search {
margin: 0 auto
}
.outer-wrap #bg-hp .banner-hp .wrapper .tabs {
margin-top: 35px
}
.outer-wrap #bg-hp .banner-hp .wrapper .banner-hp-spacer {
margin-bottom: 25px
}
.outer-wrap #bg-hp .banner-hp .wrapper .hp-details {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
transform: translate(0)
}
.outer-wrap #bg-hp .banner-hp .wrapper .hp-details ul {
position: absolute;
height: 100%;
width: 100%
}
.outer-wrap #bg-hp .banner-hp .wrapper .hp-details ul li {
position: relative;
height: auto;
padding: 10px 20px;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
background: rgba(0, 0, 0, .5);
margin: 3px 0 3px 3px;
width: calc(33.33333% - 2px);
float: left
}
.outer-wrap #bg-hp .banner-hp .wrapper .hp-details ul li:first-child {
border-bottom-left-radius: 3px;
margin-left: 0
}
.outer-wrap #bg-hp .banner-hp .wrapper .hp-details ul li:nth-child(3) {
border-bottom: 0 solid;
border-bottom-right-radius: 3px
}
.outer-wrap #bg-hp .banner-hp .wrapper .hp-details ul li span {
text-align: center;
padding-top: 5px;
display: inline-block
}
.outer-wrap #bg-hp .banner-hp .wrapper .info-bullets {
display: none;
padding: 0 30px;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 1;
margin: 0 10px;
background-color: transparent
}
.outer-wrap #bg-hp .banner-hp .wrapper .info-bullets .info-blt {
display: block;
float: left;
background-color: transparent;
height: auto;
width: 50%
}
.outer-wrap #bg-hp .banner-hp .wrapper .info-bullets .info-blt .info-blt-inner {
max-width: 145px;
margin: 0 auto;
text-align: center;
padding: 10px 0
}
.outer-wrap #bg-hp .banner-hp .wrapper .info-bullets .info-blt .info-blt-inner [class^=icon-] {
float: left;
margin-top: 14px;
padding-right: 10px
}
.outer-wrap #bg-hp .banner-hp .wrapper .info-bullets .info-blt .info-blt-inner [class^=icon-]:before {
font-size: 1.3125em;
color: #fff
}
.outer-wrap #bg-hp .banner-hp .wrapper .info-bullets .info-blt .info-blt-inner .icon-hp-group:before {
content: "\e9be"
}
.outer-wrap #bg-hp .banner-hp .wrapper .info-bullets .info-blt .info-blt-inner .icon-hp-hat:before {
content: "\e9bb"
}
.outer-wrap #bg-hp .banner-hp .wrapper .info-bullets .info-blt .info-blt-inner .icon-hp-book:before {
content: "\e9bd"
}
.outer-wrap #bg-hp .banner-hp .wrapper .info-bullets .info-blt .info-blt-inner .icon-hp-present:before {
content: "\e9ba"
}
.outer-wrap #bg-hp .banner-hp .wrapper .info-bullets .info-blt .info-blt-inner .image-bullet {
width: 40px;
float: left
}
.outer-wrap #bg-hp .banner-hp .wrapper .info-bullets .info-blt .info-blt-inner p {
margin-bottom: 0;
font-size: 1em;
line-height: inherit;
padding-top: 7px;
color: #fff
}
.outer-wrap #bg-hp .banner-hp .wrapper .info-bullets .info-blt .info-blt-inner span:last-child {
font-weight: 300;
font-size: .875em!important;
color: #fff
}
.outer-wrap #bg-hp .banner-hp .hp-social-login {
margin-top: 20px
}
.outer-wrap #bg-hp .banner-hp .hp-social-login .social-log {
padding-left: 4px;
padding-right: 4px
}
.outer-wrap #bg-hp .banner-hp .hp-social-login .social-log .social-login {
padding: 12px;
width: auto;
cursor: pointer;
border-radius: 4px;
margin: .5em auto;
color: #fff;
display: block;
text-decoration: none
}
.outer-wrap #bg-hp .banner-hp .hp-social-login .social-log .social-login [class^=icon-] {
display: inline-block;
font-size: 1.3125em;
margin-right: 4px;
vertical-align: text-bottom
}
.outer-wrap #bg-hp .banner-hp .hp-social-login .social-log .social-login .social-text {
display: inline-block;
font-size: .75em
}
.outer-wrap #bg-hp .banner-hp .hp-social-login .social-log .social-login.g-login {
background-color: #ec3c1f;
opacity: .8
}
.outer-wrap #bg-hp .banner-hp .hp-social-login .social-log .social-login.fb-login {
background-color: #5e7fc1;
opacity: .8
}
.outer-wrap #bg-hp .banner-hp .hp-social-login .social-log .social-login.yahoo-login {
background-color: #ab48b7;
opacity: .8
}
.outer-wrap #bg-hp .banner-hp .hp-social-login .social-log .social-login:hover {
text-decoration: none
}
.outer-wrap #bg-hp .banner-hp .hp-social-login .social-log .social-login:hover.g-login {
background-color: #c72b11
}
.outer-wrap #bg-hp .banner-hp .hp-social-login .social-log .social-login:hover.fb-login {
background-color: #4265aa
}
.outer-wrap #bg-hp .banner-hp .hp-social-login .social-log .social-login:hover.yahoo-login {
background-color: #893a92
}
@media only screen and (min-width:768px) {
.outer-wrap #bg-hp {
height: 500px;
min-height: 0;
max-height: none
}
.outer-wrap #bg-hp video {
top: -40px;
width: 100%
}
.outer-wrap #bg-hp .banner-hp {
padding: 0;
position: absolute;
width: 100%;
max-width: 400px;
height: auto;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
.outer-wrap #bg-hp .banner-hp .align-center {
padding: 0
}
.outer-wrap #bg-hp .banner-hp .wrapper {
padding: 15px 30px 10px;
height: auto;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-right-radius: 0
}
.outer-wrap #bg-hp .banner-hp .wrapper h1,
.outer-wrap #bg-hp .banner-hp .wrapper h2 {
font-weight: 200;
font-size: 1.875em;
letter-spacing: 1.33333em;
margin: 0 0 10px
}
.outer-wrap #bg-hp .banner-hp .wrapper p {
font-size: 1.125em
}
.outer-wrap #bg-hp .banner-hp .wrapper .hp-details {
position: absolute;
right: 0;
left: auto;
width: 100px;
height: 100%;
top: 0;
transform: translate(100%)
}
.outer-wrap #bg-hp .banner-hp .wrapper .hp-details ul {
height: 100%;
width: 95px
}
.outer-wrap #bg-hp .banner-hp .wrapper .hp-details ul li {
height: calc(33.3333333333% - 2px);
float: none;
margin-top: 0;
width: 91px;
padding: 0
}
.outer-wrap #bg-hp .banner-hp .wrapper .hp-details ul li:first-child {
border-bottom-left-radius: 0;
border-top-right-radius: 3px;
margin-left: 3px
}
.outer-wrap #bg-hp .banner-hp .wrapper .hp-details ul li:nth-child(3) {
border-bottom: 0 solid;
border-bottom-right-radius: 3px
}
.outer-wrap #bg-hp .banner-hp .wrapper .hp-details ul li span {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%)
}
.outer-wrap #bg-hp .banner-hp .wrapper .categories-search .trigger-search {
width: 55px
}
.outer-wrap #bg-hp .banner-hp .wrapper .categories-search .trigger-search.highlighted {
background-color: #0094c9
}
.outer-wrap #bg-hp .banner-hp .wrapper .categories-search input[type=text] {
width: 285px
}
.outer-wrap #bg-hp .banner-hp .wrapper .info-bullets .info-blt {
height: 63px;
width: 25%;
padding: 0
}
.outer-wrap #bg-hp .banner-hp .wrapper .info-bullets .info-blt .info-blt-inner {
padding: 5px 0 0
}
.outer-wrap #bg-hp .banner-hp .wrapper .info-bullets .info-blt .info-blt-inner [class^=icon-] {
padding-right: 0
}
.outer-wrap #bg-hp .banner-hp .wrapper .info-bullets .info-blt .info-blt-inner p {
font-size: .875em
}
.outer-wrap #bg-hp .banner-hp .wrapper .info-bullets .info-blt .info-blt-inner span:last-child {
font-size: .75em!important
}
}
@media only screen and (min-width:1020px) {
.outer-wrap #bg-hp {
height: 550px;
min-height: 0;
max-height: none
}
.outer-wrap #bg-hp video {
top: -140px;
width: auto;
position: relative
}
.outer-wrap #bg-hp .banner-hp {
max-width: 550px
}
.outer-wrap #bg-hp .banner-hp .wrapper h1,
.outer-wrap #bg-hp .banner-hp .wrapper h2 {
font-size: 3.75em
}
.outer-wrap #bg-hp .banner-hp .wrapper .categories-search input[type=text] {
width: 433px
}
}
@media screen and (max-height:480px) {
.outer-wrap #bg-hp {
min-height: 480px
}
}
@media only screen and (min-width:768px) {
.outer-wrap {
min-height: 0;
max-height: none;
background-size: auto;
background-position: 0 0
}
}
@media only screen and (min-width:1500px) {
.outer-wrap {
background-size: contain
}
}
@media(-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
#bg-hp .banner-hp {
padding: 0;
position: absolute;
top: calc(50% - 127px);
left: auto;
max-width: 100%
}
#bg-hp .banner-hp .align-parent {
display: table;
height: auto
}
#bg-hp .banner-hp .align-center {
display: table-cell
}
}
@media screen and (min-width:0\0) and (min-resolution:0.001dpcm) {
#bg-hp .banner-hp {
padding: 0;
position: absolute;
top: calc(50% - 127px);
left: auto;
max-width: 100%
}
#bg-hp .banner-hp .align-parent {
display: table;
height: auto
}
#bg-hp .banner-hp .align-center {
display: table-cell
}
}
#cert-check .banner .banner-angle {
margin: 0
}
#cert-check .banner h1 {
margin-bottom: 0
}
#cert-check .banner .banner-align {
height: 150px
}
#cert-check .banner .wrapper:last-child {
padding: 70px 20px
}
#cert-check .banner .wrapper .info-box {
margin: 0 0 -40px;
position: relative;
z-index: 9
}
#cert-check .banner .wrapper .info-box .text-justify p {
font-size: 1em;
color: #5d666d;
margin-bottom: 15px
}
@media only screen and (min-width:768px) {
#cert-check .banner .banner-align {
height: 350px
}
#cert-check .banner .wrapper:last-child {
padding: 10px 20px 70px
}
}
@media print {
.banner-align {
display: none
}
}
.hidden-form {
position: absolute;
left: -9999px;
top: -9999px
}
.field {
position: relative
}
.field textarea {
text-align: justify
}
.field .icon {
padding: 0
}
.field label {
color: #5d666d;
font: 400 Roboto, Helvetica Neue, Helvetica, Arial, sans-serif 1em
}
.field .field-checkbox {
margin-top: 20px
}
.field a textarea[disabled],
.field input[disabled],
.field input[readonly] {
background: #f1f2f2;
transition: background .5s ease;
opacity: .75;
cursor: not-allowed
}
.field a textarea[disabled]:focus,
.field input[disabled]:focus,
.field input[readonly]:focus {
color: #2e3942!important;
border-color: #2e3942
}
.field input[type=date]::-webkit-inner-spin-button,
.field input[type=date]::-webkit-outer-spin-button,
.field input[type=number]::-webkit-inner-spin-button,
.field input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0 5px
}
.date-of-birth {
padding: 7.5px 20px
}
.field-transparent button,
.field-transparent input,
.field-transparent label,
.field-transparent select,
.field-transparent textarea {
color: #fff;
border-bottom: 1px solid transparent;
background: 0 0
}
.field-transparent button::-webkit-input-placeholder,
.field-transparent input::-webkit-input-placeholder,
.field-transparent label::-webkit-input-placeholder,
.field-transparent select::-webkit-input-placeholder,
.field-transparent textarea::-webkit-input-placeholder {
color: #fff;
opacity: .5
}
.field-transparent button:-ms-input-placeholder,
.field-transparent input:-ms-input-placeholder,
.field-transparent label:-ms-input-placeholder,
.field-transparent select:-ms-input-placeholder,
.field-transparent textarea:-ms-input-placeholder {
color: #fff;
opacity: .5
}
.field-transparent button:-moz-placeholder,
.field-transparent button::-moz-placeholder,
.field-transparent input:-moz-placeholder,
.field-transparent input::-moz-placeholder,
.field-transparent label:-moz-placeholder,
.field-transparent label::-moz-placeholder,
.field-transparent select:-moz-placeholder,
.field-transparent select::-moz-placeholder,
.field-transparent textarea:-moz-placeholder,
.field-transparent textarea::-moz-placeholder {
color: #fff;
opacity: .5
}
.field-transparent button:focus,
.field-transparent button:hover,
.field-transparent input:focus,
.field-transparent input:hover,
.field-transparent label:focus,
.field-transparent label:hover,
.field-transparent select:focus,
.field-transparent select:hover,
.field-transparent textarea:focus,
.field-transparent textarea:hover {
border-color: #fff!important;
color: #fff!important
}
.field-group {
position: relative;
display: block
}
.field-centered {
margin-left: auto;
margin-right: auto
}
.field-centered button,
.field-centered input,
.field-centered select,
.field-centered textarea {
text-align: center
}
.field-centered::-webkit-input-placeholder {
text-align: center
}
.field-centered:-ms-input-placeholder {
text-align: center
}
.field-centered:-moz-placeholder,
.field-centered::-moz-placeholder {
text-align: center
}
.form-buttons {
padding: 15px
}
.form-buttons .btn {
max-width: 100px;
font-size: .75em
}
.field-inline-edit input:hover:enabled,
.field-inline-edit select:hover:enabled,
.field-inline-edit textarea:hover:enabled {
cursor: pointer;
transition: all .5 ease;
color: #2e3942;
border-color: #2e3942
}
.field-inline-edit input:disabled,
.field-inline-edit select:disabled,
.field-inline-edit textarea:disabled {
opacity: .75
}
#sitemap ul {
margin: 50px 0
}
#sitemap ul li a {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
color: #5d666d
}
#sitemap ul li a:hover {
text-decoration: underline;
color: #0091c7
}
footer.main {
margin: 0!important;
padding: 0;
position: relative;
text-align: center;
margin-top: 50px;
z-index: 10
}
footer.main .top-footer-wrapper {
margin: 0 auto;
max-width: 1320px;
padding: 0 20px
}
@media only screen and (min-width:1240px) {
footer.main .top-footer-wrapper {
margin: 0 auto;
max-width: 1320px;
padding: 0
}
}
footer.main .top-footer-wrapper a.scroll-to-top {
font-size: 1.575em;
color: #5d666d;
background: #fff;
width: 50px;
height: 50px;
position: absolute;
right: 10px;
bottom: 10px;
padding-top: 12px;
border-radius: 50%;
box-shadow: 0 0 20px #3a3a3a
}
footer.main .top-footer-wrapper a.scroll-to-top:hover {
animation: scale 1s ease-in-out infinite alternate
}
@media only screen and (min-width:1140px) {
footer.main .top-footer-wrapper a.scroll-to-top {
right: 0
}
}
footer.main .top-footer-wrapper .footer-column {
width: 215px;
text-align: left;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
margin-bottom: 15px
}
footer.main .top-footer-wrapper .footer-column .footer-column-inner {
width: 192px;
margin: 0 auto
}
footer.main .top-footer-wrapper .footer-column .footer-column-inner.column-with-margin {
margin: 0 auto
}
@media(min-width:710px) {
footer.main .top-footer-wrapper .footer-column .footer-column-inner.column-with-margin {
margin-left: 30px
}
}
footer.main .top-footer-wrapper .footer-column h3 {
display: inline-block;
border-bottom: 2px solid #000;
color: #000;
font: 500 16px Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
text-transform: uppercase;
margin-bottom: 10px;
padding-bottom: 3px;
margin-top: 25px
}
footer.main .top-footer-wrapper .footer-column ul li {
margin-bottom: 3px
}
footer.main .top-footer-wrapper .footer-column ul li a {
font: 400 13px Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased
}
footer.main .top-footer-wrapper .footer-column ul li a:link,
footer.main .top-footer-wrapper .footer-column ul li a:visited {
color: #000
}
footer.main .top-footer-wrapper .footer-column ul li a:active,
footer.main .top-footer-wrapper .footer-column ul li a:focus,
footer.main .top-footer-wrapper .footer-column ul li a:hover {
color: #d9d9d9;
margin-left: 3px
}
footer.main .top-footer-wrapper .footer-column ul li a i {
margin-right: 10px;
color: #000
}
footer.main .top-footer-wrapper .footer-column ul li span {
color: #fff;
background: #0091c7;
font: 400 .825em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: 1px 7px;
margin-left: 10px
}
footer.main .wrap-bottom {
background: #1c232e;
width: 100%
}
footer.main .wrap-bottom .half-bottom {
max-width: 1185px;
margin: 0 auto
}
footer.main .wrap-bottom .main-bottom {
max-width: 1290px;
margin: 0 auto;
padding: 30px 0 40px;
text-align: center
}
footer.main .wrap-bottom .main-bottom .logo {
display: inline-block;
width: 135px;
float: none
}
@media only screen and (min-width:400px) {
footer.main .wrap-bottom .main-bottom .logo {
float: none;
margin: 0 auto;
display: block
}
}
footer.main .wrap-bottom .main-bottom ul {
float: none;
margin-top: 15px
}
@media only screen and (min-width:1020px) {
footer.main .wrap-bottom .main-bottom ul {
float: left;
margin-top: 8px
}
}
footer.main .wrap-bottom .main-bottom ul li {
display: inline-block;
border-right: 1px solid #505960
}
footer.main .wrap-bottom .main-bottom ul li:last-child {
border-right: none
}
footer.main .wrap-bottom .main-bottom ul li span {
color: #505960
}
footer.main .wrap-bottom .main-bottom ul li a,
footer.main .wrap-bottom .main-bottom ul li span {
font: 300 14px Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: 0 10px
}
footer.main .wrap-bottom .main-bottom ul li a:link,
footer.main .wrap-bottom .main-bottom ul li a:visited {
color: #505960
}
footer.main .wrap-bottom .main-bottom ul li a:active,
footer.main .wrap-bottom .main-bottom ul li a:focus,
footer.main .wrap-bottom .main-bottom ul li a:hover {
color: #aaa
}
footer.main .top {
background: #465159
}
@media only screen and (min-width:768px) {
footer.main {
margin-top: 50px;
padding: 20px 0 0
}
footer.main .main-bg {
background-repeat: no-repeat;
background-position: 100% 100%;
padding-bottom: 15px
}
footer.main .wrap-bottom .half-bottom {
max-width: 760px
}
footer.main .wrap-bottom .main-bottom {
padding: 20px 0
}
footer.main .wrap-bottom .main-bottom .logo {
float: none;
margin: 0 auto;
display: block
}
}
@media only screen and (min-width:1020px) {
footer.main {
padding: 20px 0 0
}
footer.main .wrap-bottom .half-bottom {
max-width: 1185px
}
footer.main .wrap-bottom .main-bottom {
padding: 10px 0;
*zoom: 1
}
footer.main .wrap-bottom .main-bottom:after,
footer.main .wrap-bottom .main-bottom:before {
content: "";
display: table
}
footer.main .wrap-bottom .main-bottom:after {
clear: both
}
footer.main .wrap-bottom .main-bottom .logo {
display: inline-block;
margin-right: 20px;
width: 135px;
float: left
}
}
#outdated {
text-align: center;
position: relative
}
#outdated h6 {
font-size: 1.875em
}
#outdated h6 span {
margin-right: 10px;
display: inline-block
}
#outdated a {
color: #fff
}
#outdated .last {
position: absolute;
right: 50px;
top: 20px
}
#outdated .last a {
font-size: 2.25em
}
footer.footerless {
padding: 0
}
.tab-header-inline {
display: table;
width: 100%
}
.tab-header-inline .tab-title {
color: #5d666d;
display: table-cell;
text-align: center;
vertical-align: middle;
font: 300 1.25em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: 5px;
border-bottom: 2px solid #f1f2f2;
border-right: 2px solid #f1f2f2
}
.tab-header-inline .tab-title i[class*=icon] {
margin: 10px;
font-size: 1.5em
}
.tab-header-inline .tab-title a {
color: #5d666d;
display: none
}
.tab-header-inline .tab-title a:visited {
color: #5d666d
}
.tab-header-inline .tab-title.active,
.tab-header-inline .tab-title.active a {
color: #0091c7
}
.tab-header-inline .tab-title:last-child {
border-right: none
}
.tab-header-inline .tab-title:hover {
color: #0091c7;
cursor: pointer
}
.tab-header-inline .tab-title:hover a {
color: #0091c7
}
@media only screen and (min-width:768px) {
.tab-header-inline .tab-title a,
.tab-header-inline .tab-title i[class*=icon] {
display: inline-block;
vertical-align: middle
}
}
.tab-header-inline2 {
display: table;
width: 60%
}
.tab-header-inline2 .tab-title {
display: table-cell;
text-align: center;
font: 400 .875em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: 10px;
border-bottom: 1px solid;
transition: border 1s ease
}
.tab-header-inline2 .tab-title i[class*=icon] {
margin: 10px
}
.tab-header-inline2 .tab-title a,
.tab-header-inline2 .tab-title a:visited {
color: #000
}
.tab-header-inline2 .tab-title.active {
border-top: 1px solid;
border-right: 1px solid;
border-left: 1px solid;
border-bottom: none
}
.tab-header-inline2 .tab-title:last-child {
border-right: none
}
.tab-header-inline2 .tab-title:first-child {
border-left: none
}
.tab-header-inline2 .tab-title:hover {
cursor: pointer
}
@media only screen and (min-width:768px) {
.tab-header-inline2 .tab-title a,
.tab-header-inline2 .tab-title i[class*=icon] {
display: inline-block;
vertical-align: middle
}
}
.tab-content .tab {
display: none
}
.tab-content .tab.active {
display: block
}
.errors {
margin: 5px
}
.errors .icon-error {
font-size: 1.3125em
}
.errors .error-message,
.errors .icon-error {
display: inline-block;
color: #f4254e;
vertical-align: bottom
}
.errors .error-message {
font: 400 .875em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
text-align: left;
margin-left: 5px;
width: 85%
}
.info-box {
background: 0 0;
position: relative;
width: 100%;
margin: 40px auto
}
.info-box .content {
background: #f1f2f2;
padding: 0 20px;
width: 100%;
z-index: 10
}
.info-box .top {
text-align: left;
position: relative;
height: 30px
}
.info-box .top .addon {
float: right
}
.info-box .top .addon .field {
margin: 0
}
.info-box .top .title {
padding: 0 0 0 95px;
color: #0091c7;
font: 300 1.25em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
width: auto;
margin: 25px 0
}
.info-box .top .title img {
margin-right: 5px
}
.info-box .top .title.title-sm {
font-size: 1em;
position: relative;
top: 5px
}
.info-box textarea {
resize: none
}
.info-box .header {
padding: 20px 0;
position: relative
}
.info-box .header .round-image {
border-radius: 50%;
height: 55px;
left: 8px;
padding: 5px;
background: #fff;
position: absolute;
text-align: center;
top: -35px;
width: 55px
}
.info-box .header .round-image div {
background: #0091c7;
border-radius: 50%;
height: 100%;
padding-top: 18px;
width: 100%
}
.info-box .header .round-image div [class*=icon] {
font-size: 1.5em;
margin-top: 20px;
text-align: center;
color: #fff
}
.info-box .header .round-image div [class*=icon]:before {
top: 15px;
left: 15px;
position: absolute
}
.info-box .header .buttons {
float: right
}
.info-box .header .buttons button {
background: 0 0;
border: none;
color: grey;
padding: 0
}
.info-box .header .half-img {
height: 37px;
left: 6px;
overflow: hidden;
position: absolute;
top: -37px;
width: 67px
}
.info-box .header .half-img .image {
border: 3px solid #0091c7;
border-radius: 50%;
height: 59px;
padding: 5px;
width: 59px;
z-index: 0
}
.info-box .header .flag {
width: 16px
}
.info-box .date {
color: #0091c7;
font: 400 .75em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
position: absolute;
bottom: 35px;
right: 10px
}
.info-box .footer {
padding: 0 0 20px
}
.info-box .footer span {
display: block;
float: right
}
.info-box .body {
padding: 15px
}
.info-box .body h3 {
font-size: 1.375em;
color: #0091c7;
margin: 10px auto
}
.info-box .body p {
color: #5d666d;
font-size: .8125em;
margin: 0;
padding: 10px 0
}
.info-box .body p.info-msg {
text-align: center;
color: #e32726
}
.info-box .field {
margin-bottom: 20px
}
.info-box .field input,
.info-box .field select,
.info-box .field textarea {
border-bottom: 1px solid #aaa;
background: #f1f2f2;
color: #5d666d;
font-size: .8125em;
width: 100%
}
.info-box .field input:focus:enabled,
.info-box .field textarea:focus:enabled {
color: #0091c7;
border-color: #0091c7
}
.info-box .field select:focus:enabled {
border-color: #0091c7
}
.info-box.default .content {
border-top: 3px solid #0091c7
}
.info-box.default .header .round-image {
background: #fff
}
.info-box.grey .header .half-img .image {
border: 3px solid #aaa
}
.info-box.grey .header .round-image div {
background: #aaa
}
.info-box.grey .top .title {
color: #aaa
}
.info-box.blue .header .title {
color: #0091c7
}
.info-box.blue .header .half-img .image {
border: 3px solid #0091c7
}
.info-box.blue .header .round-image div {
background: #0091c7
}
.info-box.post .top {
height: 40px
}
.info-box.post .top .title {
width: 100%;
display: block;
color: #465159;
font: 400 .9375em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
position: relative;
top: 15px
}
.info-box.post .top .title img {
margin-right: 5px
}
.info-box.post .top .addon {
color: #465159;
font-size: .6875em;
margin-right: 10px;
position: relative;
z-index: 2
}
.info-box.post .content {
background: #f1f2f2
}
.info-box.post .content .header {
height: 0
}
.info-box.post .content .header .half-img .image {
border: none
}
.info-box.post .content .header .round-image {
padding: 7px;
width: 65px;
height: 65px
}
.info-box.post .content .header .round-image img {
border: 3px solid #f1f2f2;
border-radius: 50%;
height: 100%;
width: 100%
}
.info-box.post .content .body {
padding: 0
}
.info-box.post .content .body .cols-container {
text-align: center
}
.info-box.post .content .body .cols-container a {
color: #0091c7
}
.info-box.post .content .body .cols-container a:hover {
text-decoration: underline
}
.info-box.post .content .body .cols-container .col-name {
font-weight: 500;
color: #5d666d;
padding: 0
}
.info-box.post:nth-child(2n) .top .title i {
color: #c8d4de
}
.info-box.post:nth-child(2n) .content {
background: #e8edf1
}
.info-box.post:nth-child(2n) .content .header .round-image img {
border-color: #e8edf1
}
.info-box.post.small .top {
height: 40px
}
.info-box.post.small .top .title {
font-size: .875em
}
.info-box.post.small .top .title i {
font-size: 1.375em;
top: 6px
}
.info-box.post.small .top .addon {
font-size: .6875em;
right: 10px
}
@media only screen and (min-width:768px) {
.info-box.post.small .body .cols-container {
text-align: left
}
.info-box.post.small .body .cols-container .col-text {
width: calc(100% - 150px)
}
.info-box.post.small .top .addon {
font-size: .875em
}
}
@media only screen and (min-width:1020px) {
.info-box.post.small .top .addon {
top: 5px
}
}
@media only screen and (min-width:768px) {
.info-box .field input,
.info-box .field select,
.info-box .field textarea {
font-size: 1em
}
.info-box .top {
height: 35px
}
.info-box .top .title {
font-size: 1.625em
}
.info-box .top .title.title-sm {
top: 10px
}
.info-box .top .title-small {
font-size: 1em
}
.info-box .header {
height: 50px;
padding: 0
}
.info-box .header .title-small {
font-size: 1em
}
.info-box .header .buttons button {
margin-top: 20px
}
.info-box.post .top {
height: 50px
}
.info-box.post .top .title {
font-size: 1.0625em;
padding-left: 150px;
top: 20px
}
.info-box.post .top .addon {
font-size: .8125em;
position: relative;
top: -25px
}
.info-box.post .content .header {
width: 150px;
height: 100%
}
.info-box.post .content .header .round-image {
height: 110px;
width: 110px
}
.info-box.post .content .body .cols-container {
text-align: left
}
.info-box.post .content .body .cols-container .col-name {
text-align: center;
padding: 85px 0 20px;
width: 130px
}
}
@media only screen and (min-width:1020px) {
.info-box {
text-align: center
}
.info-box .content {
padding: 0 15px 15px;
text-align: left
}
.info-box .top {
height: 40px
}
.info-box .top .title-small {
font-size: 1.125em
}
.info-box .top .title {
padding: 0 0 0 155px
}
.info-box .header {
padding: 10px 0;
height: 60px
}
.info-box .header .round-image {
height: 110px;
left: 15px;
padding: 5px;
top: -55px;
width: 110px
}
.info-box .header .round-image div [class*=icon] {
font-size: 3.125em
}
.info-box .header .round-image div [class*=icon]:before {
top: 30px;
left: 30px;
position: absolute
}
.info-box .header .half-img {
height: 58px;
left: 13px;
top: -58px;
width: 115px
}
.info-box .header .half-img .image {
height: 115px;
padding: 5px;
width: 115px
}
.info-box.post .top .title {
padding-left: 170px
}
.info-box.post .top .addon {
font-size: .875em
}
.info-box.post .content .body .cols-container .col-name {
padding-top: 40px;
padding-right: 10px;
width: 150px
}
}
@media only screen and (min-width:1240px) {
.info-box .top .title {
font-size: 1.75em
}
.info-box .top .title.title-sm {
top: 15px
}
.info-box .top .title-small {
font-size: 1.125em
}
}
.info-box.left {
margin-top: 0
}
@media only screen and (min-width:768px) {
.info-box.left .top {
position: relative;
left: 170px;
top: 235px
}
.info-box.left .content {
left: 0;
width: calc(100% - 125px);
border-top: none;
height: 250px;
margin-left: 125px
}
.info-box.left .content .body {
position: relative;
left: 125px
}
.info-box.left .header .round-image {
height: 220px;
width: 220px;
left: -130px;
top: 15px
}
.info-box.left .header .half-img {
left: -150px;
top: 0;
height: 250px;
width: 125px
}
.info-box.left .header .half-img .image {
height: 250px;
width: 250px;
border-width: 8px
}
.info-box.left .body {
width: calc(100% - 130px);
top: -50px;
max-height: 120px
}
.info-box.left .body p {
max-height: 120px;
font-size: 1em
}
.info-box.left .body h3 {
font-size: 1.875em
}
.info-box.left .footer {
padding: 5px
}
.info-box.left .section-shadow {
margin-left: 125px
}
}
@media only screen and (min-width:1020px) {
.info-box.left .top {
left: 110px
}
.info-box.left .header .half-img {
left: -145px
}
.info-box.left .footer {
padding: 5px 15px 0 0
}
}
.info-box-2 .angle-info-box-2 {
position: relative;
z-index: 1
}
.info-box-2 .angle-info-box-2:after {
background: inherit;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: -1;
-webkit-backface-visibility: hidden;
bottom: 0;
outline: 2px solid transparent;
transform: skewY(2deg);
transform-origin: 0 100%;
-moz-transform: skewY(2deg);
-moz-transform-origin: 0 100%;
-ms-transform: skewY(2deg);
-ms-transform-origin: 0 100%;
-webkit-transform: skewY(2deg);
-webkit-transform-origin: 0 100%;
background: #2e3942;
bottom: -16px;
height: 50px
}
.info-box-2 .header {
position: relative;
height: 45px;
background: #2e3942;
z-index: 2
}
.info-box-2 .header h4 {
line-height: 45px;
color: #d4d4d4;
margin-left: 25px;
font-size: 1.125em
}
.info-box-2 .content {
background: #fff
}
.info-box-2 .content .field {
padding: 10px
}
.info-box-2 .content .field textarea {
border: 1px solid #d4d4d4;
resize: none;
padding: 10px;
font-size: .875em
}
.info-box-2 .footer {
background: #fff;
height: 65px;
line-height: 50px;
padding: 10px
}
.info-box-2 .footer .btn {
max-width: 120px;
height: 40px;
line-height: 40px;
padding: 0
}
@media only screen and (min-width:1020px) {
.info-box-2 .angle-container {
top: 25px
}
.info-box-2 .header h4 {
font-size: 1.375em
}
}
@media only screen and (min-width:1500px) {
.info-box-2 .angle-container {
top: 30px
}
}
#publishers .info-box {
margin: -99px auto 20px;
z-index: 99
}
#publishers .info-box .top {
height: 30px
}
#publishers .info-box .top .title {
padding-left: 135px;
top: 5px
}
#publishers .info-box .content .header .round-image {
height: 90px;
width: 90px
}
#publishers .info-box .content .header .half-img {
left: 5px;
width: 95px
}
#publishers .info-box .content .header .half-img .image {
border: 3px solid #0091c7;
height: 95px;
width: 96px
}
#publishers .info-box .content .body .cols-container {
font-size: 1.0625em;
text-align: left
}
#publishers .info-box .content .body .cols-container .col-name {
padding-top: 20px
}
#publishers .info-box .content .body .cols-container p {
margin: 10px 0
}
@media only screen and (min-width:768px) {
#publishers .info-box .top .title {
padding-left: 165px;
top: 0
}
#publishers .info-box .content .body .cols-container .col-name {
padding: 60px 25px 0 0
}
}
@media only screen and (min-width:1020px) {
#publishers .info-box .top .title {
padding-left: 180px
}
#publishers .info-box .content .header .round-image {
height: 110px;
width: 110px
}
#publishers .info-box .content .header .half-img {
left: 13px;
width: 115px
}
#publishers .info-box .content .header .half-img .image {
height: 115px;
width: 115px
}
#publishers .info-box .content .body .cols-container .col-name {
padding: 40px 15px 0 0
}
}
.wide-course-layout.wrapper {
max-width: 1390px;
text-align: center;
padding: 0
}
.wide-course-layout .loading-img {
border-radius: 100%;
width: 130px;
height: 130px;
overflow: hidden;
margin: 40px auto;
padding: 10px;
background-color: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}
.wide-course-layout .loading-img img {
width: 100%;
height: auto
}
.course {
margin: 0 auto 35px;
list-style: none;
text-align: left;
width: 250px
}
.course.active .section-shadow {
display: none
}
.course.active .description-text {
color: #fff;
font-size: .875em;
line-height: 23px
}
.course .course-holder {
background: #f2f5f6;
cursor: pointer;
transition: background .1s ease-in
}
.course .course-holder:hover {
background: #d2d5d6
}
.course .course-holder .holder-top {
height: 200px;
position: relative;
overflow: hidden
}
.course .course-holder .holder-top.diploma:before {
background: #38ac69;
content: "";
height: 130px;
left: -65px;
position: absolute;
top: -65px;
width: 130px;
z-index: 2;
backface-visibility: hidden;
transform: rotate(45deg);
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
*zoom: 1
}
.course .course-holder .holder-top.diploma:after {
font-family: icomoon!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e90d";
color: #fff;
font-size: 25px;
left: 15px;
position: absolute;
top: 15px;
z-index: 3
}
.course .course-holder .holder-top img {
bottom: -500px;
left: -500px;
margin: auto;
min-height: 100%;
min-width: 100%;
position: absolute;
right: -500px;
top: -500px
}
.course .course-holder .holder-top .link-group {
height: 100%;
position: absolute;
right: 0;
top: 0
}
.course .course-holder .holder-top .link-group .social-link-btn,
.course .course-holder .holder-top .link-group a {
background: #0094c9;
border: 2px solid #fff;
border-radius: 50%;
display: inline-block;
height: 34px;
margin: 15px 5px 0 0;
text-align: center;
width: 34px;
cursor: pointer
}
.course .course-holder .holder-top .link-group .social-link-btn span,
.course .course-holder .holder-top .link-group a span {
color: #fff;
font-size: 1em;
line-height: 1.875em
}
.course .course-holder .holder-top .link-group .social-link-btn:hover,
.course .course-holder .holder-top .link-group a:hover {
border: 2px solid rgba(0, 148, 201, .8)
}
.course .course-holder .holder-top .link-group .social-link-btn {
margin-right: 5px
}
.course .course-holder .holder-top .link-group .share-trigger:hover .icon-group {
opacity: 1;
visibility: visible
}
.course .course-holder .holder-top .link-group .icon-group {
background: rgba(45, 57, 66, .85);
padding: 10px 0;
position: absolute;
right: 40px;
opacity: 0;
visibility: hidden;
text-align: center;
top: 10px;
width: 220px;
transition: all .3s ease-in
}
.course .course-holder .holder-top .link-group .icon-group a {
background: 0 0;
border: 0;
display: inline-block;
height: auto;
margin: 0
}
.course .course-holder .holder-top .link-group .icon-group a span {
color: #fff;
font-size: 25px
}
.course .course-holder .holder-top .link-group .icon-group a:hover span {
color: #68aadd
}
.course .course-holder .holder-top .link-group .icon-group a .icon-envelope {
color: #4b4641;
background: #fff;
border-radius: 100%;
font-size: 14px;
width: 24px;
height: 24px;
display: inline-block;
padding: 4px 0 0;
margin-top: 1px;
vertical-align: top
}
.course .course-holder .holder-top .link-group.open .icon-group {
display: inline-block
}
.course .course-holder .holder-bottom {
padding: 15px 15px 40px;
position: relative;
min-height: 200px
}
.course .course-holder .holder-bottom a,
.course .course-holder .holder-bottom h3,
.course .course-holder .holder-bottom p,
.course .course-holder .holder-bottom span {
color: #5d666d;
transition: color .1s ease-in
}
.course .course-holder .holder-bottom h3 {
font-size: .9375em;
line-height: 1.5em;
margin: 0 0 15px;
font-weight: 700
}
.course .course-holder .holder-bottom p {
font-size: .8125em
}
.course .course-holder .extra-info {
bottom: 10px;
left: 0;
position: absolute;
text-align: center;
width: 100%
}
.course .course-holder .extra-info div {
float: left;
width: 33.3%
}
.course .course-holder .extra-info span {
display: inline-block;
font-size: 14px;
vertical-align: middle
}
.course .course-holder .extra-info span[class*=icon] {
font-size: 16px;
margin-right: 5px
}
.course .ad {
height: 330px;
z-index: 0!important
}
.course .course-info {
background: #12232d;
background: linear-gradient(180deg, #12232d 0, #394551);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#FF12232D", endColorstr="#FF394551", GradientType=0);
display: none;
padding: 0;
position: relative
}
.course .course-info .course-info-trigger {
color: #fff;
font-size: 25px;
position: absolute;
right: 10px;
top: 10px
}
.course .course-info .course-title {
font: 400 1.0625em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
.course .course-info .course-tabs {
left: 0;
position: absolute;
top: 0
}
.course .course-info .course-tabs a {
background: #2e3942;
color: #fff;
display: inline-block;
height: 45px;
position: relative;
text-align: center;
width: 45px
}
.course .course-info .course-tabs a.active {
background-color: #0094c9;
color: #fff
}
.course .course-info .course-tabs a:hover span:before {
animation: iconAnimation .5s
}
.course .course-info .course-tabs a span {
font-size: 20px;
line-height: 45px
}
.course .course-info .course-tabs .title {
display: none;
transition: background .25s ease-in
}
.course .course-info h3,
.course .course-info h5,
.course .course-info p {
color: #fff
}
.course .course-info h3 {
font-size: 1em
}
.course .course-info h3 span {
font-size: 17px;
margin-right: 5px
}
.course .course-info p {
clear: both;
text-align: left;
font-size: .875em
}
.course .course-info .btn {
font-size: .875em;
margin: 10px auto;
padding: 6px 15px
}
.course .course-info .btn-ghost {
width: 110px
}
.course .course-info .btn-blue {
width: 110px;
border: 1px solid #0091c7
}
.course .course-info .btn-blue:hover {
color: #fff;
border-color: #006c94
}
.course .course-info .spotlight-group {
background: #2e3942;
margin: 20px -15px -15px;
padding: 10px 5px;
text-align: center
}
.course .course-info .spotlight {
display: inline-block;
margin: 10px auto;
vertical-align: top;
width: 50%
}
.course .course-info .spotlight [class*=icon] {
font-size: 25px;
margin-bottom: 5px
}
.course .course-info .spotlight span {
display: block;
color: #fff;
font-size: 14px
}
.course .course-info .spotlight .icon-filled-star,
.course .course-info .spotlight .icon-star {
color: #fff;
font-size: 1em
}
.course .course-features,
.course .course-learning-paths,
.course .course-reviews,
.course .course-tags {
display: none;
padding: 70px 15px 0
}
.course .course-features.active,
.course .course-learning-paths.active,
.course .course-reviews.active,
.course .course-tags.active {
display: block
}
.course .course-learning-paths {
text-align: center
}
.course .course-learning-paths .foot {
position: relative;
display: block;
text-align: right
}
.course .course-learning-paths .head {
text-align: left;
width: 100%
}
.course .course-learning-paths .head h3,
.course .course-learning-paths .head h5 {
display: block;
font-size: 1.0625em;
line-height: 2.3529411765em;
margin: 0 0 10px;
width: 100%
}
.course .course-learning-paths .head .btn {
font-size: .875em;
max-width: 230px;
padding: 10px;
text-align: center
}
.course .course-learning-paths .learningPath {
background: #f2f5f6;
display: inline-block;
margin: 0 0 20px;
vertical-align: top;
width: 200px;
transition: background .1s ease-in
}
.course .course-learning-paths .learningPath:hover {
background: #d2d5d6
}
.course .course-learning-paths .learningPath .path-image {
height: 120px;
position: relative;
overflow: hidden
}
.course .course-learning-paths .learningPath .path-image img {
bottom: -1000px;
left: -1000px;
margin: auto;
min-height: 100%;
min-width: 100%;
position: absolute;
right: -1000px;
top: -1000px
}
.course .course-learning-paths .learningPath .body {
padding: 8px;
position: relative
}
.course .course-learning-paths .learningPath .body:after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-bottom-color: #f2f5f6;
border-width: 15px;
margin-left: -15px
}
.course .course-learning-paths .learningPath .body h4 {
color: #5d666d;
font-size: .8125em;
margin: 0 0 10px
}
.course .course-learning-paths .learningPath .body p {
color: #5d666d;
font-size: .75em;
max-height: 75px;
overflow: hidden;
margin: 0;
text-align: left
}
.course .course-tags ul {
text-align: center
}
.course .course-tags li {
background: #0091c7;
border-radius: 15px;
display: inline-block;
height: 35px;
margin: 10px 5px;
padding: 0 15px;
transition: background .2s ease-in
}
.course .course-tags li:hover {
background: #00597b
}
.course .course-tags li a {
color: #fff;
font-size: .875em;
line-height: 2.5em
}
.course .course-tags li:nth-child(2n) {
background: #2ec6ff
}
.course .course-tags li:nth-child(2n):hover {
background: #00597b
}
.course .course-reviews {
padding-bottom: 5px
}
.course .course-reviews .like-comments-widget a,
.course .course-reviews .like-comments-widget span {
color: #fff
}
.course .course-reviews .info-box {
background: 0 0;
margin: 0 auto 30px;
text-align: left!important
}
.course .course-reviews .info-box .header .round-image {
left: -10px
}
.course .course-reviews .info-box .content {
padding: 0 10px
}
.course .course-reviews .info-box.post .top .addon {
color: #fff;
top: 15px
}
.course .course-reviews .info-box p {
color: #2d3942
}
@media only screen and (min-width:768px) {
.course {
display: inline-block;
margin: 10px;
vertical-align: top
}
.course.active {
display: block;
left: 0;
margin: 10px 10px 20px;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 5
}
.course.active .course-holder {
display: block
}
.course.active .course-info {
opacity: 1;
z-index: 10
}
.course.active .course-info .course-title {
font: 400 1.25em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
.course.active .section-shadow {
display: none
}
.course .course-features,
.course .course-learning-paths,
.course .course-reviews,
.course .course-tags {
padding: 70px 15px 95px
}
.course .course-features .description-text.scrollbar {
height: 200px;
margin-bottom: 5px;
overflow-y: auto
}
.course .course-features .description-text.scrollbar p {
margin: 0;
padding: 0 15px 0 0
}
.course .course-features .description-text a {
color: #fff;
text-decoration: underline
}
.course .course-learning-paths {
padding: 70px 15px 20px
}
.course .course-learning-paths .learning-path-holder {
max-height: 280px;
overflow-y: auto;
width: 100%
}
.course .course-reviews {
padding: 70px 15px 5px
}
.course .course-reviews .reviews-group {
max-height: 305px;
overflow-y: auto
}
.course .course-reviews .info-box {
margin: 0 auto 15px
}
.course .course-reviews .info-box:nth-child(2) {
margin: 0 auto
}
.course .course-reviews .info-box .header .round-image {
height: 100px;
left: 10px;
width: 100px
}
.course .course-reviews .info-box.post .content .body .cols-container .col-name {
padding: 75px 0 10px
}
.course .course-holder {
width: 250px
}
.course .course-info {
display: block;
left: 3000px;
position: absolute;
opacity: 0;
top: 0;
width: calc(100% - 280px)
}
.course .course-info .course-tabs {
width: calc(100% - 80px)
}
.course .course-info .course-tabs a {
width: calc(25% - 8px)
}
.course .course-info h3,
.course .course-info h5 {
font-size: 14px;
margin: 0 0 15px
}
.course .course-info p {
font-size: 13px
}
.course .course-info .btn {
float: right;
margin: 10px 10px 5px;
top: -5px;
position: relative
}
.course .course-info .spotlight-group {
bottom: 0;
left: 0;
margin: 0;
position: absolute;
width: 100%
}
.course .course-info .spotlight {
margin: 0;
width: 19%
}
.course .course-info .spotlight span {
font-size: 12px
}
.course .course-info .spotlight [class*=icon] {
font-size: 20px;
margin-bottom: 5px
}
.course .course-info .spotlight .icon-filled-star,
.course .course-info .spotlight .icon-star {
font-size: 1em
}
.course .course-learning-paths .head .btn,
.course .course-learning-paths .head h5 {
display: inline-block;
margin: 0;
vertical-align: middle;
width: auto
}
.course .course-learning-paths .learningPath {
margin: 0 10px 15px
}
.course .course-learning-paths .learningPath .btn {
float: none;
display: inline-block
}
}
@media only screen and (min-width:1020px) {
.course {
margin: 10px 30px
}
.course.active .section-shadow {
display: none
}
.course .course-info h5 {
font-size: 17px
}
.course .course-info p {
font-size: 14px
}
.course .course-info .course-tabs {
width: 70px
}
.course .course-info .course-tabs a {
display: block;
height: 50px;
width: 100%
}
.course .course-info .course-tabs a span {
line-height: 50px
}
.course .course-info .course-tabs a:hover .title {
color: #fff;
display: block;
background-color: #0094c9
}
.course .course-info .course-tabs .title {
background-color: #2d3942;
color: #fff;
font-size: .875em;
height: 100%;
left: 100%;
padding: 0 5px;
position: absolute;
text-align: center;
top: 0;
width: 130px;
z-index: 10
}
.course .course-learning-paths,
.course .course-reviews,
.course .course-tags {
padding: 30px 20px 20px 100px
}
.course .course-features {
padding: 20px 20px 20px 100px
}
.course .course-reviews .info-box {
margin: 0 auto 25px
}
.course .course-reviews .info-box.post .content .body .cols-container .col-name {
padding: 50px 0 10px
}
.course .course-reviews .info-box .header .round-image {
top: -40px
}
}
@media only screen and (min-width:1140px) {
.course {
margin: 10px 5px
}
.course .course-info {
width: calc(100% - 280px)
}
.course .course-features,
.course .course-learning-paths,
.course .course-reviews,
.course .course-tags {
padding: 30px 60px 20px 100px
}
.course .course-features {
padding: 20px 60px 20px 100px
}
}
@media only screen and (min-width:1140px) {
.courses-list .courses-list-inner .course-info {
width: 983px
}
}
#tags-listing .banner .banner-align {
height: 200px
}
#tags-listing .banner h2 {
margin: 0
}
#tags-listing .breadcrumb {
text-align: left
}
#resource-page .banner {
background: #222021;
background: linear-gradient(90deg, #222021 0, #0194c8);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#222021", endColorstr="#0194c8", GradientType=1)
}
#resource-page .banner .banner-align {
height: 250px
}
#resource-page .banner .banner-align h1 {
font-size: 35px;
font-weight: 400
}
#resource-page .resource-listing .breadcrumb-wrapper {
margin: -60px 0 40px;
padding: 0;
position: relative;
z-index: 11
}
#resource-page .resource-listing .breadcrumb-wrapper .breadcrumb.alt {
padding: 0
}
#resource-page .resource-listing .file-list li {
counter-increment: a
}
#resource-page .resource-listing .file-list li a[href$=".pdf"] {
counter-increment: a 0
}
#resource-page .resource-listing .info-box.resource-description {
margin-top: 20px;
margin-bottom: 80px
}
#resource-page .resource-listing .info-box>.content {
box-shadow: 0 3px 8px 0 rgba(50, 50, 50, .2)
}
#resource-page .resource-listing .info-box p {
font-size: 1em
}
#resource-page .resource-listing .info-box .btn {
margin-left: 16px;
margin-bottom: 10px
}
#resource-page .resource-listing .file-link,
#resource-page .resource-listing a[href$=".pdf"] {
background-color: #fff;
color: #2d3942;
display: block;
font-size: 1em;
font-weight: 400;
margin-bottom: 30px;
position: relative;
padding: 80px 20px 20px;
border-radius: 6px;
overflow: hidden
}
#resource-page .resource-listing .file-link+br,
#resource-page .resource-listing .file-link+br+br,
#resource-page .resource-listing a[href$=".pdf"]+br,
#resource-page .resource-listing a[href$=".pdf"]+br+br {
display: none
}
#resource-page .resource-listing .file-link:after,
#resource-page .resource-listing a[href$=".pdf"]:after {
font-family: icomoon;
content: "\e9c2";
color: #0094c9;
font-weight: 400;
position: absolute;
right: 30px;
top: 20px;
font-size: 30px;
margin-top: -9px
}
#resource-page .resource-listing .file-link:before,
#resource-page .resource-listing a[href$=".pdf"]:before {
background-color: #aaa;
color: #fff;
content: counter(a) ".";
font-size: 1.125em;
font-weight: 700;
left: 0;
padding: 19px 0;
position: absolute;
top: 0;
text-align: center;
width: 55px;
height: 57px;
transition: background .25s ease-in
}
#resource-page .resource-listing .file-link:hover,
#resource-page .resource-listing a[href$=".pdf"]:hover {
box-shadow: 4px 7px 8px 0 rgba(0, 0, 0, .1)
}
#resource-page .resource-listing .file-link:hover:before,
#resource-page .resource-listing a[href$=".pdf"]:hover:before {
background-color: #2d3942
}
@media only screen and (min-width:768px) {
#resource-page .resource-listing .file-link,
#resource-page .resource-listing a[href$=".pdf"] {
padding: 20px 40px 18px 95px
}
}
#resource-page .resource-listing a[href$=".pdf"] {
counter-increment: a
}
#resource-page .resource-listing a[href$=".zip"]:after {
content: "\ea31"
}
#resource-page .resource-listing a[href$=".docx"]:after {
content: "\ea1d"
}
#resource-page .resource-listing a[title="Module Listing page"] {
color: #0094c9
}
@keyframes iconAnimation {
50% {
font-size: 25px
}
to {
font-size: 20px
}
}
.full-course-layout.wide-course-layout.wrapper {
max-width: 100%;
padding: 0;
margin-top: -20px
}
.full-course-layout.wide-course-layout.wrapper .search-tab-header {
max-width: 1360px;
margin: 25px auto 21px
}
.no-results-wrapper {
min-height: 600px;
max-width: 100%;
overflow: hidden
}
.no-results-wrapper .no-results .ship-outer {
width: 300px;
height: 280px;
margin: 0 auto;
position: relative;
animation: updownlarge 1.5s ease-in-out infinite
}
.no-results-wrapper .no-results .ship-outer .yellow-glass {
width: 150px;
height: 100px;
position: absolute;
right: calc(50% - 75px);
top: 80px
}
.no-results-wrapper .no-results .ship-outer .blue-circle {
width: 100px;
height: 46px;
position: absolute;
top: 134px;
left: calc(50% - 50px)
}
.no-results-wrapper .no-results .ship-outer .beam {
width: 130px;
margin: -256px auto 0;
background: hsla(0, 0%, 100%, .1);
height: 509px;
transform: perspective(18em) rotateX(30deg);
animation: flicker 20s linear infinite
}
.no-results-wrapper .no-results .ship-outer .circle {
width: 300px;
height: 300px;
border-radius: 100%;
transform: perspective(25em) rotateX(-77deg)
}
.no-results-wrapper .no-results .ship-outer .circle .circle-inner {
width: 300px;
height: 300px;
animation: spin 32s linear infinite
}
.no-results-wrapper .no-results h2 {
font-family: YellowLemon;
line-height: 1;
color: #fff;
transform: rotate(-10deg);
font-size: 50px;
margin-top: -43px;
margin-bottom: 50px;
position: relative;
animation: updownlarge 1.5s ease-in-out infinite
}
.no-results-wrapper .no-results h3 {
font-size: 18px;
color: #fff
}
.no-results-wrapper .no-results span {
font-size: 14px;
color: #ffd900
}
@media only screen and (min-width:768px) {
.no-results-wrapper {
min-height: 779px
}
.no-results-wrapper .no-results .ship-outer {
width: 420px;
height: 400px
}
.no-results-wrapper .no-results .ship-outer .beam {
width: 200px;
margin: -334px auto 0;
height: 509px;
transform: perspective(18em) rotateX(38deg);
animation: flicker 20s linear infinite
}
.no-results-wrapper .no-results .ship-outer .blue-circle {
width: 140px;
height: 46px;
position: absolute;
top: 186px;
left: calc(50% - 70px)
}
.no-results-wrapper .no-results .ship-outer .circle,
.no-results-wrapper .no-results .ship-outer .circle .circle-inner {
width: 420px;
height: 420px
}
.no-results-wrapper .no-results h2 {
font-size: 90px;
margin-top: -93px
}
}
#course_reviews h1 {
line-height: 1.3333333333em;
font-weight: 400;
font-size: 1.5875em;
margin: 0 0 30px
}
.certificates ul.cert-list {
margin: 30px 0
}
.certificates ul.cert-list+.btn-holder {
text-align: center
}
.certificates ul.cert-list>li {
width: 100%;
float: left;
padding: 0;
position: relative
}
.certificates ul.cert-list>li:nth-child(2),
.certificates ul.cert-list>li:nth-child(3) {
width: 100%
}
.certificates ul.cert-list>li .product-outer {
width: 100%;
max-width: 200px;
position: relative;
margin: 0 auto;
float: none
}
.certificates ul.cert-list>li .product-outer .cert-display-area {
position: relative
}
@media only screen and (min-width:768px) {
.certificates ul.cert-list>li {
width: 50%;
float: left;
padding: 0;
position: relative
}
.certificates ul.cert-list>li:nth-child(2),
.certificates ul.cert-list>li:nth-child(3) {
width: 50%
}
.certificates ul.cert-list>li .product-outer {
max-width: 300px
}
}
@media only screen and (min-width:1020px) {
.certificates ul.cert-list>li {
width: 22.5%;
float: left
}
.certificates ul.cert-list>li .product-outer {
float: left
}
.certificates ul.cert-list>li:nth-child(2),
.certificates ul.cert-list>li:nth-child(3) {
width: 27.5%
}
.certificates ul.cert-list>li:nth-child(2) .product-outer,
.certificates ul.cert-list>li:nth-child(3) .product-outer {
float: none
}
.certificates ul.cert-list>li:nth-child(4) .product-outer {
float: right
}
.certificates ul.cert-list>li .product-outer {
max-width: 200px
}
}
.certificates ul .slide-up-products {
height: 0;
overflow: hidden;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
background-color: #fff;
transition: all .2s ease-in
}
.certificates ul .slide-up-products.upgradable a:hover .upgrade .bottom {
background: #0091c7
}
.certificates ul .slide-up-products.upgradable a:hover .upgrade .bottom .before span,
.certificates ul .slide-up-products.upgradable a:hover .upgrade .bottom .now span {
color: #fff
}
.certificates ul .slide-up-products .upgrade {
padding: 30px 0;
text-align: center
}
.certificates ul .slide-up-products .upgrade h6 {
color: #465159;
font: 700 .9375em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
.certificates ul .slide-up-products .upgrade img {
width: 165px
}
.certificates ul .slide-up-products .upgrade .bottom {
background: #d4d4d4;
bottom: 0;
left: 0;
padding: 20px;
position: absolute;
width: 100%;
transition: background .2s ease-in
}
.certificates ul .slide-up-products .upgrade .bottom>div {
float: left;
width: 50%
}
.certificates ul .slide-up-products .upgrade .bottom>div .price {
font-size: 16px
}
.certificates ul .slide-up-products .upgrade .bottom span {
display: block
}
.certificates ul .slide-up-products .upgrade .bottom .before span {
color: #5d666d
}
.certificates ul .slide-up-products .upgrade .bottom .before .price {
position: relative
}
.certificates ul .slide-up-products .upgrade .bottom .before .price:after {
background: #be3047;
content: "";
height: 1px;
left: 0;
position: absolute;
top: 50%;
width: 100%
}
.certificates ul .slide-up-products .upgrade .bottom .now span {
color: #2d3942
}
.certificates ul .slide-up-products .upgrade .bottom .tiny {
font-size: .75em
}
.certificates ul .slide-up-products.view {
height: 100%
}
.certificates ul .cert-navigation .cert-right-button {
width: 100%;
color: #fff;
background-color: #2d3942;
text-align: center;
padding: 7px 0;
cursor: pointer
}
.certificates ul .cert-navigation .cert-right-button.add-to-cart {
display: block
}
.certificates ul .cert-navigation .cert-right-button:hover {
background: #425360
}
.certificates ul .cert-navigation .cert-cart {
display: none
}
.certificates ul .top {
background: #fff;
color: #fff;
padding: 15px 20px;
position: relative;
min-height: 202px;
display: block
}
.certificates ul .top .cert-image {
overflow: hidden;
width: 112px;
height: 112px;
border-radius: 100%;
text-align: center;
position: relative;
background-size: cover;
background-position: 50%;
margin: 0 auto 20px;
box-shadow: 0 0 5px 0 hsla(0, 0%, 60%, .5)
}
.certificates ul .top .cert-image .score-wrapper {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
opacity: 0;
transition: opacity .3s ease-in
}
.certificates ul .top .cert-image .score-wrapper .score {
color: #fff;
display: block;
font: 400 2.5em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: 0;
text-align: center;
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%)
}
.certificates ul .top .cert-image:hover .score-wrapper {
opacity: 1
}
.certificates ul .top .round-image {
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
border-radius: 50%;
height: 120px;
margin: 0 auto 15px;
position: relative;
width: 120px
}
.certificates ul .top .icon-shop {
bottom: -15px;
display: block;
position: absolute;
right: -15px;
text-align: center;
width: 40px;
z-index: 2
}
.certificates ul .top .icon-shop:before {
line-height: 40px;
position: relative;
z-index: 3
}
.certificates ul .top .icon-shop:after {
background: #0091c7;
border-radius: 50%;
content: "";
display: block;
height: 40px;
left: 0;
position: absolute;
top: 0;
width: 40px;
z-index: 2
}
.certificates ul .top h6 {
font: 400 .9375em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
color: #2d3942;
line-height: 20px;
margin: 0;
text-align: center
}
.slide-up-products .avail-products {
margin: 0;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%
}
.slide-up-products .avail-products img {
width: 45px
}
.slide-up-products .avail-products a {
color: #2d3942;
font-size: .9375em;
font-weight: 700
}
.slide-up-products .avail-products a span {
margin-right: 10px
}
.slide-up-products .avail-products a:hover {
background: #d2d7db
}
.slide-up-products .avail-products .prod-col {
width: 35%;
float: left;
text-align: center;
position: relative;
height: 100%
}
.slide-up-products .avail-products .prod-col:nth-child(2) {
width: 40%;
text-align: left
}
.slide-up-products .avail-products .prod-col:nth-child(2) span {
font-size: 12px;
line-height: 15px;
display: block
}
.slide-up-products .avail-products .prod-col:nth-child(2) .prod-center {
left: 0;
transform: translateY(-50%)
}
.slide-up-products .avail-products .prod-col:nth-child(2) .prod-center strong {
color: #38ac69
}
.slide-up-products .avail-products .prod-col:nth-child(3) {
width: 25%;
background: #d2d7dc
}
.slide-up-products .avail-products .prod-col:nth-child(3) .prod-button {
padding: 9px 0 0;
text-align: center;
background-color: #2d3942;
color: #fff;
cursor: pointer;
border-radius: 100%;
width: 35px;
height: 35px;
transition: all .4s ease-in
}
.slide-up-products .avail-products .prod-col:nth-child(3) .prod-button:hover {
background-color: #0094c9
}
.slide-up-products .avail-products .prod-col .prod-center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.slide-up-products .avail-products>li {
height: 33%;
border-bottom: 2px solid #c7cdcf;
overflow: hidden
}
.slide-up-products .avail-products>li:nth-child(3) {
border: 0 solid
}
.popup-generic {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 9999;
background: rgba(0, 0, 0, .7)
}
.popup-generic .popup-generic--inner {
width: 600px;
height: 580px;
position: relative;
margin: 100px auto 0;
border-radius: 5px
}
.popup-generic .popup-generic--inner .popup-generic--close {
text-align: right;
padding: 10px 0;
color: #fff;
cursor: pointer
}
.preview-window {
box-shadow: 0 3px 5px 0 rgba(50, 50, 50, .75)
}
.preview-window iframe {
height: 580px
}
.preview-window .preview-window--loader {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999
}
.preview-window .preview-window--loader .loading {
display: block;
position: absolute
}
.preview-window .preview-window--title {
background: #dcdcdc
}
.preview-window .preview-window--title h3 {
color: #2d3941;
margin: 0;
text-align: center;
padding: 12px 10px;
font-size: 18px
}
.preview-window .preview-window--iframe {
background: #fff;
height: 580px;
overflow: hidden;
position: relative
}
.preview-window .preview-window--navigation {
background-color: #dcdcdc;
padding: 10px 0
}
.preview-window .preview-window--navigation .btn {
margin: 0 auto;
display: block;
color: #fff!important
}
.email-share {
background: rgba(45, 57, 66, .8);
left: 0;
position: absolute;
height: 100%!important;
top: 0;
width: 100%;
z-index: 1000
}
.email-share .close-modal {
position: absolute;
top: 20px;
right: 10px;
font-size: 1.4375em;
cursor: pointer
}
.email-share .close-modal span {
color: #2d3942
}
.email-share .email-share-inner {
background: #fff;
background: linear-gradient(180deg, #fff 0, #e7ecf0);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFE7ECF0", GradientType=0);
left: 10px;
margin: auto;
width: calc(100% - 20px);
position: fixed;
overflow: hidden;
right: auto;
top: 100px;
border-radius: 8px;
box-shadow: 0 4px 9px rgba(0, 0, 0, .3);
padding: 20px 20px 30px;
transition: height .5s ease-in-out
}
.email-share .email-share-inner h3 {
font-size: 1.375em;
text-align: center;
font-weight: 400;
color: #666
}
.email-share .email-share-inner .error {
padding: 10px 20px 0;
display: block;
font-size: .875em;
color: red
}
.email-share .email-share-inner .form-group {
min-height: 0
}
.email-share .email-share-inner .form-group .input-field {
width: calc(100% - 150px);
float: left;
margin-top: 0
}
.email-share .email-share-inner .form-group button.btn.btn-blue {
max-width: 140px;
float: right;
border-radius: 3px
}
@media only screen and (min-width:768px) {
.email-share .email-share-inner {
left: 0;
right: 0;
margin: auto;
max-width: 520px;
position: fixed;
overflow: hidden;
padding: 20px 40px 30px
}
.email-share .email-share-inner .close-modal {
right: 10px;
top: 10px;
font-size: 19px
}
}
.categories {
clear: both;
position: relative
}
.categories .select-buttons {
clear: both;
padding: 10px 0;
text-align: center
}
.categories .select-buttons label {
background: #435360;
border-radius: 3px;
display: inline-block;
float: none;
font-size: 15px!important;
padding: 8px 5px;
width: 180px;
cursor: pointer
}
.categories .select-buttons label.active {
background: #435360
}
.categories .select-buttons label:hover {
background-color: #0094c9;
text-decoration: none
}
.categories .filter-checkboxes {
float: left;
width: 100%
}
@media only screen and (min-width:768px) {
.categories .selection-count {
line-height: 2.0625em;
text-align: left;
width: 60%
}
.categories .select-buttons {
clear: none;
float: right;
padding: 0;
width: 40%
}
.categories .filter-checkboxes {
margin: 20px 0 0
}
}
h3.category-item-inner {
font-size: 1.075em;
line-height: .25em;
margin: 0
}
#croppic {
width: 400px;
height: 208px;
position: relative;
margin: 50px 70px 20px;
border: 3px solid #fff;
box-sizing: content-box;
border-radius: 2px;
box-shadow: 8px 8px 0 rgba(0, 0, 0, .1)
}
.cropImgWrapper {
cursor: grab
}
.cropImgWrapper:active {
cursor: grabbing
}
.cropImgUpload {
z-index: 2;
position: absolute;
display: block;
top: -30px;
right: -2px;
font-family: sans-serif;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
color: #fff
}
.cropControls {
z-index: 1;
position: absolute;
height: 35px;
top: 0;
right: 0;
background-color: rgba(46, 57, 66, .95)
}
.cropControls div {
display: inline-block;
width: 150px
}
.cropControls div.left i {
float: left
}
.cropControls div.right i {
float: right
}
.cropControls i {
display: block;
float: left;
margin: 0;
cursor: pointer;
width: 35px;
height: 35px;
text-align: center;
line-height: 30px;
color: #fff;
font-size: 18px
}
.cropControls i:hover {
background-color: rgba(0, 0, 0, .7)
}
.cropControls i.cropControlCrop:hover {
color: #0091c7
}
.cropControls i.cropControlUpload {
position: absolute;
width: 190px;
height: 190px;
top: 52px;
border-radius: 50%;
right: 48px;
background: 0 0
}
.cropControls i.cropControlReset:hover {
color: #be3047
}
.cropControls i.cropControlRemoveCroppedImage {
background-position: -180px 0
}
#croppicModal {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: block;
background: rgba(0, 0, 0, .5);
z-index: 10000
}
.bubblingG {
text-align: center;
width: 80px;
height: 50px;
position: absolute;
top: 50%;
left: 50%;
margin: -18px auto auto -40px;
z-index: 2
}
.bubblingG span {
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
margin: 25px auto;
background: #fff;
box-shadow: 5px 5px 0 rgba(0, 0, 0, .2);
border-radius: 50px;
animation: bubblingG 1s infinite alternate
}
#bubblingG_1 {
animation-delay: 0s
}
#bubblingG_2 {
animation-delay: .3s
}
#bubblingG_3 {
animation-delay: .6s
}
@keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color: #fff;
transform: translateY(0)
}
to {
width: 24px;
height: 24px;
background-color: #fff;
transform: translateY(-21px)
}
}
ul.pagination {
margin: 40px auto;
text-align: center
}
ul.pagination li {
display: inline-block;
height: 40px;
margin-bottom: 10px;
position: relative;
padding: 0 9px
}
ul.pagination li a {
color: #838b8f;
text-decoration: none;
padding: 9px
}
ul.pagination li>span {
padding: 9px
}
ul.pagination li:hover:not(.disabled):not(.active):after {
width: 100%
}
ul.pagination li:after {
background: #aaa;
bottom: 0;
content: " ";
height: 3px;
left: 0;
position: absolute;
width: 0;
transition: width .2s ease-in
}
ul.pagination li.disabled {
color: #b7b7b7
}
ul.pagination li.active {
border-bottom: 3px solid #0091c7;
color: #0091c7
}
#sitemap {
margin: -100px auto 60px;
box-shadow: none;
min-height: 400px;
background: #fff;
padding: 40px 10px;
position: relative;
z-index: 10
}
#sitemap .sitemap-links a {
color: #2d3942;
font-size: .875em;
display: inline-block;
text-transform: capitalize
}
#sitemap .sitemap-links a:after {
content: "|";
margin-right: 10px;
margin-left: 10px
}
#sitemap .sitemap-links a:last-child:after {
content: ""
}
#sitemap .sitemap-heading {
margin-bottom: 0;
background-color: #d4dee1;
font-size: 1em;
padding: 12px 20px;
color: #2d3942;
text-transform: capitalize;
margin-top: 40px
}
#sitemap .sitemap-content {
width: 100%;
margin-left: 0
}
#sitemap .sitemap-content ul {
margin: 0
}
#sitemap .sitemap-content ul li a {
margin: 0 0 1px;
font-size: .875em;
padding: 12px 20px;
color: #2d3942;
background-color: #f2f5f6;
text-transform: capitalize;
transition: all .3s ease;
display: block
}
#sitemap .sitemap-content ul li a:hover {
background-color: #0094c9;
color: #fff;
text-decoration: none
}
@media only screen and (min-width:768px) {
#sitemap {
padding: 40px
}
#sitemap .sitemap-content {
width: calc(100% - 15px);
margin-left: 15px
}
#sitemap .sitemap-links a {
font-size: 1em
}
}
@media only screen and (min-width:1020px) {
#sitemap {
box-shadow: 0 0 3px 0 #585858
}
}
.banner.banner-404 {
padding: 0 0 34%;
width: 100%;
height: 100%
}
@media only screen and (min-width:768px) {
.banner.banner-404 {
padding: 15%;
width: 100%;
height: 100%
}
}
.banner.banner-500 {
width: 100%;
height: 100%
}
@media only screen and (min-width:768px) {
.banner.banner-500 {
width: 100%;
height: 100%
}
}
#error-found {
overflow: hidden
}
#error-found .error-banner .planet {
max-width: 150px;
max-height: 150px;
position: absolute!important
}
#error-found .error-banner .planet.planet-1 {
top: 10%!important;
left: -10%!important
}
#error-found .error-banner .planet.planet-3 {
bottom: 30%!important;
right: -20px!important;
left: auto!important;
top: auto!important
}
#error-found .error-banner .planet.planet-2 {
bottom: 10%!important;
top: auto!important
}
#error-found .error-banner .planet img {
width: 100%;
height: auto
}
#error-found .error-banner .black-hole {
width: 280px;
height: 280px;
margin: 40px auto;
position: relative
}
#error-found .error-banner .black-hole .spinner {
width: 280px;
height: 280px;
animation: spin 60s linear infinite
}
#error-found .error-banner .black-hole .astronaut {
width: 171px;
height: 240px;
position: absolute;
top: 0;
left: 38px;
animation: updown 1.5s ease-in-out infinite
}
#error-found .error-banner .align-center h2 {
font-size: 1.2625em
}
#error-found .error-banner.banner-404 .error_page_search_box {
position: relative;
top: 110px
}
#error-found .error-banner.banner-404 .error_page_help_links {
position: relative;
top: 115px
}
#error-found .error-banner.banner-500 .error_page_search_outer {
position: relative;
pointer-events: all
}
#error-found .error-banner.banner-500 .error_page_search_box {
margin-bottom: 50px
}
#error-found .error-banner.banner-500 .error_page_help_links {
margin-bottom: 80px
}
#error-found .error-banner .error_page_search_box h3 {
font-size: 1.0575em;
font-weight: 100
}
#error-found .error-banner .error_page_search_box input[type=text] {
width: 66%;
height: 40px;
border-radius: 5px 0 0 5px;
padding-right: 0
}
#error-found .error-banner .error_page_search_box button[type=submit] {
width: 6%;
background-color: #2e3942;
height: 40px;
border-radius: 0 5px 5px 0;
margin-left: -4px;
transition: background-color .5s ease-out
}
#error-found .error-banner .error_page_search_box button[type=submit]:hover {
background-color: #0094c9
}
#error-found .error-banner .error_page_help_links h4 {
font-size: 1.0075em;
font-weight: 100
}
#error-found .error-banner .error_page_help_links_parent .error_page_help_link_item {
display: inline-block;
border: 2px solid #0094c9;
transition: border .5s ease-out;
padding: 0;
width: 100px;
margin: 5px 3%;
border-radius: 5px
}
#error-found .error-banner .error_page_help_links_parent .error_page_help_link_item:hover {
border: 2px solid #fff
}
#error-found .error-banner .error_page_help_links_parent .error_page_help_link_item a {
font-size: 14px;
text-decoration: none
}
#error-found .error-banner .error_page_search_box span.icon-search {
margin-left: -7px
}
@media only screen and (min-width:400px) {
#error-found .error-banner.banner-404 .error_page_search_box {
top: 170px
}
#error-found .error-banner.banner-404 .error_page_help_links {
top: 200px
}
#error-found .error-banner .error_page_help_links h4 {
margin-bottom: 5px
}
#error-found .error-banner .error_page_help_links_wrapper {
width: 75%;
margin-left: auto;
margin-right: auto
}
}
@media only screen and (min-width:768px) {
#error-found .error-banner .align-center h2 {
font-size: 1.5625em;
margin-top: -60px
}
#error-found .error-banner .error_page_search_box input[type=text] {
width: 43%
}
#error-found .error-banner .error_page_search_box h3 {
font-size: 1.2625em
}
#error-found .error-banner .error_page_help_links_wrapper {
width: 100%
}
#error-found .error-banner .black-hole,
#error-found .error-banner .black-hole .spinner {
width: 400px;
height: 400px
}
#error-found .error-banner .black-hole .astronaut {
width: 200px;
height: 240px
}
}
@media only screen and (min-width:868px) {
#error-found .error-banner.banner-404 .align-center .wrapper.content h2 {
position: relative;
top: -100px
}
#error-found .error-banner .align-center .wrapper.content h2 {
font-size: 1.4625em
}
}
@media only screen and (min-width:1020px) {
#error-found .error-banner .align-center h2 {
font-size: 1.9625em
}
}
@media only screen and (min-width:1240px) {
#error-found .error-banner .align-center h2 {
font-size: 2.4625em
}
#error-found .error-banner .error_page_search_box h3 {
font-size: 1.4625em
}
#error-found .error-banner .error_page_search_box span.icon-search {
margin-left: 0
}
#error-found .error-banner ul.error_page_help_links_parent li.error_page_help_link_item {
display: inline-block;
border: 2px solid #0094c9;
transition: border .5s ease-out;
padding: 5px;
width: 120px;
margin: 5px 3%;
border-radius: 5px
}
}
@keyframes spin {
to {
transform: rotate(1turn)
}
}
@keyframes updown {
0% {
top: 0
}
50% {
top: 3px
}
to {
top: 0
}
}
#hp-separator,
.hp-separator {
background: #f2f5f6;
margin: 40px 0;
padding: 40px 0 20px;
text-align: center;
position: relative;
z-index: 1
}
#hp-separator:after,
#hp-separator:before,
.hp-separator:after,
.hp-separator:before {
background: inherit;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: -1;
-webkit-backface-visibility: hidden
}
#hp-separator:before,
.hp-separator:before {
top: 0;
outline: 2px solid transparent;
transform: skewY(-1deg);
transform-origin: 0 0;
-moz-transform: skewY(-1deg);
-moz-transform-origin: 0 0;
-ms-transform: skewY(-1deg);
-ms-transform-origin: 0 0;
-webkit-transform: skewY(-1deg);
-webkit-transform-origin: 0 0
}
#hp-separator:after,
.hp-separator:after {
bottom: 0;
outline: 2px solid transparent;
transform: skewY(1deg);
transform-origin: 0 0;
-moz-transform: skewY(1deg);
-moz-transform-origin: 0 0;
-ms-transform: skewY(1deg);
-ms-transform-origin: 0 0;
-webkit-transform: skewY(1deg);
-webkit-transform-origin: 0 0
}
#hp-separator h4 span,
.hp-separator h4 span {
margin-right: 10px
}
#hp-separator .wrapper,
.hp-separator .wrapper {
max-width: 1280px;
margin: 0 auto
}
#hp-separator .wrapper .course .course-holder,
.hp-separator .wrapper .course .course-holder {
background: #fff
}
#hp-separator.listing-course .wrapper,
.hp-separator.listing-course .wrapper {
max-width: 1150px
}
.slide-buttons {
display: block
}
.slide-buttons [class^=icon-] {
position: absolute;
top: 69px;
right: 16px;
font-size: 24px;
cursor: pointer;
transform: rotate(-45deg)
}
.slide-buttons .icon-left-arrow {
right: auto;
left: 35px;
transform: rotate(135deg)
}
@media only screen and (min-width:768px) {
.slide-buttons {
display: none
}
}
.slide-buttons .arrow {
margin: -20px 0 0 -20px;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
z-index: 999
}
.slide-buttons .arrow,
.slide-buttons .arrow:before {
width: 20px;
height: 20px;
border-left: none;
border-top: none
}
.slide-buttons .arrow:before {
top: 50%;
position: absolute;
content: "";
margin: -10px 0 0 -10px;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-name: arrow
}
.our-courses .tab-content{
margin-top:0px
}
.our-courses .course-tab.active{
background:#b34f11;
color:#fff
}
.our-courses .courses-list {
position: relative;
background: #eaeaea;
}
.our-courses .courses-list .course .course-holder .holder-bottom {
background-color: #fff
}
.our-courses .wide-course-layout>ul {
padding-top: 0px
}
.our-courses .hp-button {
width: auto;
text-align: center
}
.our-courses .hp-button .btn {
padding: 10px 35px;
margin: 20px
}
.our-courses .buttons-container {
padding: 10px 40px 0;
text-align: center;
position: relative
}
.our-courses .buttons-container .buttons-container-inner {
max-width: 1310px;
margin: 0 auto
}
.our-courses{
background: #ececec;
}
.our-courses .buttons-container .buttons-container-inner .course-tab {
width: 146px;
text-align: center;
padding: 10px 0;
font-size: 14px;
margin: 10px 5px 5px 0;
cursor: pointer;
color: #929292;
position: relative;
display: inline-block;
transition: all .3s ease
}
.our-courses .buttons-container .buttons-container-inner .course-tab.active span {
color: #fff
}
.our-courses .buttons-container .buttons-container-inner .course-tab.active span:before {
content: "";
position: absolute;
bottom: -5px;
left: -10%;
/*border-bottom: 4px solid #0091c7;*/
width: 120%
}
.our-courses .buttons-container .buttons-container-inner .course-tab span {
font-size: 16px;
color: #2d3942;
display: inline-block;
position: relative;
transition: all .3s ease
}
.our-courses .buttons-container .buttons-container-inner .course-tab span:after {
content: "";
position: absolute;
bottom: -5px;
left: -10%;
width: 0;
border-bottom: 4px solid #0091c7;
transition: .4s
}
.our-courses .buttons-container .buttons-container-inner .course-tab span:hover {
color: #000
}
.our-courses .buttons-container .buttons-container-inner .course-tab span:hover:after {
width: 120%
}
.our-courses h4 {
font: 400 1.125em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
margin: 0
}
.courses-list .courses-list--listings li {
transition: all .4s ease-in;
display: inline-block;
float: none;
}
@media only screen and (min-width:768px) {
.our-courses .buttons-container {
padding: 10px 20px 0
}
.our-courses .buttons-container .buttons-container-inner .course-tab {
width: calc(16.77777% - 10px);
display: inline-block;
margin: 0 5px 0 0
}
}
@media only screen and (min-width:1020px) {
.our-courses .buttons-container {
padding: 10px 0 0
}
.our-courses .buttons-container .buttons-container-inner .course-tab {
padding: 10px;
font-size: 18px
}
}
.x-wide-course-layout {
width: 100%;
max-width: 100%
}
.x-wide-course-layout.wrapper {
max-width: 100%
}
.x-wide-course-layout>ul {
}
@media(max-width:768px) {
.fa-2x {
font-size: 20px !important;
}
.m-b-1 {
width: 20px !important;
}
.logo-wrapper > a > img{
}
.dropdown-content {
/*min-width: 100%;*/
margin: 0 auto;
}
.lead1{
height: 300px !important;
}
.rio-promos{
max-width:300px !important
}
.our-courses .nav-tabs>li.active>a{
background-color: #b34f11 !important
}
.our-courses .nav-tabs>li>a{
background:none !important
}
.x-wide-course-layout>ul {
margin: 0;
padding: 20px 0;
max-width: 100%
}
.x-wide-course-layout>ul li {
height: auto;
vertical-align: top;
margin-right: 0!important
}
.x-wide-course-layout>ul .course-block {
position: relative;
min-height: 380px
}
.x-wide-course-layout>ul .course-block .course-block-info {
/*display: none*/
}
}
.testimonials-wrapper {
background: #f9dec8;
position: relative;
opacity: 0
}
.testimonials-wrapper .testimonials-wrapper-left-triangle,
.testimonials-wrapper .testimonials-wrapper-right-triangle {
background: no-repeat 100% 0;
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0
}
.testimonials-wrapper .testimonials-wrapper-left-triangle {
transform: rotate(180deg);
z-index: 2;
max-width: 140px;
left: 0;
bottom: 0
}
@media(max-width:767px) {
.testimonials-wrapper .testimonials-wrapper-left-triangle {
z-index: inherit
}
}
.preloader{
padding: 50px;
}
.testimonials-wrapper .testimonials-wrapper--inner.wrapper {
max-width: 1600px;
padding: 40px 10px;
}
.cssanimations .sk-spinner.sk-spinner-three-bounce div {
height: 10px;
height: 1rem;
width: 10px;
width: 1rem;
}
#btn-clear-search{
padding: .8rem 0rem; right: 4rem; font-size: 1.4rem;
}
.spinner-text {
font-size: 12px;
font-size: 1.2rem;
display:none
}
.modal #vac-spinner{
top: 160px !important;
}
.testimonials-wrapper .testimonials-wrapper--inner>div {
float: left
}
.testimonials-wrapper .testimonials-wrapper--slider {
width: 100%
}
.testimonials-wrapper .testimonials-wrapper-left-triangle, .testimonials-wrapper .testimonials-wrapper-right-triangle {
/*background: url(images/testimonials-triangle3.png) no-repeat 100% 0;*/
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
}
.testimonials-wrapper .testimonials-wrapper--bubbles {
width: 30%;
position: relative;
margin: 0 0 0 10%;
max-height: 500px
}
@media(max-width:1550px) {
.testimonials-wrapper .testimonials-wrapper--bubbles {
margin: 0 0 0 5%
}
.testimonials-wrapper .testimonials-wrapper--slider {
width: 65%
}
}
@media(max-width:1550px) {
.testimonials-wrapper .testimonials-wrapper--bubbles {
width: 35%
}
.testimonials-wrapper .testimonials-wrapper--slider {
width: 100%
}
}
@media(max-width:1330px) {
.testimonials-wrapper .testimonials-wrapper--bubbles {
max-height: 2px
}
}
@media(max-width:1230px) {
.testimonials-wrapper .testimonials-wrapper--bubbles {
display: none
}
.testimonials-wrapper .testimonials-wrapper--slider {
width: 100%
}
}
.testimonials-slider .testimonials-slider--inner {
position: relative
}
.testimonials-slider .testimonials-slider--inner .testimonials-slider--slide {
padding: 0 10px
}
.testimonials-slider .testimonials-slider--image {
max-width: 60%;
margin-bottom: -5px
}
.testimonials-slider .testimonials-slider--image img {
max-width: 100%;
display: none
}
.testimonials-slider .testimonials-slider--image img.active {
display: inherit
}
@media(max-width:767px) {
.testimonials-slider .testimonials-slider--image {
display: none
}
}
.testimonials-slider .testimonials-slider--text {
position: absolute;
top: 50%;
right: 0;
text-align: left;
max-width: 400px;
transform: translateY(-50%)
}
.testimonials-slider .testimonials-slider--text .icon-quote-right {
margin-bottom: 5px;
padding-left: 10px
}
.testimonials-slider .testimonials-slider--text .icon-quote-right:before {
font-size: 60px;
color: #e9eef2;
transform: scaleX(-1)
}
.testimonials-slider .testimonials-slider--text .slick-dots {
width: 130px;
float: right;
margin-top: 45px
}
.testimonials-slider .testimonials-slider--text .slick-dots li {
text-indent: -9999px;
width: 10px;
height: 10px;
float: left;
background: #e9eef2;
border-radius: 100%;
margin-right: 8px;
cursor: pointer
}
.testimonials-slider .testimonials-slider--text .slick-dots li.slick-active {
background: 0 0;
border: 1px solid #e9eef2
}
.testimonials-slider .testimonials-slider--text p {
font-style: italic;
font-size: 16px;
color: #2d3941;
font-weight: 300;
line-height: 28px
}
.testimonials-slider .testimonials-slider--text .btn {
max-width: none;
border-radius: 3px;
padding-top: 7px;
padding-bottom: 8px;
margin-top: 30px;
box-shadow: 0 1px 1px 0 rgba(50, 50, 50, .2)
}
@media(max-width:1230px) {
.testimonials-slider .testimonials-slider--text {
right: 100px
}
}
@media(max-width:906px) {
.testimonials-slider .testimonials-slider--text {
right: 0
}
}
@media(max-width:767px) {
.testimonials-slider .testimonials-slider--text {
position: static;
top: 0;
right: 0;
text-align: left;
max-width: 400px;
transform: translate(0);
margin: 0 auto 30px
}
}
.pic-bubble {
position: relative;
width: 140px;
height: 140px
}
.pic-bubble:first-child {
left: 50%;
transform: translate(-50%);
width: 67px;
height: 67px
}
.pic-bubble:first-child .pic-bubble--speech-bubble {
min-width: 120px;
top: 0;
left: 10px
}
.pic-bubble:nth-child(2) {
width: 130px;
height: 130px;
left: 20%;
top: -12px
}
.pic-bubble:nth-child(2) .pic-bubble--speech-bubble {
top: 90px;
left: 46px;
min-width: 150px
}
.pic-bubble:nth-child(3) {
left: 50%;
width: 110px;
height: 110px;
top: -36px
}
.pic-bubble:nth-child(3) .pic-bubble--speech-bubble {
left: 39px;
top: -1px;
min-width: 135px
}
.pic-bubble:nth-child(4) {
left: 40px;
top: -117px
}
.pic-bubble:nth-child(4) .pic-bubble--speech-bubble {
left: 31px;
top: 30px
}
.pic-bubble:nth-child(5) {
left: 50%;
transform: translate(-50%);
width: 200px;
height: 200px;
top: -154px
}
.pic-bubble:nth-child(5) .pic-bubble--speech-bubble {
left: 60px;
top: 68%
}
@media(max-width:1330px) {
.pic-bubble:nth-child(2) {
width: 100px;
height: 100px;
left: 20%;
top: -26px
}
.pic-bubble:nth-child(3) {
left: 50%;
width: 80px;
height: 80px;
top: -60px
}
.pic-bubble:nth-child(4) {
left: 80px;
top: -95px;
width: 120px;
height: 120px
}
.pic-bubble:nth-child(5) {
top: -102px;
width: 120px;
height: 120px
}
.pic-bubble:nth-child(5) .pic-bubble--speech-bubble {
left: 37px;
min-width: 110%;
text-align: center
}
}
.pic-bubble.active .pic-bubble--speech-bubble {
animation: pop .5s normal forwards;
opacity: 1
}
.pic-bubble.active .pic-bubble--speech-bubble:after {
animation: triangle 1s normal forwards
}
.pic-bubble.active .pic-bubble--ring {
animation: popSmall 1s normal forwards;
animation-delay: .25s
}
.pic-bubble .pic-bubble-image {
background-color: #f3f6f7;
overflow: hidden;
border-radius: 100%;
width: 100%;
height: 100%
}
.pic-bubble .pic-bubble-image img {
width: 100%
}
.pic-bubble .pic-bubble--speech-bubble {
background-color: #0094c9;
position: absolute;
left: 0;
top: 50%;
color: #fff;
padding: 3px 10px;
border-radius: 3px;
transform: translate(-100%);
font-size: 12px;
opacity: 0;
transition: all .4s ease-in-out;
box-shadow: 0 3px 3px 0 rgba(50, 50, 50, .49)
}
.pic-bubble .pic-bubble--speech-bubble>div {
overflow: hidden
}
.pic-bubble .pic-bubble--speech-bubble:after {
content: "";
position: absolute;
top: 25px;
right: 0;
width: 0;
height: 0;
border: 12px solid transparent;
border-top-color: #0094c9;
border-bottom: 0;
border-right: 0
}
.pic-bubble .pic-bubble--speech-bubble .pic-bubble--ring {
position: absolute;
width: 100%;
height: 100%;
border: 2px solid #0094c9;
top: 0;
left: 0;
border-radius: 3px
}
.pic-bubble.pic-bubble__green .pic-bubble--speech-bubble {
background-color: #83c11f
}
.pic-bubble.pic-bubble__green .pic-bubble--speech-bubble:after {
content: "";
position: absolute;
top: 2px;
right: 0;
width: 0;
height: 0;
border: 12px solid transparent;
border-bottom-color: #83c11f;
border-top: 0;
border-right: 0;
transform: translateY(-100%)
}
.pic-bubble.pic-bubble__green .pic-bubble--speech-bubble .pic-bubble--ring {
border-color: #83c11f
}
@keyframes pop {
0% {
transform: translate(-100%) scale(0);
padding: 0
}
to {
transform: translate(-100%) scale(1)
}
}
@keyframes popSmall {
to {
transform: scale(1.2);
opacity: 0
}
}
@keyframes triangle {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.temporary-home-banner {
position: relative;
text-align: left;
z-index: 10
}
.logo-wrapper > a > img {
}
.modified-home {
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 50%;
background-size: cover;
/*background: linear-gradient(135deg, #066a9e, #000000);*/
background-image: url(~/Images/topbannerIMAGE.png)
}
.responsiveGallery-item{
border: 1px solid #fefefe !important;
}
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper {
max-width: 1380px;
padding: 40px 20px
}
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper .columns-wrapper {
margin-bottom: 20px
}
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper .columns-wrapper .home-new-social-login {
display: none
}
@media only screen and (min-width:768px) {
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper .columns-wrapper .home-new-social-login {
display: block;
margin-top: 20px
}
}
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper .columns-wrapper .home-new-social-login .new-social-login {
display: inline-block;
margin-left: 0;
margin-top: 10px
}
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper .columns-wrapper .home-new-social-login .new-social-login:first-child {
margin-left: 0
}
@media only screen and (min-width:1020px) {
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper .columns-wrapper .home-new-social-login .new-social-login:first-child {
margin-left: 15px
}
}
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper .columns-wrapper .home-new-social-login a {
border-radius: 3px;
font-size: .775em;
font-weight: 300;
display: inline-block;
text-align: center;
padding: 4px 0;
margin-right: 10px;
background: 0 0;
border: 1px solid #fff;
width: 145px;
color: #fff;
opacity: .8
}
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper .columns-wrapper .home-new-social-login a#google_home:link,
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper .columns-wrapper .home-new-social-login a#google_home:visited {
width: 155px
}
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper .columns-wrapper .home-new-social-login a#google_home:link:hover,
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper .columns-wrapper .home-new-social-login a#google_home:visited:hover {
background-color: #ec3c1f
}
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper .columns-wrapper .home-new-social-login a#facebook_home:link,
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper .columns-wrapper .home-new-social-login a#facebook_home:visited {
width: 165px
}
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper .columns-wrapper .home-new-social-login a#facebook_home:link:hover,
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper .columns-wrapper .home-new-social-login a#facebook_home:visited:hover {
background-color: #5e7fc1
}
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper .columns-wrapper .home-new-social-login a#yahoo_home:link,
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper .columns-wrapper .home-new-social-login a#yahoo_home:visited {
opacity: .8
}
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper .columns-wrapper .home-new-social-login a#yahoo_home:link:hover,
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper .columns-wrapper .home-new-social-login a#yahoo_home:visited:hover {
background-color: #ab48b7
}
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper .columns-wrapper .home-new-social-login a div.icon-facebook-logo,
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper .columns-wrapper .home-new-social-login a div.icon-google-plus-footer,
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper .columns-wrapper .home-new-social-login a div.icon-yahoo-logo {
float: left;
margin-right: -2px;
padding: 4px 0 0 7px
}
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper .columns-wrapper .home-new-social-login a div.icon-google-plus-footer {
padding-right: 2px
}
.modified-home .two-columns-wide-outer .page-header-background {
height: 100%
}
.home-left-column {
position: relative;
text-align: center;
margin-bottom: 20px;
z-index: 1
}
@media only screen and (min-width:768px) {
.home-left-column .home-left-column-insert {
padding-bottom: 40px
}
}
@media only screen and (min-width:1020px) {
.home-left-column {
text-align: left;
margin-bottom: 0;
display: table;
width: 55%
}
.home-left-column .home-left-column-insert {
display: table-cell;
vertical-align: middle;
padding-bottom: 0
}
}
.home-left-column-insert h1 {
margin: 0 0 20px;
display: inline
}
.home-left-column-insert h1,
.home-left-column-insert h1+p {
font-weight: 400;
font-size: 1.075em;
line-height: 1.5em;
color: #fff
}
.home-left-column-insert h1+p {
margin: 0 0 60px
}
.home-left-column-insert h1 span {
color: #83c11f
}
.home-left-column-insert p.temporary {
font: 400 .975em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
line-height: 1.5em;
margin: 20px 0;
color: #fff
}
.home-left-column-insert p.temporary a:link,
.home-left-column-insert p.temporary a:visited {
color: #fff
}
.home-left-column-insert p.temporary a:active,
.home-left-column-insert p.temporary a:focus,
.home-left-column-insert p.temporary a:hover {
color: #d9d9d9
}
.home-left-column-insert h2 {
font-weight: 400;
color: #fff;
font-size: 1.35em;
margin-bottom: 5px
}
@media only screen and (min-width:768px) {
.home-left-column-insert h2 {
font-weight: 400;
color: #fff;
font-size: 3.35em;
margin-bottom: inherit
}
}
.govemblem{
width:70px;
height:auto;
}
.empower{
margin-top:100px;
}
.signup-or {
color: #fff;
padding: 0 10px;
margin: 10px 0
}
a.home-column-call-to-action {
max-width: 290px;
box-shadow: 0 1px 3px 0 rgba(50, 50, 50, .75);
font-size: 14px;
color: #fff;
border-radius: 5px;
margin-top: 10px;
}
.home-left-column-insert a.home-column-call-to-action.cta-signup {
min-width: 180px
}
.home-left-column-insert a.home-column-call-to-action.cta-signup:hover {
background-color: #6d961d;
border-color: #6d961d
}
.home-left-column-insert a.home-column-call-to-action.cta-login {
min-width: 100px;
background: 0 0;
border-color: #fff;
margin-bottom: 20px
}
a.home-column-call-to-action.cta-login:hover {
color: #fff;
background-color: #2982da;
border-color: #fbfbfb;
}
@media only screen and (min-width:768px) {
.home-left-column-insert .signup-or {
display: inline;
margin: 0
}
.home-left-column-insert a.home-column-call-to-action.cta-login {
margin-bottom: 0
}
}
.home-right-column {
position: relative
}
.categories-gradient {
width: 100%;
height: 700px;
position: absolute;
opacity: .15;
z-index: 0;
transform: translate(0%, -160px);
background: radial-gradient(ellipse at center, hsla(0, 0%, 100%, .75) 0, hsla(0, 0%, 100%, .75) 35%, hsla(0, 0%, 100%, .63) 36%, hsla(0, 0%, 100%, .5) 37%, hsla(0, 0%, 100%, .5) 50%, hsla(0, 0%, 100%, .25) 51%, hsla(0, 0%, 100%, .25) 65%, rgba(73, 73, 73, 0) 66%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#bfffffff", endColorstr="#00494949", GradientType=1)
}
.home-right-column .home-right-column-insert {
max-width: 400px;
margin: 0 auto
}
.home-right-column .home-right-column-insert .row {
position: relative
}
.home-column-category-item {
width: 23%;
margin: 5px;
display: inline-block;
max-width: 104px
}
.card {
position: relative;
height: auto;
width: 80%;
display: inline-block;
border-radius: 2.5rem !important;
border: 1px solid #ccc;
box-shadow: 0 0 5px 0 #80808c75;
}
.card:hover {
-ms-transform: scale(1.2); /* IE 9 */
-webkit-transform: scale(1.2); /* Safari 3-8 */
transform: scale(1.1);
transition: all .2s ease-in-out;
}
.card .back,.card .front {
overflow: hidden;
background-color: #fff;
backface-visibility: hidden;
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all .3s ease-in-out
}
.card .front {
background-color: #fff;
transform: rotateY(0);
z-index: 2;
padding-top: 12px;
border-radius: 5px;
box-shadow: 0 1px 6px 0 rgba(50, 50, 50, .4)
}
.card .front:hover {
transform: scale(1.1);
border-top-left-radius: 0;
border-top-right-radius: 0;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .8)
}
.card .front:hover .border {
opacity: 1
}
.card .front span {
color: #465159
}
.card .front .border {
height: 3px;
width: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: all .3s ease-in-out
}
.card .front .border.technology-color {
background-color: #0093c9
}
.card .front .border.languages-color {
background-color: #10a650
}
.card .front .border.science-color {
background-color: #2d3942
}
.card .front .border.business-color {
background-color: #f49b29
}
.card .front .border.math-color {
background-color: #833a8d
}
.card .front .border.marketing-color {
background-color: #c81a7f
}
.card .front .border.lifestyle-color {
background-color: #2a0040
}
.card .front .border.health-color {
background-color: #e42330
}
.card .front .border.humanities-color {
background-color: #bfd131
}
.home-cat-icon {
font-size: 2.15em
}
@media only screen and (min-width:400px) {
.home-cat-icon {
font-size: 2.45em
}
}
p.home-category-heading {
color: #465159;
font-weight: 500;
padding: 5px 3px 0;
height: 20px;
font-size: .775em
}
@media only screen and (min-width:400px) {
p.home-category-heading {
font-weight: 500;
padding: 5px 3px 0;
height: 20px;
font-size: .975em
}
}
@media only screen and (min-width:1020px) {
.home-right-column {
width: 40%
}
}
.new-course-layout {
background: #f3f7f9
}
.new-course-layout .new-course-layout--inner {
padding: 30px 340px 30px 30px
}
.new-course-layout .ad {
max-width: 728px;
margin: 25px auto
}
@media(max-width:1570px) {
.new-course-layout .new-course-layout--inner {
padding: 30px 200px 30px 30px
}
.new-course-layout .new-course-layout--inner .inner-page-sticky-ad {
width: 160px
}
}
@media(max-width:1200px) {
.new-course-layout .new-course-layout--inner {
padding: 30px
}
}
@media(max-width:480px) {
.new-course-layout .ad {
max-width: 300px
}
}
@media(max-width:360px) {
.new-course-layout .new-course-layout--inner {
padding: 10px
}
}
.course-banner {
background-color: #dee0e2;
padding: 20px
}
.course-banner .course-banner--info:after {
content: "";
clear: both;
display: table
}
.course-banner .course-banner--info .course-icons {
width: 25%;
float: left;
color: #2d3942
}
.course-banner .course-banner--info .course-icons .spotlight_link {
display: block
}
.course-banner .course-banner--info .course-icons .go-to-careers {
cursor: pointer
}
.course-banner .course-banner--info .course-icons div h3 {
font-size: 21px;
margin-bottom: 5px;
color: #2d3942
}
.course-banner .course-banner--info .course-icons div:first-child {
width: 70px
}
.course-banner .course-banner--info .course-icons div:first-child i {
width: 50px;
height: 50px;
border-radius: 100%;
text-align: center;
padding-top: 11px;
color: #fff;
font-size: 24px;
font-weight: 200;
display: block;
margin-top: 5px
}
.course-banner .course-banner--info .course-icons div:nth-child(2) {
width: calc(100% - 70px);
padding-right: 20px
}
.course-banner .course-banner--info .course-icons:first-child div:nth-child(1) i {
background: #10a650
}
.course-banner .course-banner--info .course-icons:nth-child(2) div:first-child i {
background: #0094c9
}
.course-banner .course-banner--info .course-icons:nth-child(3) div:first-child i {
background: #f49b29
}
.course-banner .course-banner--info .course-icons:nth-child(4) div:first-child i {
background: #bfd131
}
@media(max-width:900px) {
.course-banner {
padding: 20px 20px 0
}
.course-banner .course-banner--info .course-icons {
width: 50%;
float: left;
min-height: 100px
}
}
@media(max-width:700px) {
.course-banner .course-banner--info .course-icons div:first-child {
width: 65px
}
.course-banner .course-banner--info .course-icons div:nth-child(2) {
padding-right: 0
}
.course-banner .course-banner--info .course-icons div h3,
.course-banner .course-banner--info .course-icons div span {
font-size: 14px
}
}
@media(max-width:570px) {
.course-banner {
padding: 20px 12px 0
}
.course-banner .course-banner--info .course-icons {
width: 100%;
float: left;
min-height: 100px
}
.course-banner .course-banner--info .course-icons:nth-child(3),
.course-banner .course-banner--info .course-icons:nth-child(4) {
display: none
}
}
.course-icons:after {
content: "";
clear: both;
display: table
}
.course-icons div {
float: left
}
.course-icons a,
.course-icons span {
color: #5d666d
}
.course-brief-container {
box-shadow: 0 3px 8px 0 rgba(50, 50, 50, .2)
}
.course-brief {
padding: 40px 20px;
background: #fff
}
.course-brief:after {
content: "";
clear: both;
display: table
}
.course-brief h1 {
font-size: 26px;
color: #2d3942;
font-weight: 400;
margin-bottom: 20px
}
.course-brief>div {
float: left;
border-right: 1px solid #e0e3e7
}
.course-brief .course-brief--col1 {
width: 747px;
max-width: calc(100% - 709px);
padding-right: 50px
}
.course-brief .course-brief--col1 .course-brief--social {
margin-bottom: 20px
}
.course-brief .course-brief--col1 .course-brief--social a {
background: #f1f1f1;
text-align: center;
color: #5d666d;
display: inline-block;
width: 40px;
height: 40px;
border-radius: 100%;
opacity: 1;
font-size: 19px;
padding-top: 10px;
float: left;
margin-right: 15px;
transition: all .3s ease-in
}
.course-brief .course-brief--col1 .course-brief--social a:hover {
background: #5d666d;
color: #f1f1f1
}
.course-brief .course-brief--col1 .course-brief--social a:nth-child(4) {
padding-top: 5px
}
.course-brief .course-brief--col1 .course-brief--social a:nth-child(4) i {
font-size: 31px
}
.course-brief .course-brief--col1 .course-brief--free {
margin-bottom: 35px;
color: #2d3942;
font-weight: 500
}
.course-brief .course-brief--col1 .course-brief--description {
color: #5d666d
}
.course-brief .course-brief--col1 .course-brief--description h2 {
font-weight: 400;
font-size: .9875em
}
.course-brief .course-brief--col1 .course-brief--category {
display: inline-block;
color: #fff;
padding: 1px 6px;
border-radius: 3px;
margin-bottom: 20px
}
.course-brief .course-brief--col2 {
width: 353px;
padding: 0 70px
}
.course-brief .course-brief--col2 .course-icons {
margin-bottom: 15px
}
.course-brief .course-brief--col2 .course-icons>div {
width: 130px
}
.course-brief .course-brief--col2 .course-icons>div:first-child {
width: 70px;
padding-top: 2px;
opacity: .4;
font-size: 21px
}
.course-brief .course-brief--col2 .course-icons h3 {
margin: 0 0 5px;
font-size: 16px;
color: #0094c9
}
.course-brief .course-brief--col2 .course-icons span {
font-size: 14px
}
.course-brief .course-brief--col3 {
width: 356px;
padding-left: 55px;
border-right: 0 solid;
text-align: center
}
.course-brief .course-brief--col3 img {
max-width: 100%
}
.course-brief .course-brief--col3 a {
margin: 10px auto 0;
max-width: none;
width: 100%
}
@media(max-width:1500px) {
.course-brief .course-brief--col2 {
width: 251px;
padding: 0 20px
}
.course-brief .course-brief--col3 {
width: 280px;
padding-left: 10px
}
.course-brief .course-brief--col1 {
width: 747px;
max-width: calc(100% - 550px);
padding-right: 50px
}
}
@media(max-width:860px) {
.course-brief .course-brief--col2 {
width: 50%;
padding: 0 20px
}
.course-brief .course-brief--col3 {
width: 50%;
padding-left: 10px
}
.course-brief .course-brief--col1 {
width: 100%;
max-width: none;
margin-bottom: 40px;
border-right: 0 solid
}
}
@media(max-width:520px) {
.course-brief .course-brief--col2 {
width: 100%;
border-right: 0 solid;
margin-bottom: 40px;
padding: 0
}
.course-brief .course-brief--col3 {
width: 100%;
padding: 0
}
.course-brief .course-brief--col1 {
width: 100%;
max-width: none;
margin-bottom: 40px;
border-right: 0 solid;
padding-right: 0
}
}
.course-tabs {
background: #fff;
margin-top: 50px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 3px 8px 0 rgba(50, 50, 50, .2)
}
.course-tabs .course-tabs-header {
background: #dee0e2
}
.course-tabs .course-tabs-header>span {
color: #2d3942;
display: inline-block;
padding: 24px 24px 15px;
font-size: 18px;
margin-right: 30px;
cursor: pointer
}
.course-tabs .course-tabs-header>span.active {
border-bottom: 5px solid #0094c9
}
.course-tabs .course-tabs-header .btn {
max-width: none;
border-radius: 5px;
transition: all .2s ease-in
}
.course-tabs .course-tabs-header .btn:hover {
padding: 10px 15px 10px 20px
}
.course-tabs .course-tabs-header .btn:hover span {
font-weight: 800;
font-size: 12px;
margin-left: 10px;
display: inline-block
}
.course-tabs .course-tabs-header .btn span {
font-weight: 800;
font-size: 12px;
margin-left: 5px;
display: inline-block;
transition: all .2s ease-in
}
.course-tabs .course-tabs-content {
color: #5d666d;
padding: 20px
}
.course-tabs .course-tabs-content .description-content-inner {
padding-right: 30px
}
.course-tabs .course-tabs-content .description-content-inner a {
color: #0094c9
}
.course-tabs .course-tabs-content p {
color: #5d666d
}
.course-tabs .course-tabs-content p a {
color: #0094c9
}
.course-tabs .certification-content a {
color: #0094c9;
text-transform: capitalize
}
.course-tabs .outcome-content li {
list-style: disc;
list-style-position: inside;
font-size: 15px;
line-height: 22px
}
@media(max-width:470px) {
.course-tabs .course-tabs-header>span {
display: inline-block;
width: 100%;
text-align: center;
margin: 0 auto
}
.course-tabs .course-tabs-header .btn {
display: block
}
}
.course-tabs-tags {
color: #2d3942;
margin-top: 30px;
font-weight: 500;
padding: 0 20px 20px
}
.course-tabs-tags ul {
display: inline-block
}
.course-tabs-tags ul li {
display: inline
}
.course-tabs-tags ul li:first-child a {
margin-left: 10px
}
.course-tabs-tags ul li a {
display: inline-block;
color: #5d666d;
border: 2px solid #e5e8eb;
padding: 4px 8px;
border-radius: 3px;
margin-right: 1px;
font-weight: 400;
position: relative;
margin-bottom: 10px
}
.course-tabs-tags ul li a .hovered-tag-name {
position: absolute;
left: 8px;
top: 4px;
width: 0;
height: 100%;
color: #fff;
overflow: hidden;
z-index: 2;
transition: all .5s ease-in
}
.course-tabs-tags ul li a .hovered-tag-name span {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
max-height: 21px;
overflow: hidden;
white-space: nowrap
}
.course-tabs-tags ul li a:before {
content: "";
width: 0;
position: absolute;
top: 0;
left: 0;
height: 100%;
transition: all .5s ease-in
}
.course-tabs-tags ul li a:hover:before {
background: #0094c9;
width: 100%
}
.course-tabs-tags ul li a:hover .hovered-tag-name {
width: 100%
}
@media(max-width:500px) {
.course-tabs-tags ul li:first-child a {
margin: 10px 0
}
}
.rounded-box {
margin-top: 50px;
border-radius: 8px;
background: #fff;
box-shadow: 0 3px 8px 0 rgba(50, 50, 50, .2)
}
.rounded-box .rounded-box--inner h2 {
background: #dee0e2;
color: #2d3942;
text-align: left;
font-size: 20px;
font-weight: 400;
padding: 9px 11px;
margin: 0;
border-top-right-radius: 8px;
border-top-left-radius: 8px
}
.rounded-box .rounded-box--inner h2 [class^=icon-] {
color: #fff;
background-color: #0094c9;
width: 40px;
height: 38px;
display: inline-block;
text-align: center;
border-radius: 100%;
font-size: 23px;
padding-top: 5px;
margin-right: 20px
}
.rounded-box .rounded-box--inner>ul {
min-height: 375px
}
.rounded-box .rounded-box--inner>ul:hover .slick-next,
.rounded-box .rounded-box--inner>ul:hover .slick-prev {
opacity: 1
}
.rounded-box .rounded-box--inner>ul>div {
float: none
}
.rounded-box .rounded-box--inner>ul .slick-list {
padding-bottom: 10px
}
.rounded-box .rounded-box--inner>ul .slick-slide {
width: 246px!important;
min-height: 375px;
margin: 0 5px
}
.rounded-box .rounded-box--inner>ul .slick-slide .course-block {
min-width: 246px;
width: 246px
}
.rounded-box .rounded-box--inner>ul .slick-slide .course-block .course-block-content h4 {
margin-bottom: 20px
}
.rounded-box .rounded-box--inner>ul .slick-slide .course-block .course-block-img-outer {
width: 100%
}
.rounded-box .rounded-box--inner>ul .slick-next,
.rounded-box .rounded-box--inner>ul .slick-prev {
width: 50px;
height: 50px;
background-color: #0094c9;
color: #fff;
border-radius: 100%;
position: absolute;
transform: translateY(-50%);
top: 50%;
opacity: .5;
transition: all .3s ease-in
}
.rounded-box .rounded-box--inner>ul .slick-next span,
.rounded-box .rounded-box--inner>ul .slick-prev span {
font-weight: 800;
display: block;
transform: translate(-2px)
}
.rounded-box .rounded-box--inner>ul .slick-prev {
left: -25px;
z-index: 9
}
.rounded-box .rounded-box--inner>ul .slick-next {
right: -11px
}
.course-related .courses-list--listings {
padding: 20px 10px
}
#testimonials>h2 .icon-thumb-up {
background-color: #afafaf!important
}
#testimonials.course-testimonial {
background: #fff;
text-align: center
}
#testimonials.course-testimonial .btn {
margin: 30px 0;
max-width: none
}
#testimonials.course-testimonial .testimonial-right h2 {
font-size: 22px;
text-align: left;
font-weight: 300;
margin-bottom: 10px;
background: 0 0;
padding: 0
}
#testimonials.course-testimonial .testimonial-outer {
text-align: left
}
#testimonials.course-testimonial .testimonial-outer .testimonial-wrapper {
max-width: none;
min-height: 0
}
#testimonials.course-testimonial .testimonial-outer .testimonial-wrapper .testimonial {
padding: 0
}
#testimonials.course-testimonial .testimonial-outer .testimonial-wrapper .testimonial>div {
margin-bottom: 0;
box-shadow: 0 3px 5px 0 transparent
}
@media(max-width:500px) {
#testimonials.course-testimonial .testimonial-right {
padding-left: 0
}
}
#modalAddWpm .modal-header {
background-color: #0094c9
}
#modalAddWpm .warning-outer {
padding: 10px 10px 0
}
#modalAddWpm .message.warning {
width: 100%;
padding: 22px 17px 7px 90px;
opacity: 1!important;
display: block!important;
min-height: 64px;
margin-top: 0
}
#modalAddWpm .modal-body p {
margin-bottom: 14px
}
#modalAddWpm .modal-body table {
margin: 0 auto 30px
}
#modalAddWpm .modal-body table tr {
border-bottom: 1px solid #aaa
}
#modalAddWpm .modal-body table th {
text-align: left;
padding: 9px 15px 10px 10px;
font-weight: 400;
font-size: 18px;
background: #333;
color: #fff
}
#modalAddWpm .modal-body table td {
padding: 8px 15px 8px 10px;
text-align: center
}
#modalAddWpm .modal-body table td:first-child {
text-align: left
}
#modalAddWpm .modal-body table td.type-label {
cursor: pointer
}
.new_course_notification {
background: hsla(0, 0%, 83%, .7);
display: none;
position: fixed;
width: 100%;
z-index: 100;
top: 0;
left: 0;
height: 100%;
padding-top: 100px;
box-shadow: 0 3px 8px 0 rgba(50, 50, 50, .2)
}
.new_course_notification .course-notification-content {
background: #fff;
border-radius: 10px;
height: 350px;
max-width: 650px;
margin: 0 auto;
position: relative
}
.new_course_notification .course-notification-content h3 {
text-align: center;
padding-top: 55px;
margin: 0
}
.new_course_notification .course-notification-content p {
text-align: center;
padding: 20px 20px 0
}
.new_course_notification .course-notification-content .course-notification-image {
position: relative
}
.new_course_notification .course-notification-content .course-notification-image img {
display: none
}
.new_course_notification .course-notification-content .icon-cross {
font-size: 1.125em;
color: #838b8f;
position: absolute;
right: 7px;
top: 6px
}
.new_course_notification .course-notification-content .icon-cross:hover {
text-decoration: none;
cursor: hand
}
.new_course_notification .course-notification-content .lrg-btn {
margin: 0 auto;
border-radius: 5px;
max-width: 270px
}
.new_course_notification .course-notification-content .arrow,
.new_course_notification .course-notification-content .arrow:before {
position: absolute
}
.new_course_notification .course-notification-content .arrow {
width: 13px;
height: 13px;
border-left: none;
border-top: none;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
z-index: 999;
right: auto;
transform: rotate(-45deg);
margin: 3px 0 0 15px
}
.new_course_notification .course-notification-content .arrow:before {
top: 50%;
position: absolute;
content: "";
width: 13px;
height: 13px;
margin: -7px 0 0 -6px;
border-left: none;
border-top: none;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
animation-duration: 1.2s;
animation-iteration-count: infinite;
animation-name: arrow
}
.new_course_notification.hidden {
display: none
}
#careers h2 .icon-careers {
background: #83c11f
}
#careers .view-occupation {
background-color: #83c11f;
font-size: 14px;
left: 50%;
transform: translate(-50%);
top: 290px
}
#careers.rounded-box .search-items {
min-height: 375px;
padding: 20px 10px
}
#careers.rounded-box .search-items:after {
content: "";
clear: both;
display: table
}
#careers.rounded-box .rounded-box--inner>ul .slick-next,
#careers.rounded-box .rounded-box--inner>ul .slick-prev {
background-color: #83c11f
}
#careers.rounded-box .rounded-box--inner>ul .slick-slide {
min-height: 335px
}
#careers.rounded-box .course-block-info {
display: none
}
.not-loggedin+#main-holder .course-brief .course-brief--col1 .course-brief--social a:nth-child(3) {
padding-top: 5px
}
.not-loggedin+#main-holder .course-brief .course-brief--col1 .course-brief--social a:nth-child(3) i {
font-size: 31px
}
.not-loggedin+#main-holder .course-brief .course-brief--col1 .course-brief--social a:nth-child(4) {
padding-top: 10px
}
.not-loggedin+#main-holder .course-brief .course-brief--col1 .course-brief--social a:nth-child(4) i {
font-size: inherit
}
#course-categories h5 {
font-size: 1.125em;
text-transform: capitalize
}
#course-categories .search-area {
display: none
}
#course-categories .search-area h5 span {
margin-right: 10px
}
#course-categories .search-area ul {
list-style: none;
padding: 30px 20px 70px
}
#course-categories .search-area ul li {
text-align: center
}
#course-categories .search-area ul li:not(.empty-search) {
display: inline-block;
margin-right: 20px;
padding: 10px 20px;
background: #0094c9;
border-radius: 30px;
margin-bottom: 10px
}
#course-categories .search-area ul li:not(.empty-search):hover {
opacity: .9
}
#course-categories .search-area ul li:not(.empty-search) a {
color: #fff
}
#course-categories .clear-filter {
position: absolute;
right: 20px;
top: 33px;
padding: 10px;
background: #2d3942;
border-radius: 8px;
color: #fff;
display: none;
cursor: pointer;
z-index: 25
}
#course-categories .clear-filter:hover {
opacity: .8
}
#course-categories .tags-listing .empty-search {
text-align: center
}
#course-categories .tags-listing a {
display: inline-block;
float: left;
margin-right: 20px;
padding: 10px 20px;
background: #0094c9;
border-radius: 30px;
margin-bottom: 10px;
color: #fff
}
#course-categories .tags-listing a i {
margin-right: 10px
}
#course-categories .tags-listing a:hover {
opacity: .9
}
#course-categories .categories-listing h2 {
font-size: 1.375em;
margin-bottom: 10px
}
#course-categories .categories-listing h2 a {
color: #0094c9;
font-weight: 300
}
#course-categories .categories-listing .category-item {
margin-bottom: 40px;
width: 100%;
float: none
}
#course-categories .categories-listing .category-item ul li {
padding-left: 10px
}
#course-categories .categories-listing .category-item ul a {
color: #2d3942;
line-height: 24px
}
#course-categories .course-categories-banner .course-categories-bg {
text-align: center;
background: url(https://cdn01.alison-static.net/public/html/site/img/categories-bg-05.png) no-repeat 0 -59px/cover;
color: #fff;
width: 100%;
padding-top: 70px;
height: 320px
}
#course-categories .course-categories-banner .course-categories-bg .categories-banner {
margin: 0 auto;
text-align: center;
width: 230px
}
#course-categories .course-categories-banner .course-categories-bg .categories-banner h1 {
font-size: 1.8125em
}
#course-categories .course-categories-banner .course-categories-bg .categories-banner p {
font-weight: 400;
font-size: 1.0625em;
line-height: 1.9em;
margin: 0 0 20px
}
#course-categories .course-categories-banner .banner-angle {
position: relative;
z-index: 1;
margin-top: 1px
}
#course-categories .course-categories-banner .banner-angle:after {
background: inherit;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: -1;
-webkit-backface-visibility: hidden;
outline: 2px solid transparent;
transform: skewY(1deg);
transform-origin: 0 100%;
-moz-transform: skewY(1deg);
-moz-transform-origin: 0 100%;
-ms-transform: skewY(1deg);
-ms-transform-origin: 0 100%;
-webkit-transform: skewY(1deg);
-webkit-transform-origin: 0 100%;
background: #fff;
bottom: 0;
height: 45px;
width: 100%
}
#course-categories .course-categories-wrapper {
margin: 0 auto;
max-width: 1150px;
padding: 0;
position: relative
}
#course-categories .course-categories-wrapper .content-wrapper {
min-height: 400px;
margin-bottom: 100px;
background: #fff;
padding: 40px 20px;
box-shadow: none
}
#course-categories .course-categories-wrapper .content-wrapper .cat-title {
margin: 0 20px 20px
}
#course-categories .course-categories-wrapper .content-wrapper .cat-title span {
margin-right: 10px
}
#course-categories .course-categories-wrapper .content-wrapper .cat-content-header {
color: #465159;
font-size: 11px;
height: 20px;
width: 100%
}
#course-categories .course-categories-wrapper .content-wrapper .cat-content-header .left-content {
margin-left: 20px;
float: left
}
#course-categories .course-categories-wrapper .content-wrapper .cat-content-header .right-content {
float: right
}
@media only screen and (min-width:768px) {
#course-categories .categories-listing .category-item {
width: 33.333%;
float: left
}
#course-categories .course-categories-banner {
display: block
}
#course-categories .course-categories-banner .course-categories-bg {
height: 300px;
padding-top: 65px
}
#course-categories .course-categories-banner .course-categories-bg .categories-banner {
width: 400px
}
#course-categories .course-categories-banner .course-categories-bg .categories-banner h1 {
font-size: 2.8125em
}
#course-categories .course-categories-wrapper {
max-width: 1150px
}
#course-categories .course-categories-wrapper .content-wrapper {
padding: 15px 30px 40px;
margin-top: 30px
}
#course-categories .course-categories-wrapper .content-wrapper .cat-title {
margin: 0 0 25px
}
#course-categories .btn-outer .btn {
right: 0
}
}
@media only screen and (min-width:1020px) {
#course-categories .course-categories-banner {
display: block
}
#course-categories .course-categories-banner .course-categories-bg {
height: 300px
}
#course-categories .course-categories-wrapper {
box-shadow: 0 0 3px 0 #585858
}
}
.modules-brief {
background-color: #fff;
padding: 40px 20px;
margin-bottom: 35px;
box-shadow: 0 3px 8px 0 rgba(50, 50, 50, .2)
}
.modules-brief .modules-brief--inner:after {
content: "";
clear: both;
display: table
}
.modules-brief .modules-brief--inner>div {
float: left
}
.modules-brief .modules-brief--inner .modules-brief--col1 {
width: 65%;
border-right: 1px solid #e0e3e7;
padding-right: 30px
}
.modules-brief .modules-brief--inner .modules-brief--col1 .modules-brief--image {
width: 320px;
float: left
}
.modules-brief .modules-brief--inner .modules-brief--col1 .modules-brief--content {
width: calc(100% - 320px);
float: left
}
.modules-brief .modules-brief--inner .modules-brief--col1 h1 {
font-size: 30px;
font-weight: 400
}
.modules-brief .modules-brief--inner .modules-brief--col1 h1 a {
color: #1c232e
}
.modules-brief .modules-brief--inner .modules-brief--col1>img {
float: left;
margin-right: 20px
}
.modules-brief .modules-brief--inner .modules-brief--col1 .btn {
max-width: none
}
.modules-brief .modules-brief--inner .modules-brief--col1 .clearfix,
.modules-brief .modules-brief--inner .modules-brief--col1 .my-courses .course-intro>li:after,
.modules-brief .modules-brief--inner .modules-brief--col1 .slide-up-products .avail-products>li:after,
.my-courses .modules-brief .modules-brief--inner .modules-brief--col1 .course-intro>li:after,
.slide-up-products .modules-brief .modules-brief--inner .modules-brief--col1 .avail-products>li:after {
max-height: 1px
}
.modules-brief .modules-brief--inner .modules-brief--col2 {
width: 35%;
padding: 0 40px
}
.modules-brief .modules-brief--inner .modules-brief--col2 .modules-brief--icon1 {
cursor: pointer
}
.modules-brief .modules-brief--inner .modules-brief--col2>div {
width: 30%;
padding: 0 20px;
float: left;
text-align: center;
color: #5d666d
}
.modules-brief .modules-brief--inner .modules-brief--col2>div:last-child {
width: 40%
}
.modules-brief .modules-brief--inner .modules-brief--col2>div.modules-brief--info3 .info-icon {
padding-top: 11px
}
.modules-brief .modules-brief--inner .modules-brief--col2>div .info-icon {
width: 55px;
height: 55px;
background-color: #0094c9;
border-radius: 100%;
margin: 0 auto;
font-size: 32px;
padding-top: 12px;
color: #fff;
position: relative
}
.modules-brief .modules-brief--inner .modules-brief--col2>div .info-amount {
font-weight: 400;
font-size: 33px;
margin: 35px 0;
color: #2d3942
}
.modules-brief .modules-brief--inner .modules-brief--col2>div .info-description {
font-size: 18px
}
@media(max-width:1640px) {
.modules-brief .modules-brief--inner .modules-brief--col1 {
width: 60%
}
.modules-brief .modules-brief--inner .modules-brief--col1 h1 {
font-size: 24px
}
.modules-brief .modules-brief--inner .modules-brief--col1 .user-progress .user-progress--inner {
max-width: 200px
}
.modules-brief .modules-brief--inner .modules-brief--col2 {
width: 40%;
padding: 0 20px
}
.modules-brief .modules-brief--inner .modules-brief--col2>div .info-amount {
font-size: 24px;
margin: 24px 0
}
}
@media(max-width:1500px) {
.modules-brief .modules-brief--inner .modules-brief--col1 .modules-brief--image {
width: 220px
}
.modules-brief .modules-brief--inner .modules-brief--col1 .modules-brief--image img {
max-width: 200px
}
.modules-brief .modules-brief--inner .modules-brief--col1 .modules-brief--content {
width: calc(100% - 220px)
}
}
@media(max-width:1170px) {
.modules-brief .modules-brief--inner .modules-brief--col1 .user-progress .user-progress--percentage {
display: none
}
}
@media(max-width:850px) {
.modules-brief .modules-brief--inner .modules-brief--col1,
.modules-brief .modules-brief--inner .modules-brief--col2 {
display: block;
border: 0 solid;
width: 100%;
padding: 0
}
.modules-brief .modules-brief--inner .modules-brief--col2 {
padding-top: 30px
}
}
@media(max-width:650px) {
.modules-brief .modules-brief--inner .modules-brief--col1 {
text-align: center
}
.modules-brief .modules-brief--inner .modules-brief--col1>img {
max-width: 100%;
margin: 0 auto 30px;
float: none
}
.modules-brief .modules-brief--inner .modules-brief--col1 .modules-brief--image {
width: 100%;
float: none
}
.modules-brief .modules-brief--inner .modules-brief--col1 .modules-brief--image img {
max-width: 100%
}
.modules-brief .modules-brief--inner .modules-brief--col1 .modules-brief--content {
width: 100%;
float: none;
padding-top: 30px
}
.modules-brief .modules-brief--inner .modules-brief--col1 .modules-brief--content .user-progress--percentage {
display: block
}
}
.user-progress .user-progress--inner {
position: relative;
display: inline-block;
width: 100%;
height: 30px;
margin-bottom: 20px;
max-width: 300px
}
.user-progress .user-progress--inner .user-progress--bar {
background: #d2d7dc;
border-radius: 13px;
height: 20px;
margin-top: 7px;
overflow: hidden;
position: relative
}
.user-progress .user-progress--inner .user-progress--bar .user-progress--fill {
background: #f49b29;
height: 20px;
width: 0
}
.user-progress .user-progress--inner .user-progress--bar .user-progress--fill[data-width="100"] {
background: #10a650
}
.user-progress .user-progress--inner .user-progress--image-outer {
position: absolute;
left: 10px;
top: 1px;
margin-left: -15px
}
.user-progress .user-progress--inner .user-progress--image-outer:after {
content: "";
width: 30px;
height: 4px;
background-color: rgba(0, 0, 0, .2);
position: absolute;
border-radius: 100%;
bottom: -5px;
left: 0
}
.user-progress .user-progress--inner .user-progress--image-outer .user-progress--image {
width: 30px;
height: 30px;
overflow: hidden;
border-radius: 100%
}
.user-progress .user-progress--inner .user-progress--image-outer .user-progress--image img {
width: 100%
}
.user-progress .user-progress--percentage {
display: inline;
position: relative;
top: -4px;
right: -20px;
color: #5d666d
}
@media(max-width:650px) {
.user-progress .user-progress--inner {
width: 100%;
max-width: calc(100% - 40px);
margin-bottom: 10px
}
.user-progress .user-progress--percentage {
display: block;
position: relative;
top: 0;
right: 0;
margin-bottom: 20px
}
}
.new-modules {
background: #fff;
margin-top: 35px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 3px 8px 0 rgba(50, 50, 50, .2)
}
.new-modules,
.new-modules .new-modules--content {
position: relative
}
.new-modules .new-modules--navigation {
background: #dee0e2
}
.new-modules .new-modules--navigation .icon-filled-star {
color: #0094c9;
padding-right: 10px
}
.new-modules .new-modules--navigation>span {
color: #2d3942;
display: inline-block;
padding: 24px 24px 15px;
font-size: 18px;
margin-right: 30px;
cursor: pointer
}
.new-modules .new-modules--navigation>span.active {
border-bottom: 5px solid #0094c9
}
.new-modules .new-modules--navigation .btn {
max-width: none;
border-radius: 5px
}
.new-modules .new-modules--label h2 {
margin: 0;
background: #e8e9ea;
text-align: center;
padding: 25px;
font-size: 26px;
font-weight: 400;
text-transform: capitalize;
color: #1c232e
}
.new-modules .new-modules--resources {
position: absolute;
top: 0;
background: hsla(0, 0%, 100%, .8);
width: 100%;
height: 100%;
left: 0;
z-index: 9990
}
.new-modules .new-modules--resources .new-modules--resources-inner {
background: #fff;
border-radius: 8px;
box-shadow: 0 3px 8px 0 rgba(50, 50, 50, .2)
}
.new-modules .new-modules--resources .new-modules--resources-inner>a {
padding: 25px 20px;
border-bottom: 1px solid #d9dee2;
display: block;
opacity: 0;
margin: 0 -20px;
transition: all .3s ease-in
}
.new-modules .new-modules--resources .new-modules--resources-inner>a.show {
opacity: 1;
margin: 0
}
.new-modules .new-modules--resources .new-modules--resources-inner>a.show:hover {
color: #fff;
background: #0094c9
}
.new-modules .new-modules--resources .new-modules--resources-inner>a.show:hover .icon-download,
.new-modules .new-modules--resources .new-modules--resources-inner>a.show:hover .v-pname {
color: #fff
}
.new-modules .new-modules--resources .new-modules--resources-inner>a .icon-download,
.new-modules .new-modules--resources .new-modules--resources-inner>a .v-pname {
transition: all .3s ease-in
}
.new-modules .new-modules--resources .new-modules--resources-inner>a .v-pname {
color: #2d3942
}
.new-modules .new-modules--resources .new-modules--resources-inner>a.highlight-resource {
color: #fff;
background: #0094c9
}
.new-modules .new-modules--resources .new-modules--resources-inner>a.highlight-resource .icon-download,
.new-modules .new-modules--resources .new-modules--resources-inner>a.highlight-resource .v-pname {
color: #fff
}
.new-modules .new-modules--resources .new-modules--resources-inner .icon-download {
font-size: 23px;
margin-right: 10px;
color: #0094c9
}
.new-modules .new-modules--modules>ul {
padding: 0
}
.new-modules .new-modules--modules .new-modules--module-description {
font-size: 16px;
border-bottom: 1px solid #d9dee2;
color: #9b9b9b;
padding: 0 30px 25px 145px
}
.new-modules .new-modules--modules .new-modules--scorm,
.new-modules .new-modules--modules .new-modules--topics {
font-size: 18px
}
.new-modules .new-modules--modules .new-modules--scorm.topic-selected,
.new-modules .new-modules--modules .new-modules--topics.topic-selected {
background-color: #0094c9
}
.new-modules .new-modules--modules .new-modules--scorm.topic-selected .new-modules--module-description,
.new-modules .new-modules--modules .new-modules--scorm.topic-selected .new-modules--name,
.new-modules .new-modules--modules .new-modules--scorm.topic-selected .new-modules--number,
.new-modules .new-modules--modules .new-modules--topics.topic-selected .new-modules--module-description,
.new-modules .new-modules--modules .new-modules--topics.topic-selected .new-modules--name,
.new-modules .new-modules--modules .new-modules--topics.topic-selected .new-modules--number {
color: #fff
}
.new-modules .new-modules--modules .new-modules--scorm.has-resource .resource,
.new-modules .new-modules--modules .new-modules--topics.has-resource .resource {
display: inline
}
.new-modules .new-modules--modules .new-modules--scorm .resource,
.new-modules .new-modules--modules .new-modules--topics .resource {
display: none;
color: #0094c9;
font-size: 14px;
padding-left: 20px
}
.new-modules .new-modules--modules .new-modules--scorm.new-modules--scorm__open>a,
.new-modules .new-modules--modules .new-modules--topics.new-modules--scorm__open>a {
border-bottom: 0
}
.new-modules .new-modules--modules .new-modules--scorm.new-modules--scorm__open .v-arrow,
.new-modules .new-modules--modules .new-modules--topics.new-modules--scorm__open .v-arrow {
transform: rotate(-180deg)
}
.new-modules .new-modules--modules .new-modules--scorm>a,
.new-modules .new-modules--modules .new-modules--topics>a {
padding: 25px 20px;
border-bottom: 1px solid #d9dee2;
display: block;
text-transform: capitalize
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--number,
.new-modules .new-modules--modules .new-modules--topics .new-modules--number {
color: #0094c9;
text-transform: uppercase;
display: inline-block;
min-width: 120px
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--name,
.new-modules .new-modules--modules .new-modules--topics .new-modules--name {
color: #5d666d
}
.new-modules .new-modules--modules .new-modules--scorm .percentage-label,
.new-modules .new-modules--modules .new-modules--topics .percentage-label {
color: #465159;
display: inline-block;
float: right;
font-size: 16px;
margin-right: 20px
}
.new-modules .new-modules--modules .new-modules--scorm .percentage-label.percentage-label-complete,
.new-modules .new-modules--modules .new-modules--topics .percentage-label.percentage-label-complete {
color: #10a650
}
.new-modules .new-modules--modules .new-modules--scorm .percentage-label.percentage-label-not-started,
.new-modules .new-modules--modules .new-modules--topics .percentage-label.percentage-label-not-started {
color: #b4bdbf
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics>a.topic-done>div,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics>a.topic-done>div {
color: #10a650
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics>a,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics>a {
padding-left: 200px;
position: relative;
background: #f5f6f7;
opacity: 0;
margin-right: -20px;
margin-left: 20px;
transition: all .5s ease-in
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics>a span h4,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics>a span h4 {
font-size: 16px;
font-weight: 400;
margin: 0;
display: inline-block
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics>a .icon-play:before,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics>a .icon-play:before {
content: "\ea20";
color: #b4bdbf;
transition: all .5s ease-in
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics>a .icon-play:after,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics>a .icon-play:after {
content: "\e9b4";
opacity: 0;
position: absolute;
left: 0;
transition: all .5s ease-in
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics>a.show,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics>a.show {
opacity: 1;
margin-right: 0;
margin-left: 0
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics>a>div,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics>a>div {
display: inline-block;
float: right;
color: #0094c9;
margin-right: 20px;
padding: 4px 10px;
border-radius: 4px;
margin-top: -4px;
overflow: hidden;
position: relative;
transition: all .5s ease-in
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics>a>div:before,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics>a>div:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #fff;
opacity: 0;
z-index: -1
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics .highlight-topic,
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics>a:hover,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics .highlight-topic,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics>a:hover {
background-color: #0094c9
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics .highlight-topic span,
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics>a:hover span,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics .highlight-topic span,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics>a:hover span {
color: #fff
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics .highlight-topic span h4,
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics>a:hover span h4,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics .highlight-topic span h4,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics>a:hover span h4 {
font-size: 16px;
font-weight: 400;
margin: 0;
display: inline-block
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics .highlight-topic .icon-play,
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics>a:hover .icon-play,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics .highlight-topic .icon-play,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics>a:hover .icon-play {
color: #fff
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics .highlight-topic .icon-play:before,
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics>a:hover .icon-play:before,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics .highlight-topic .icon-play:before,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics>a:hover .icon-play:before {
opacity: 0
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics .highlight-topic .icon-play:after,
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics>a:hover .icon-play:after,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics .highlight-topic .icon-play:after,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics>a:hover .icon-play:after {
opacity: 1
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics .highlight-topic>div,
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics>a:hover>div,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics .highlight-topic>div,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics>a:hover>div {
background: #fff;
color: #0094c9
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics .highlight-topic>div:before,
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics>a:hover>div:before,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics .highlight-topic>div:before,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics>a:hover>div:before {
opacity: 1
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics span,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics span {
color: #5d666d;
transition: all .4s ease-in-out
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics .icon-checked,
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics .icon-play,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics .icon-checked,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics .icon-play {
font-size: 24px;
position: absolute;
left: 145px;
top: 23px;
color: #5d666d
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics .icon-checked,
.new-modules .new-modules--modules .new-modules--topics .new-modules--topics .icon-checked {
color: #10a650
}
.new-modules .new-modules--modules .new-modules--scorm.new-modules--scorm__complete .new-modules--name {
padding-left: 35px;
position: relative
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--name {
color: #2d3942
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--name .icon-checked {
color: #10a650;
display: block;
float: left;
position: absolute;
left: 0;
top: -2px;
font-size: 25px
}
.new-modules .new-modules--modules .new-modules--scorm .v-arrow {
transition: all .5s ease-in;
display: inline-block;
float: right;
color: #2d3942
}
.new-modules .course-tabs-content {
color: #5d666d;
padding: 20px
}
.new-modules .course-tabs-content p {
color: #5d666d;
line-height: 21px
}
@media(max-width:1480px) {
.new-modules .new-modules--label h2 {
font-size: 17px;
margin: 0
}
.new-modules .new-modules--modules .new-modules--module-description {
padding-left: 120px
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics .icon-play {
left: 120px
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics>a {
padding-left: 165px
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics>a>i.icon-checked {
left: 125px
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--name,
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics>a>span,
.new-modules .new-modules--modules .new-modules--topics .new-modules--name {
font-size: 16px
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--name h3,
.new-modules .new-modules--modules .new-modules--topics .new-modules--name h3 {
font-size: 16px;
display: inline-block;
font-weight: 400;
margin: 0
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--number,
.new-modules .new-modules--modules .new-modules--topics .new-modules--number {
font-size: 14px;
min-width: 95px
}
}
@media(max-width:768px) {
.new-modules .new-modules--label {
font-size: 14px
}
.new-modules .new-modules--modules .new-modules--module-description {
padding-left: 20px;
padding-right: 20px
}
.new-modules .new-modules--modules .new-modules--scorm .percentage-label {
float: none;
font-size: 14px;
margin-right: 0;
margin-top: 20px
}
.new-modules .new-modules--modules .new-modules--scorm>a {
padding: 25px 40px 25px 20px;
position: relative
}
.new-modules .new-modules--modules .new-modules--scorm .v-arrow {
position: absolute;
right: 20px;
top: 29px
}
.new-modules .new-modules--modules .new-modules--scorm.has-resource .resource {
display: block;
margin-top: 10px;
padding-left: 0
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics .icon-play {
left: 20px
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics>a {
padding-left: 55px
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics>a>i.icon-checked {
left: 20px
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics>a>span {
font-size: 14px
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--topics>a>div {
display: none
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--name,
.new-modules .new-modules--modules .new-modules--topics .new-modules--name {
font-size: 14px;
display: block;
margin-top: 10px
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--name h3,
.new-modules .new-modules--modules .new-modules--topics .new-modules--name h3 {
font-size: 14px;
font-weight: 400;
margin: 0;
display: inline-block
}
.new-modules .new-modules--modules .new-modules--scorm .new-modules--number,
.new-modules .new-modules--modules .new-modules--topics .new-modules--number {
font-size: 12px;
min-width: 75px
}
}
@media(max-width:500px) {
.new-modules .new-modules--navigation>span {
display: block;
margin-right: 0;
text-align: center
}
}
.btn-container {
text-align: center;
padding: 40px
}
.inline-container {
margin-bottom: 70px
}
.blue-lrg-dot {
height: 30px;
width: 30px;
margin-right: -14px;
bottom: -40px
}
.blue-small-dot {
height: 15px;
width: 15px;
margin-right: -6px;
bottom: -60px
}
.blue-dot {
right: 50%;
position: absolute;
border-radius: 50%;
background: #0091c7
}
.about-learning-path {
margin: 0 auto;
max-width: 660px;
position: relative;
text-align: center;
z-index: 30;
padding-top: 0
}
.about-learning-path.about-first {
padding-top: 30px
}
.about-learning-path h2 {
color: #0091c7;
text-align: left;
font-weight: 400;
font-size: 1.3125em;
margin: 0 auto 20px;
max-width: 850px
}
.about-learning-path h3 {
color: #0091c7;
text-align: center;
font-weight: 400;
font-size: 1.5625em
}
.about-learning-path p {
color: #2d3942;
margin: 0 auto;
max-width: 850px;
text-align: center
}
@media only screen and (min-width:1020px) {
.about-learning-path {
max-width: 1100px
}
}
.lp-reviews {
text-align: center
}
.lp-reviews h3 {
margin-top: 35px
}
.lp-reviews img {
display: inline-block
}
.lp-reviews .lp-content {
display: inline-block;
text-align: center
}
.lp-reviews .lp-content .lp-name {
color: #0091c7
}
.lp-reviews .lrg-btn {
margin: 15px auto 0
}
@media only screen and (min-width:768px) {
.lp-reviews h3 {
margin-top: 0
}
}
.lp-bottom-containter {
margin: 30px auto 50px;
text-align: center
}
.lp-bottom-containter h3 {
color: #0091c7
}
.path-list {
color: #2d3942;
margin: 40px 0;
position: relative
}
.path-list:before {
border-left: 4px dashed #d9dee2;
content: "";
height: 100%;
left: 50%;
margin-left: -4px;
position: absolute;
top: 0;
z-index: -2
}
.path-list .path-holder h3 {
font-size: 1.375em;
margin: 0
}
.path-list ol {
counter-reset: b;
margin: 0;
padding: 0
}
.path-list ol li {
counter-increment: b;
list-style: none;
margin: 45px auto 110px;
padding: 0;
position: relative;
z-index: 1
}
.path-list ol li:first-child {
margin: 80px auto 110px
}
.path-list ol li:before {
background: #0091c7;
border: 2px solid #0091c7;
border-radius: 50%;
bottom: 0;
content: "";
height: 55px;
margin-right: -28px;
position: absolute;
right: 50%;
top: -80px;
width: 55px;
z-index: -1
}
.path-list ol li:after {
color: #fff;
content: counter(b);
font: 400 1.875em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
margin-right: -25px;
position: absolute;
right: 50%;
text-align: center;
top: -70px;
width: 56px
}
.path-list .lp-image {
background: #fff;
position: relative;
text-align: center
}
.path-list .lp-image img {
border: 1px solid #d4d4d4;
max-width: 100%
}
.path-list .top {
background: #fff;
padding: 10px 0 20px
}
.path-list .top h4 {
color: #0091c7;
font: 400 1em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
margin: 0;
width: 80%
}
.path-list .btn {
display: inline-block;
width: auto;
max-width: none;
min-width: 145px;
margin-top: 10px
}
.path-list .body .desc {
background: #fdfdfd;
float: left;
padding: 20px 0;
width: 100%
}
.path-list .body .desc p {
margin: 0
}
.path-list .lp-course-info {
background: #fff
}
.path-list .lp-course-info .duration,
.path-list .lp-course-info .points {
color: #0091c7;
display: inline-block;
margin-left: 15px
}
.path-list .lp-desc {
padding: 0
}
.path-list .bottom {
background: #fff;
padding: 20px 0;
margin-bottom: 30px
}
.path-list .bottom .column {
float: left;
text-align: center;
width: 50%
}
.path-list .bottom .column:first-child {
width: 100%
}
.path-list .bottom span {
color: #fff;
display: inline-block;
vertical-align: middle
}
.path-list .bottom [class*=icon] {
font-size: 25px;
margin: 0 7px
}
.path-list .bottom .btn-blue .icon-success {
font-size: 20px;
margin: -1px 0 0 7px
}
.path-list .bottom .text {
font: 400 1em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
@media only screen and (min-width:768px) {
.path-list {
margin: 80px 0
}
.path-list ol li {
margin-bottom: 150px
}
.path-list ol li:before {
margin-right: -35px;
height: 70px;
top: -97px;
width: 70px
}
.path-list ol li:after {
font-size: 2.5em;
top: -84px
}
.path-list .top {
padding: 15px 15px 25px
}
.path-list .top h4 {
font-size: 1.25em
}
.path-list .body .desc {
padding: 0 15px 30px
}
.path-list .bottom {
padding: 10px 15px
}
.path-list .bottom .column {
width: 33.33333%
}
.path-list .bottom .column:first-child {
margin: 0;
width: 100%;
text-align: left
}
.path-list .bottom .column span {
display: inline-block
}
}
@media only screen and (min-width:1020px) {
.path-list {
margin: 30px 0 85px
}
.path-list .body .desc {
width: 80%
}
.path-list:before {
border-left: 3px dotted #d4d4d4;
content: "";
height: 100%;
left: calc(50% - 3px);
margin: 0 auto;
position: absolute;
top: 0;
width: 1px;
z-index: -2
}
.path-list ol li {
margin-bottom: 100px;
max-width: 100%
}
.path-list ol li:before {
height: 74px;
margin-right: -37px;
top: -46px;
width: 74px
}
.path-list ol li:after {
font-size: 3.125em;
margin-right: -26px;
top: -38px
}
.path-list ol li:first-child:before {
top: -83px
}
.path-list ol li:first-child:after {
top: -75px
}
.path-list ol li:nth-child(2n) .lp-image {
float: left;
top: 50px;
width: 410px
}
.path-list ol li:nth-child(2n) .lp-desc {
float: right;
width: 410px
}
.path-list ol li:nth-child(2n) .lp-desc .body .desc {
width: 100%
}
.path-list .lp-image {
background: 0 0;
float: right;
top: 50px
}
.path-list .bottom,
.path-list .desc,
.path-list .duration,
.path-list .lp-course-info,
.path-list .points,
.path-list .top {
background: 0 0
}
}
@media only screen and (min-width:1240px) {
.path-list ol .row:nth-child(2n) li .lp-desc,
.path-list ol .row:nth-child(2n) li .lp-image {
width: 465px
}
}
.dashboard {
padding: 50px;
background: #f3f7f9
}
.dashboard .btn {
padding: 7px 20px;
border-radius: 3px;
max-width: none
}
.dashboard .widget--no-content {
text-align: center
}
.dashboard .widget--no-content .nothing-here {
padding: 0 0 20px;
margin: 0
}
.dashboard .widget--no-content .center .btn {
margin: 0 auto
}
.dashboard .tab-content .no-info {
padding-top: 50px;
display: block;
text-align: center
}
@media(max-width:767px) {
.dashboard {
padding: 50px 10px
}
}
.dashboard-widgets {
margin: 70px 0
}
.user {
background-color: #fff;
padding: 45px;
margin-bottom: 70px;
box-shadow: 0 2px 6px 0 rgba(50, 50, 50, .4)
}
.user .user--profile {
width: 33.333333%;
float: left;
border-right: 1px solid #d2d7dc
}
.user .user--profile .user--image {
width: 40%;
float: left;
max-width: 190px;
position: relative
}
.user .user--profile .user--image .icon-crown {
background-color: #f49b29;
font-size: 23px;
width: 31px;
height: 31px;
color: #fff;
border-radius: 100%;
text-align: center;
position: absolute;
top: 25px;
left: -3px
}
.user .user--profile .user--image .user--image-inner {
border-radius: 100%;
overflow: hidden
}
.user .user--profile .user--image .user--image-inner img {
width: 100%;
max-width: 100%
}
.user .user--profile .user--details {
float: left;
width: 60%;
padding-left: 40px
}
.user .user--profile .user--details h2 {
font-size: 33px;
font-weight: 400;
color: #2d3942
}
.user .user--profile .user--details span {
display: block;
margin-bottom: 11px;
color: #2d3942;
font-size: 14px
}
.user .user--profile .user--details .user--premium {
margin: -31px 0 29px;
color: #f49b29
}
.user .user--profile .user--details .user--id {
margin-bottom: 30px
}
.user .user--stats {
width: 66.66666%;
float: left
}
@media(max-width:1000px) {
.user {
padding: 20px
}
.user .user--stats {
width: 40%
}
.user .user--profile {
width: 60%
}
}
@media(max-width:767px) {
.user .user--stats {
width: 100%
}
.user .user--profile {
width: 100%;
margin-bottom: 40px;
border-right: 0 solid
}
}
.course-info {
padding: 40px 0
}
.course-info>div {
width: 25%;
float: left;
text-align: center;
font-size: 30px;
line-height: 30px;
font-weight: 500;
color: #2d3942
}
.course-info>div span {
font-size: 16px;
max-width: 80px;
display: inline-block;
line-height: 20px;
margin-top: 12px;
font-weight: 300
}
.course-info div[class^=icon-] {
width: 50px;
height: 50px;
background-color: #10a650;
border-radius: 100%;
text-align: center;
color: #fff;
margin: 0 auto 20px;
padding-top: 10px
}
.course-info .course-info--progress div[class^=icon-] {
padding-top: 9px;
background-color: #f49b29
}
.course-info .course-info--favourites div[class^=icon-] {
padding-top: 11px;
background-color: #c81a7f
}
.course-info .course-info--points div[class^=icon-] {
padding-top: 9px;
background-color: #0093c9
}
@media(max-width:1000px) {
.course-info {
padding: 0
}
.course-info>div {
width: 50%;
margin-bottom: 30px
}
}
.widget {
max-width: 500px;
width: 24%;
margin: 0 1.333333333% 1% 0;
float: left;
background-color: #fff;
border-radius: 3px;
min-height: 415px;
color: #2d3942;
position: relative;
font-size: 14px;
overflow: hidden;
box-shadow: 0 2px 6px 0 rgba(50, 50, 50, .4)
}
.widget:nth-child(4n+4) {
margin-right: 0
}
.widget .widget--header {
background-color: #e9eef2;
padding: 10px 0 12px;
box-shadow: 0 1px 5px 0 rgba(50, 50, 50, .3)
}
.widget .widget--header h3 {
text-align: center;
font-size: 20px;
margin: 0
}
.widget .widget--header h3 .icon-crown {
color: #f49b29;
font-size: 27px;
margin-right: 10px
}
.widget .widget--content {
padding: 20px;
max-height: 342px
}
.widget .widget--content .mCSB_inside>.mCSB_container {
margin-right: 20px
}
.widget .widget--content.mCustomScrollbar {
padding: 10px 0
}
.widget .widget--content.mCustomScrollbar .mCSB_inside>.mCSB_container {
margin-right: 20px
}
.widget .widget--content.mCustomScrollbar .float-list {
margin: 0!important
}
.widget .widget--content.mCS_no_scrollbar .mCSB_inside>.mCSB_container {
margin-right: 0
}
.widget h1,
.widget h2,
.widget h3,
.widget h4,
.widget h5,
.widget h6 {
color: #2d3942
}
.widget .btn {
padding: 7px 20px;
border-radius: 3px;
max-width: none
}
.widget .end-grey {
background-color: #e9eef2;
margin: 20px 0 0;
text-align: center;
padding: 20px;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
box-shadow: inset 0 1px 5px 0 rgba(50, 50, 50, .3)
}
.widget .widget--loader {
display: block;
width: 64px!important;
height: 64px;
margin: 0 auto;
float: none
}
.widget .widget--loader:after {
content: " ";
display: block;
width: 46px;
height: 46px;
margin: 1px;
border-radius: 50%;
border: 5px solid #e9eef2;
border-color: #e9eef2 transparent;
animation: lds-dual-ring 1.2s linear infinite
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
@media(max-width:1440px) {
.widget {
width: 32.3333333%;
margin: 0 1.33333% 1% 0
}
.widget:nth-child(4n+4) {
margin-right: 1.33333%
}
.widget:nth-child(3n+3) {
margin-right: 0
}
}
@media(max-width:1060px) {
.widget {
width: 49%;
margin: 0 2% 2% 0
}
.widget:nth-child(3n+3),
.widget:nth-child(4n+4) {
margin-right: 2%
}
.widget:nth-child(2n+2) {
margin-right: 0
}
}
@media(max-width:767px) {
.widget {
width: 100%;
margin: 0 auto 2%;
float: none
}
.widget:nth-child(2n+2),
.widget:nth-child(3n+3),
.widget:nth-child(4n+4) {
margin-right: auto
}
}
.user-privacy li {
border-bottom: 1px solid #e9eef2;
padding: 15px 0
}
.user-privacy li:nth-child(4) a span {
font-size: 25px
}
.user-privacy li a,
.user-privacy li span {
color: #2d3942
}
.user-privacy li>a span {
font-size: 27px;
display: block;
margin-right: 10px;
line-height: 17px;
width: 30px;
float: left
}
.user-privacy li .switch {
float: left;
border: 2px solid #10a650;
height: 17px;
width: 31px;
margin: 3px 10px 0 0
}
.user-privacy li .switch.button-on {
background-color: #10a650
}
.user-privacy li .switch button {
background: #fff;
top: -1px;
border: 1px solid #10a650;
width: 15px;
height: 15px
}
.courses-widget .courses-widget--description {
font-size: 14px;
border-bottom: 1px solid #e9eef2;
padding-bottom: 8px;
margin-bottom: 10px
}
.courses-widget .courses-widget--content .courses-widget--image {
width: 47%;
float: left;
position: relative;
margin-right: 3%
}
.courses-widget .courses-widget--content .courses-widget--image img {
max-width: 100%
}
.courses-widget .courses-widget--content .courses-widget--details {
width: 50%;
float: left
}
.courses-widget .courses-widget--content .courses-widget--details .score-title {
font-weight: 700
}
.courses-widget .courses-widget--content .courses-widget--details .score {
font-weight: 400;
font-size: 50px;
line-height: 50px
}
.courses-widget .courses-widget--order .btn {
margin: 0 auto 10px;
display: block;
max-width: 140px
}
.courses-widget .courses-widget--order .courses-widget--view-all {
color: #0094c9;
padding-bottom: 20px
}
.referrals-widget {
text-align: center
}
.referrals-widget a {
display: block;
margin: 20px auto;
color: #0094c9
}
.referrals-widget a.btn {
max-width: 145px
}
.referrals-widget .btn {
margin: 40px auto 0
}
.referrals-widget .referrals-widget--stats h5 {
font-size: 16px;
margin-bottom: 17px
}
.referrals-widget .referrals-widget--stats .col-md-4 #active-amount,
.referrals-widget .referrals-widget--stats .col-md-4 #complete-amount,
.referrals-widget .referrals-widget--stats .col-md-4 #invited-amount {
font-size: 50px;
font-weight: 400;
line-height: 50px
}
.referrals-widget .referrals-widget--stats .col-md-4 p {
margin-bottom: 0
}
.subscription-widget--inner {
transition: opacity .3s ease-in
}
.subscription-widget--inner .subscription-widget--top {
text-align: center
}
.subscription-widget--inner .subscription-widget--top .subscription-widget--description {
margin-bottom: 15px
}
.subscription-widget--inner .subscription-widget--top .subscription-widget--description span {
color: #f49b29
}
.subscription-widget--inner .subscription-widget--top .subscription-widget--description>div {
margin-bottom: 20px
}
.subscription-widget--inner .subscription-widget--top .subscription-widget--description a:link,
.subscription-widget--inner .subscription-widget--top .subscription-widget--description a:visited {
display: block;
margin: 20px auto;
color: #0094c9
}
.subscription-widget--inner .subscription-widget--top .more_info {
color: #0094c9;
display: block;
text-align: center;
margin-bottom: 40px
}
.subscription-widget--inner .subscription-widget--bottom {
padding: 33px 0
}
.subscription-widget--inner .subscription-widget--bottom.canceled a {
display: none
}
.subscription-widget--inner .subscription-widget--bottom a {
color: #b4bdbf
}
.suggested-courses {
padding: 40px 0
}
.dashboard-listing {
position: relative;
margin: 70px 0
}
.dashboard-listing .learner-record-outer {
position: relative
}
.dashboard-listing .learner-record {
position: absolute;
right: 0;
top: 4px;
font-size: .875em
}
.dashboard-listing .course-progress {
margin-top: 10px
}
.dashboard-listing .course-progress p {
margin-bottom: 10px;
color: #5d666d;
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
.dashboard-listing .course-progress .dashboard-progress-meter {
background-color: #2e3942;
border-radius: 4px;
height: 22px;
width: 100%
}
.dashboard-listing .course-progress .dashboard-progress-meter .bar {
background-color: #0091c7;
border-radius: 4px;
color: #fff;
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
height: 100%;
line-height: 22px;
padding: 0 8px;
text-align: right;
width: 0
}
.dashboard-listing h3 {
color: #2d3942;
font-size: 1.3125em
}
.dashboard-listing h3 span {
margin-right: 10px
}
.dashboard-listing .tab-header-inline2 {
display: block;
width: 100%
}
.dashboard-listing .tab-header-inline2 .tab-title {
border-color: #5d666d!important;
border-width: 1.5px;
display: block;
float: left;
text-align: center;
width: 25%
}
.dashboard-listing .tab-header-inline2 .tab-title [class^=icon] {
color: #2d3942;
font-size: 20px
}
.dashboard-listing .tab-header-inline2 .tab-title a {
display: none;
font-size: 17px;
color: #5d666d
}
.dashboard-listing .tab-header-inline2 .tab-title.active [class^=icon],
.dashboard-listing .tab-header-inline2 .tab-title.active a {
color: #0091c7
}
.dashboard-listing .course_row {
margin: 15px 0
}
.dashboard-listing .learning-path {
cursor: pointer
}
.dashboard-listing .learning-path-courses {
clear: both;
overflow: hidden;
display: none
}
.dashboard-listing .learning-path-courses .time-ago {
display: none
}
.dashboard-listing .course-detail {
background: #e8edf1;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
margin: 0 0 10px;
padding: 15px 10px 10px;
text-align: center
}
.dashboard-listing .course-detail .button {
background: #fff;
border-radius: 5px;
color: #2d3942;
cursor: pointer;
width: 40px;
padding: 10px;
text-align: center;
transition: all .2s ease-in
}
.dashboard-listing .course-detail .button.load-courses.clicked .icon-courses,
.dashboard-listing .course-detail .button.load-courses .icon-cross {
display: none
}
.dashboard-listing .course-detail .button.load-courses.clicked .icon-cross {
display: inline
}
.dashboard-listing .course-detail .button span {
font-size: 18px
}
.dashboard-listing .course-detail .button:hover {
background: #0091c7;
color: #fff
}
.dashboard-listing .course-detail .button-group .social-widget {
width: 0;
display: inline;
position: relative
}
.dashboard-listing .course-detail .button-group .social-widget:hover .icon-group {
display: block
}
.dashboard-listing .course-detail .button-group .social-widget .button {
display: none
}
.dashboard-listing .course-detail .button-group .social-widget .icon-group {
padding: 8px 0 9px;
position: relative;
text-align: center;
margin: 10px auto;
top: 0;
right: auto;
width: 200px;
background: rgba(45, 57, 66, .85);
display: block;
transition: all .3s ease-in
}
.dashboard-listing .course-detail .button-group .social-widget .icon-group a {
background: 0 0;
border: 0;
display: inline-block;
height: auto;
margin: 0
}
.dashboard-listing .course-detail .button-group .social-widget .icon-group a span {
color: #fff;
font-size: 25px
}
.dashboard-listing .course-detail .button-group .social-widget .icon-group a:hover span {
color: #68aadd
}
.dashboard-listing .time-ago {
background: #e8edf1;
border-bottom: 1px solid #fff;
color: #2d3942;
padding: 10px;
text-align: center;
width: 100%
}
.dashboard-listing .time-ago [class^=icon] {
display: inline-block;
font-size: 1.875em;
margin: 0 10px 0 0;
vertical-align: middle
}
.dashboard-listing .time-ago .timeago {
display: inline-block;
font-size: .8125em;
vertical-align: middle
}
.dashboard-listing .course-link {
color: #2d3942;
display: inline-block;
margin: 0 0 10px
}
.dashboard-listing .course-link:hover {
color: #0091c7
}
@media only screen and (min-width:768px) {
.dashboard-listing .learning-path-courses .time-ago {
display: block;
visibility: hidden
}
.dashboard-listing .course-progress {
margin-top: 20px
}
.dashboard-listing .course-progress p {
display: inline-block;
margin: 0 5px 0 0
}
.dashboard-listing .course-progress .dashboard-progress-meter {
display: inline-block;
width: 285px
}
.dashboard-listing h3 {
font-size: 1.625em;
margin: 0 0 30px
}
.dashboard-listing .tab-header-inline2 .tab-title {
border: 0 solid;
width: 50%;
background: #d4d4d4
}
.dashboard-listing .tab-header-inline2 .tab-title.active {
background-color: #0094c9
}
.dashboard-listing .tab-header-inline2 .tab-title.active a,
.dashboard-listing .tab-header-inline2 .tab-title.active i:before {
color: #fff
}
.dashboard-listing .tab-header-inline2 .tab-title:hover {
opacity: .9
}
.dashboard-listing .tab-header-inline2 .tab-title a {
display: inline-block
}
.dashboard-listing .time-ago {
background: #d2d7db;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
float: left;
position: relative;
text-align: left;
width: 150px
}
.dashboard-listing .time-ago .vcenter {
left: 10px;
margin-top: -20px;
position: absolute;
top: 50%;
width: 100%
}
.dashboard-listing .time-ago .timeago {
width: 80px
}
.dashboard-listing .course-detail {
float: left;
margin: 0 0 0 10px;
padding: 10px;
position: relative;
text-align: left;
width: calc(100% - 160px)
}
.dashboard-listing .course-detail.download-item {
margin: 0;
width: 100%;
padding-left: 20px
}
.dashboard-listing .course-detail .button-group {
float: right;
width: 150px;
text-align: right
}
.dashboard-listing .course-detail .button-group .social-widget .button {
display: none
}
.dashboard-listing .course-detail .button-group .social-widget .icon-group {
background: 0 0;
width: 180px;
opacity: 1;
visibility: visible;
display: block;
position: relative;
float: right;
text-align: right;
margin: 0
}
.dashboard-listing .course-detail .button-group .social-widget .icon-group i {
color: rgba(45, 57, 66, .85)
}
.dashboard-listing .course-link {
margin: 0;
padding-top: 10px
}
}
@media only screen and (min-width:1020px) {
.dashboard-listing .course-progress .dashboard-progress-meter {
width: 400px
}
.dashboard-listing .tab-header-inline2 .tab-title {
display: block;
width: 25%;
border-bottom: 1px solid;
background-color: #fff;
transition: border 0s ease
}
.dashboard-listing .tab-header-inline2 .tab-title:hover a,
.dashboard-listing .tab-header-inline2 .tab-title:hover i:before {
color: #0094c9
}
.dashboard-listing .tab-header-inline2 .tab-title.active {
border-top: 1px solid;
border-right: 1px solid;
border-left: 1px solid;
border-bottom: none;
background-color: #fff
}
.dashboard-listing .tab-header-inline2 .tab-title.active:first-child {
border-left: 0 solid
}
.dashboard-listing .tab-header-inline2 .tab-title.active:last-child {
border-right: 0 solid
}
.dashboard-listing .tab-header-inline2 .tab-title.active a,
.dashboard-listing .tab-header-inline2 .tab-title.active i:before {
color: #0094c9
}
.dashboard-listing .course-detail .button-group {
float: right;
width: 220px;
text-align: right
}
.dashboard-listing .course-detail .button-group .social-widget:hover .icon-group {
opacity: 1;
visibility: visible
}
.dashboard-listing .course-detail .button-group .social-widget .button {
display: inline-block
}
.dashboard-listing .course-detail .button-group .social-widget .icon-group {
background: rgba(45, 57, 66, .85);
border-radius: 3px;
opacity: 0;
visibility: hidden;
position: absolute;
right: 43px;
top: -12px;
width: 200px;
text-align: center;
margin: 0
}
.dashboard-listing .course-detail .button-group .social-widget .icon-group i {
color: #fff
}
.dashboard-listing .course-link {
padding: 10px 0 0
}
}
.form-control.hidden-field {
display: none!important
}
.preset-icon {
font-size: 24px;
vertical-align: middle;
margin-right: 10px
}
.preset-icon.enabled {
cursor: pointer;
color: #2d3942
}
.preset-icon.disabled {
cursor: not-allowed;
color: #a0afbb
}
.submit-forgot {
text-align: left;
padding: 0
}
.submit-forgot.enabled {
cursor: pointer;
color: #2d3942
}
.submit-forgot.disabled {
cursor: not-allowed;
color: #a0afbb
}
.earned-vouchers .widget--content {
text-align: center;
padding: 18px
}
.earned-vouchers .discount {
display: none
}
.earned-vouchers .discount-redeem {
padding-top: 20px
}
.earned-vouchers p {
font-size: 13px
}
.earned-vouchers .no-discount p,
.earned-vouchers p.no-discount {
font-size: 14px
}
.earned-vouchers .hyperlink {
display: block;
margin-top: 16px;
color: #0094c9
}
.earned-vouchers .earned-vouchers--amount {
position: relative;
width: calc(100% - 40px);
margin: 40px auto 35px
}
.earned-vouchers .earned-vouchers--amount span {
position: absolute;
top: -18px;
transform: translate(-50%)
}
.earned-vouchers .earned-vouchers--amount span:before {
position: absolute;
width: 2px;
height: 15px;
content: "";
left: 50%;
bottom: 0;
background: #fff;
opacity: .5;
transform: translate(-50%, 100%)
}
.earned-vouchers .earned-vouchers--amount span:after {
position: absolute;
z-index: 4;
top: 50%;
border-radius: 50%;
content: "";
background-color: inherit;
bottom: inherit;
left: 50%;
margin: -.1875rem;
width: .375rem;
height: .375rem;
box-shadow: .32476rem -3rem 0 -.1875rem #f99d25, -.32476rem -2.625rem 0 -.1875rem #0094c9, 2.54798rem -1.61656rem 0 -.1875rem #83c11f, 1.84982rem -1.89057rem 0 -.1875rem #f99d25, 2.85252rem .98418rem 0 -.1875rem #0094c9, 2.63145rem .2675rem 0 -.1875rem #83c11f, 1.00905rem 2.84381rem 0 -.1875rem #f99d25, 1.43154rem 2.22414rem 0 -.1875rem #0094c9, -1.59425rem 2.562rem 0 -.1875rem #83c11f, -.84635rem 2.50595rem 0 -.1875rem #f99d25, -2.99705rem .35095rem 0 -.1875rem #0094c9, -2.48692rem .90073rem 0 -.1875rem #83c11f, -2.14301rem -2.12438rem 0 -.1875rem #f99d25, -2.25479rem -1.38275rem 0 -.1875rem #0094c9
}
.earned-vouchers .earned-vouchers--amount span.active {
animation: heart 1s cubic-bezier(.17, .89, .32, 1.49)
}
.earned-vouchers .earned-vouchers--amount span.active:after {
animation: inherit;
animation-timing-function: ease-out;
will-change: opacity, box-shadow;
animation-name: particles
}
.earned-vouchers .earned-vouchers--amount span:last-child:before {
background: 0 0
}
.earned-vouchers .earned-vouchers--amount span:first-child {
left: 16.66666666666%
}
.earned-vouchers .earned-vouchers--amount span:nth-child(2) {
left: 33.3333333333333%
}
.earned-vouchers .earned-vouchers--amount span:nth-child(3) {
left: 50%
}
.earned-vouchers .earned-vouchers--amount span:nth-child(4) {
left: 66.6666666666%
}
.earned-vouchers .earned-vouchers--amount span:nth-child(5) {
left: 83.33333333333%
}
.earned-vouchers .earned-vouchers--amount span:nth-child(6) {
left: 100%
}
.earned-vouchers .earned-vouchers--amount .earned-vouchers--amount-inner {
border-radius: 8px;
overflow: hidden;
border: 1px solid #e9eef2;
box-shadow: 0 1px 5px 0 rgba(50, 50, 50, .3)
}
.earned-vouchers .earned-vouchers--amount .earned-vouchers--amount-inner .earned-vouchers--amount-bar {
background-color: #0094c9;
height: 20px;
width: 0;
transition: all .5s ease-in
}
.course-listing .courses .advert-holder {
display: block;
float: none;
margin: 0 0 20px;
width: 100%
}
.course-listing .courses .advert-holder .ad {
background: #2e3942;
height: 95px;
margin: 0 auto;
max-width: 900px;
padding: 1px 0;
text-align: center;
width: 100%
}
.course-listing .courses .advert-holder .ad h4 {
color: #fff;
display: block;
margin: 30px 0 0
}
@media only screen and (min-width:1500px) {
.course-listing {
padding: 0 15px
}
}
#search.learning-path-active .share-wrapper {
left: 78px!important
}
@media(min-width:768px) {
.search-tab {
position: relative;
z-index: 1
}
}
.search-tab.open {
z-index: 9999
}
.search-results-container {
min-height: 250px;
text-align: center;
transition: all .2s ease-in
}
.search-results-container .course-block,
.search-results-container .course-block .course-block-intro {
background-color: #f2f2f2
}
.search-results-container .course-block .course-block-info {
background-color: #fff
}
.search-results-container .js-pagination {
padding-bottom: 40px
}
.search-results-container .js-pagination li {
display: inline;
padding: 0 10px
}
.search-results-container .js-pagination li.active a {
color: #465159
}
.search-results-container .js-pagination li a {
color: #0094c9
}
.search-results-container .js-pagination li.disabled {
opacity: .3
}
.search-results-container .search-top-ad {
margin-bottom: 30px;
overflow: hidden;
max-width: 730px;
text-align: center;
margin-left: auto;
margin-right: auto
}
.search-results-container .search-results-wrapper {
position: relative;
width: calc(100% + 20px);
padding: 20px;
box-shadow: 0 2px 6px 0 rgba(50, 50, 50, .4);
margin-bottom: 25px;
background: #fff
}
.search-results-container .search-results-wrapper .search-filters-order {
float: unset;
margin-top: 0;
position: absolute;
top: 20px;
right: 35px
}
.search-results-container .search-results-wrapper .search-filters-order .custom-sort {
position: absolute;
right: 0;
top: 0
}
@media(max-width:1290px) {
.search-results-container .search-results-wrapper .search-filters-order {
display: none!important
}
}
.search-results-container .search-results-wrapper h1,
.search-results-container .search-results-wrapper h2 {
font-size: 1.4375em;
font-weight: 400;
text-align: left;
width: 100%;
margin-bottom: 20px
}
.search-results-container .search-results-wrapper .intent {
color: #465159;
margin-bottom: 7px;
font-size: 15px
}
@media(max-width:1150px) {
.search-results-container .search-results-wrapper {
width: 100%
}
}
.search-results-container .results-amount-container {
color: #5d666d;
text-align: left;
margin-bottom: 15px;
font-size: .875em
}
.listing-results-tabs {
max-width: 1390px;
padding: 0 20px
}
.listing-results-tabs .page-heading h1 {
font-size: 1.4375em;
text-align: left;
font-weight: 400;
margin-bottom: 0;
color: #30373c
}
.listing-results-tabs:after {
content: "";
position: absolute;
width: calc(100% - 50px);
bottom: 0;
left: 30px;
z-index: -1
}
.listing-results-tabs .filters-holder-category {
width: 100%!important;
display: block;
margin-bottom: 40px
}
.listing-results-tabs .filters-holder-category h2 {
font-size: 1.375em;
float: left;
margin-bottom: 0
}
.listing-results-tabs .filters-holder-category p [class^=icon-] {
float: left;
margin-right: 11px;
padding-top: 4px
}
.listing-results-tabs .filters-holder-category a,
.listing-results-tabs .filters-holder-category button {
cursor: pointer;
width: 30px;
padding: 0;
margin-left: 10px;
color: #2d3942
}
.listing-results-tabs .filters-holder-category a [class^=icon-],
.listing-results-tabs .filters-holder-category button [class^=icon-] {
margin: 0;
float: none;
padding: 4px;
display: inline-block;
background: #fff
}
@media only screen and (min-width:768px) {
.listing-results-tabs {
padding: 0 40px
}
}
.courses-list--listings{
padding: 40px 20px;
border: 1px solid #ccc;
}
.related-search-list,
.search-items {
padding: 0 0 40px
}
@media screen and (max-width:1410px) {
.related-search-list,
.search-items {
margin: 0 -12px
}
}
.courses-list--listings li,
.related-search-list li,
.search-items li {
float: left;
position: relative;
transition: opacity .4s ease-in
}
.courses-list--listings>li{
margin-right: 9px!important;
position: relative;
height: 345px;
width: 250px;
margin-bottom: 10px;
padding-bottom: 40px;
}
.related-search-list>li,
.search-items>li {
position: relative;
height: 375px;
width: 250px;
margin-bottom: 25px;
padding-bottom: 40px;
margin-right: 12px!important
}
@media screen and (max-width:1410px) {
.related-search-list>li,
.search-items>li {
margin-right: 9px!important
}
}
.bootstrap-select.btn-group .dropdown-menu li a {
font-size: 12px !important;
}
.enrolled{
margin-top: 7px !important;
}
.footerblock{
margin-bottom:20px;
}
.language-bar .dropdown-menu {
margin-top: -5px;
}
#search {
background: #f3f6f7
}
#search .search-filters-order {
float: right;
margin-top: -6px
}
#search .search-filters-order .sort {
display: inline-block;
text-align: right;
top: 30px;
right: 310px;
z-index: 1
}
#search .search-filters-order .sort:after {
font-family: icomoon!important;
content: "\e9bf";
position: absolute;
top: 8px;
right: 9px;
color: #5d666d;
pointer-events: none
}
#search .search-filters-order .sort .results-amount-container {
float: left;
color: #69737b;
margin-right: 20px;
font-size: 14px;
margin-top: 8px
}
#search .search-filters-order .sort select {
border: 1px solid #d9dee2;
color: #5d666d;
display: inline-block;
font-size: .875em;
padding: 7px 28px 7px 10px;
width: auto
}
#search .search-filters-order .sort p {
color: #69737b;
display: inline-block;
font-weight: 600;
font-size: 11px;
letter-spacing: .05em;
margin-bottom: 10px;
text-align: right;
text-transform: uppercase;
margin-right: 3px
}
#search .search-filters-order .sort p span {
margin-right: 5px
}
#search.learning-path-active .wrapper .search-filters,
#search.learning-path-active .wrapper .search-filters-order {
display: none
}
#search.learning-path-active .wrapper .search-navigation,
#search.learning-path-active .wrapper .search-results-container {
padding-left: 20px
}
#search .wrapper {
max-width: none;
padding: 0
}
#search .wrapper .share-wrapper {
position: absolute;
right: auto;
top: 55px;
z-index: 2;
left: 352px
}
@media(max-width:1150px) {
#search .wrapper .share-wrapper {
position: absolute;
right: auto;
top: 41px;
z-index: 2;
left: 77px;
margin: 10px 0 0!important
}
}
#search .wrapper .category-meta {
position: relative;
width: calc(100% + 20px);
padding: 20px;
margin: 0 0 30px;
height: 285px;
transition: all 1s ease-in-out;
background: #fff url(../../site/img/careers/search-header-image.jpg) no-repeat;
background-position: 100% 0;
background-size: auto 100%;
box-shadow: 0 2px 6px 0 rgba(50, 50, 50, .4);
overflow: hidden
}
#search .wrapper .category-meta .tag-description {
width: 66%
}
#search .wrapper .category-meta .tag-description .tag-content {
height: auto;
max-height: 160px
}
#search .wrapper .category-meta .tag-description .tag-content .tag-content-inner p {
padding-right: 18px
}
#search .wrapper .category-meta .tag-description .tag-content .tag-content-inner p b {
font-weight: 900!important
}
#search .wrapper .category-meta .tag-description .tag-content .tag-content-inner p i {
font-style: italic!important
}
@media(max-width:1470px) {
#search .wrapper .category-meta .tag-description {
width: 55%
}
}
@media(max-width:1150px) {
#search .wrapper .category-meta .tag-description {
width: 55%
}
}
@media(max-width:700px) {
#search .wrapper .category-meta .tag-description {
width: 100%
}
}
@media(max-height:702px) {
#search .wrapper .category-meta {
width: 100%!important
}
}
@media(max-width:1150px) {
#search .wrapper .category-meta {
width: 100%!important;
margin-top: 20px
}
}
@media(max-width:700px) {
#search .wrapper .category-meta {
background: 0 0!important
}
}
#search .wrapper .tag-description {
text-align: left;
padding-right: 20px
}
#search .wrapper .tag-description h1 {
font-size: 1.4375em;
font-weight: 400;
margin-bottom: 0
}
#search .wrapper .tag-description h1+div {
margin-top: 18px
}
#search .wrapper .tag-description .expand {
text-align: left!important;
height: 158px
}
#search .wrapper .tag-description .tag-content {
height: auto;
max-height: 210px;
padding-bottom: 20px
}
#search .wrapper .tag-description .tag-content .tag-content-inner {
transition: all .3s ease-in-out;
z-index: 9;
margin-right: 10px
}
#search .wrapper .tag-description .tag-content .tag-content-inner li {
list-style: disc;
list-style-position: inside
}
#search .wrapper .tag-description .tag-content .tag-content-inner .less-text {
cursor: pointer
}
#search .wrapper .tag-description .tag-content.more .tag-content-inner {
position: fixed;
max-width: 500px;
background: #fff;
padding: 20px;
box-shadow: 0 3px 3px 0 rgba(50, 50, 50, .4)
}
#search .wrapper .tag-description .tag-content.more .tag-content-inner .less-text {
color: #0094c9;
margin-left: 10px
}
#search .wrapper .search-filters {
width: 270px;
margin-right: 50px;
z-index: 99;
background: #fff;
padding: 20px 0 0 20px;
height: 100%;
position: absolute
}
#search .wrapper .search-filters.scrolling {
top: 0;
height: 100%
}
#search .wrapper .search-filters .icon-cross2 {
display: none;
padding-right: 8px
}
#search .wrapper .search-filters .search-filter-inner {
top: 30px;
left: 0;
height: calc(100% - 40px);
width: calc(100% - 10px)
}
@media(min-width:1150px) {
#search .wrapper .search-filters {
background: #15212a
}
#search .wrapper .search-filters .search-filter-inner {
transition: all .2s ease-in
}
}
#search .wrapper .search-filters.hold-footer {
position: absolute
}
#search .wrapper .search-filters .tab {
display: none
}
#search .wrapper .search-filters .filter {
margin-bottom: 20px
}
#search .wrapper .search-filters .filter ul li ul {
display: none;
margin-left: 20px
}
#search .wrapper .search-filters .filter.categories-filter>ul>li>label[for=it] {
text-transform: uppercase
}
#search .wrapper .search-filters .filter.categories-filter>ul>li.li ul input[type=checkbox]:checked+label:after {
background: #0091c7
}
#search .wrapper .search-filters .filter.categories-filter ul li .course-filter-amount {
color: #fff
}
#search .wrapper .search-filters .filter.categories-filter ul li [type=checkbox]:checked+label:after {
background: #0091c7
}
#search .wrapper .search-filters .filter.categories-filter ul li ul {
display: none;
margin-left: 20px
}
#search .wrapper .search-filters .filter li {
position: relative
}
#search .wrapper .search-filters .filter li [type=checkbox]:checked+label:before,
#search .wrapper .search-filters .filter li [type=checkbox]:not(:checked)+label:before {
top: 3px;
border-radius: 3px;
border: 1px solid #fff;
background: #15212a;
position: absolute;
left: 0
}
#search .wrapper .search-filters .filter li .course-filter-amount {
color: #465159;
font-size: .625em;
position: absolute;
right: 0;
background-color: #fff;
padding: 0 5px;
border-radius: 7px;
height: 16px;
line-height: 15px;
top: 4px
}
#search .wrapper .search-filters .filter li label {
font-size: .875em;
margin-bottom: 12px;
padding-right: 45px;
text-transform: capitalize;
display: inline-block;
color: #fff;
padding-left: 24px;
width: 100%;
line-height: 23px
}
#search .wrapper .search-filters .filter li [type=checkbox]:checked+label:after,
#search .wrapper .search-filters .filter li [type=checkbox]:not(:checked)+label:after {
top: 6px;
border-radius: 2px
}
#search .wrapper .search-filters .filter h2 {
font-size: 1.125em;
font-weight: 500;
color: #fff;
margin-bottom: 25px
}
#search .wrapper .search-filters .filter h3 {
font-size: .875em;
margin: 0 0 14px;
font-weight: 500;
color: #0091c7
}
#search .wrapper .search-filters .filter .badge,
#search .wrapper .search-filters .filter .child-badge {
right: 18px;
top: -1px;
position: absolute;
color: #fff;
background-color: #007eae;
width: 23px;
height: 23px;
text-align: center;
border-radius: 50%;
line-height: 24px;
font-size: 12px
}
#search .wrapper .search-filters .filter .badge.faded,
#search .wrapper .search-filters .filter .faded.child-badge {
background-color: #4e4e4e
}
#search .wrapper .search-filters .filter .child-badge {
background-color: #00a4e1;
right: 0
}
#search .wrapper .search-results-container {
padding-left: 295px;
padding-right: 275px;
min-height: 1000px;
background-color: #f3f6f7;
padding-top: 20px
}
#search .wrapper .search-results-container.no-ads {
padding-right: 20px
}
#search .wrapper .search-results-container .no-results {
font-size: 20px;
margin-top: 50px;
margin-bottom: 20px;
display: none;
color: #30373c
}
#search .wrapper .sticky-ad {
position: absolute;
right: 20px;
top: 125px;
z-index: 1
}
#search .wrapper .sticky-ad.search-sticky {
top: 30px
}
#search .wrapper .search-navigation {
width: 100%;
padding: 30px 20px 17px 302px;
background-color: #fff;
margin-bottom: 20px;
transition: all .2s ease-in
}
#search .wrapper .search-navigation.my-courses-page {
padding-left: 20px
}
#search .wrapper .search-navigation a {
font-size: 1em;
border-bottom: 5px solid #fff;
color: #465159;
margin-right: 50px;
padding-bottom: 11px
}
#search .wrapper .search-navigation a.my-courses {
padding: 0 0 10px
}
#search .wrapper .search-navigation a.active,
#search .wrapper .search-navigation a:hover {
border-color: #0094c9
}
@media(max-height:702px) {
#search .wrapper .sticky-ad {
display: none
}
#search .wrapper .category-meta {
width: calc(100% + 45px)
}
#search .wrapper .search-results-container {
padding-right: 20px
}
#search .search-filters-order .sort {
right: 20px
}
}
@media(max-width:1150px) {
#search .search-results-container {
width: 100%
}
#search .search-filters-order .sort {
position: absolute;
top: 20px;
right: 20px
}
#search .wrapper .course-container,
#search .wrapper .search-results-container {
padding: 0 20px;
text-align: center
}
#search .wrapper .course-container .search-items>li,
#search .wrapper .search-results-container .search-items>li {
display: inline-block;
float: none
}
#search .wrapper .category-meta {
width: calc(100% + 45px);
margin-bottom: 20px;
margin-top: 0
}
#search .wrapper .search-navigation {
padding: 30px 20px 17px
}
#search .wrapper .search-filters {
position: fixed;
left: -271px;
top: 20px;
z-index: 99999;
background: #15212a;
margin: -20px 0 0;
padding: 0;
height: 100%;
box-shadow: 0 1px 4px 0 rgba(50, 50, 50, .75);
transition: all .4s ease-in
}
#search .wrapper .search-filters .search-filter-inner {
padding: 40px 20px 20px;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1e+27;
width: 100%;
overflow: hidden
}
#search .wrapper .search-filters.open {
left: 0
}
#search .wrapper .search-filters.open .icon-new-filter {
display: none
}
#search .wrapper .search-filters.open .tab .icon-cross2 {
display: inline
}
#search .wrapper .search-filters .tab {
position: absolute;
right: -89px;
background: #0094c9;
padding: 10px;
color: #fff;
cursor: pointer;
display: block;
top: 280px
}
#search .wrapper .search-filters .tab .icon-new-filter {
margin-right: 7px
}
#search .wrapper .sticky-ad {
display: none
}
}
@media(max-width:550px) {
#search .wrapper .search-navigation a {
font-size: 15px;
margin-right: 20px
}
#search .wrapper .search-filters .tab {
right: -49px;
padding: 10px 4px 10px 20px
}
#search .wrapper .search-filters .tab .text {
display: none
}
#search .wrapper .course-container .search-items>li,
#search .wrapper .search-results-container .search-items>li {
height: auto
}
#search .wrapper .course-container .search-items>li .course-block,
#search .wrapper .search-results-container .search-items>li .course-block {
position: static
}
#search .search-filters-order .sort {
display: none
}
}
@media(max-width:350px) {
#search .wrapper .search-navigation {
padding: 30px 10px 17px 20px
}
#search .wrapper .search-navigation a {
font-size: 14px;
margin-right: 14px
}
#search .wrapper .search-navigation a.my-courses {
padding: 0 0 10px
}
}
.course-block {
background-color: #fff;
min-height: 346px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
box-shadow: 0 1px 7px 0 rgba(50, 50, 50, .2);
border: 1px solid #e2e1e1;
}
.course-block.ad {
width: 250px
}
.course-block .white-block {
position: absolute;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 10;
top: 0;
left: 0
}
.course-block.blank {
opacity: .7
}
.course-block.blank .course-block-img-outer {
width: 250px;
height: 166px;
background-color: #d4d4d4
}
.course-block.blank .course-block-content>a,
.course-block.blank .course-block-content>span {
background: #f3f6f7;
min-width: 80px;
height: 25px
}
.course-block.blank .course-block-content h4 span {
display: block;
width: calc(100% - 30px);
height: 25px;
background-color: #aaa
}
.course-block.blank .course-block-content h4 span:last-child {
width: calc(100% - 50px);
margin-top: 7px
}
.course-block.blank .course-block-info ul li {
opacity: 0
}
.course-block.popular .corner,
.course-block.popular .popular {
opacity: 1
}
.course-block.show .course-block-intro {
opacity: 1;
pointer-events: all;
overflow: hidden
}
.course-block .course-block-intro {
position: absolute;
top: 0;
left: 0;
z-index: 9;
background: #fff;
height: 100%;
width: 100%;
padding: 10px;
margin-bottom: 20px;
opacity: 0;
pointer-events: none;
transition: all .4s ease-in
}
.course-block .course-block-intro h3 {
font-size: 18px;
padding-top: 15px;
color: #2d3942;
font-weight: 700;
margin-bottom: 10px;
height: 86px;
overflow: hidden;
}
.course-block .course-block-intro .more-info {
color: #ffffff;
margin-top: 15px;
background: #0094c9;
padding: 10px;
border-radius: 5px;
max-width: 145px;
margin: 0 auto;
text-align: center;
}
.course-block .course-block-intro .more-info span {
margin-left: 10px
}
.course-block .course-block-intro .course-stars {
margin-top: 20px;
font-size: 19px
}
.course-block .course-block-intro .course-stars span {
margin-right: 2px
}
.course-block .course-block-intro .course-stars .icon-filled-star {
color: #0094c9
}
.course-block .course-block-intro .course-stars .icon-star {
color: #465159
}
.course-block .course-block-intro .social-link-btn {
z-index: 9;
position: relative;
border: 2px solid #fff!important
}
.course-block .course-block-intro .social-link-btn a {
font-size: 1.3em
}
.course-block .course-block-intro .social-link-btn .social-buttons a {
opacity: 1
}
.course-block .course-block-intro .social-link-btn .social-buttons a:hover {
opacity: .6
}
.course-block .course-block-intro .course-intro:hover{
text-decoration:none;
}
.course-block .course-block-intro .course-intro:focus{
text-decoration:none;
}
.course-block .course-block-intro .course-intro {
margin-bottom: 25px;
color: #2d3942;
font-size: 14px;
height: 167px;
text-overflow: ellipsis;
overflow: hidden;
padding: 10px;
line-height: 20px;
}
.course-block .course-block-intro>button {
border-radius: 23px
}
.course-block .course-block-intro>a {
display: block
}
.course-block .course-block-content {
padding: 5px 10px;
text-align: left
}
.course-block .course-block-content h4 {
font-size: 16px;
text-align: left;
color: #2d3942;
margin-bottom: 10px;
height:30px;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-word;
white-space: nowrap;
}
.course-block .course-block-content .mobile-read-more-button {
border-radius: 23px;
display: none
}
.course-block .course-block-content>.course-category,
.course-block .course-block-content>span {
font-size: 12px;
background: #f3f6f7;
display: inline-block;
margin: 10px 0px 10px 0;
border-radius: 3px;
transition: all .4s ease-in
}
.course-block .course-block-content>.course-category.course-type,
.course-block .course-block-content>span.course-type {
background-color: #2d3942;
color: #fff;
padding: 2px 5px;
text-align: center;
width:32%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 10px 0px 10px 0;
}
.course-block .course-block-content>.course-category.course-category,
.course-block .course-block-content>span.course-category {
color: #fff;
padding: 2px 2px;
text-align: center;
text-transform: capitalize;
width:32%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 10px 0px 10px 0;
}
@media (min-width: 1900px) {
.container {
width: 1870px;
}
}
.course-block .course-block-img-outer {
width: 250px;
height: 166px;
position: relative;
overflow: hidden;
}
.course-block .course-block-img-outer img {
max-width: 250px;
height: 166px;
}
.course-block .course-block-img-outer .bar-container {
position: absolute;
width: 100%;
height: 60px;
background: rgba(0, 0, 0, .6);
bottom: 0;
padding: 10px 20px;
text-align: center;
color: #fff;
overflow: hidden;
}
.course-block .course-block-img-outer .bar-container .score {
margin-bottom: 6px
}
.course-block .course-block-img-outer .bar-container .bar-outer {
width: 100%;
background-color: gray;
height: 12px;
border-radius: 19px;
overflow: hidden;
position: relative;
}
.course-block .course-block-img-outer .bar-container .bar-outer .bar {
height: 20px;
position: absolute;
left: 0;
top: 0;
background-color: #f49b29
}
.course-block .course-block-img-outer .corner,
.course-block .course-block-img-outer .popular {
opacity: 0;
transition: all .3s ease-in
}
.course-block .course-block-img-outer .corner {
width: 0;
height: 0;
border-style: solid;
border-width: 2.5px 5px 2.5px 0;
border-color: transparent #0c7693 transparent transparent;
position: absolute;
left: -5px;
top: 35px;
z-index: 1
}
.tab-content>.tab-pane{
margin-top: 0px;
background: #ececec;
}
.our-courses .nav-tabs > li {
float:none;
display:inline-block;
zoom:1;
}
/*.courses-list .tab-content{
background:#fff
}*/
.our-courses .nav-tabs {
text-align:center;
margin-top:20px;
margin-bottom: 20px;
border-bottom:0px
}
.our-courses .nav > li > a{
padding: 8px 15px 8px 15px !important;
}
.our-courses .nav-tabs>li>a{
background: #fff;
border-radius: 8px;
color: #000; font-size:14px;
margin-right: 0px;
border: 1px solid #ccc;
}
.our-courses .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
background-color:#2982da;
color: #fff;
}
/*.hp-button .home-column-call-to-action{
background-color: #066495 !important;
border-color: #066495 !important;
}*/
.our-courses .course-block-img-outer .popular {
position: absolute;
top: 10px;
padding: 3px 10px;
background-color: #0094c9;
color: #fff;
z-index: 2;
left: -5px;
font-size: .75em
}
.our-courses .course-block-info {
background-color: #e7ebea;
position: absolute;
bottom: 0;
width: 100%
}
.our-courses .course-block-info:after {
content: "";
display: table;
clear: both
}
.our-courses .course-block-info.no-level ul li {
width: 33.33333%
}
.our-courses .course-block-info.no-level ul li.level {
display: none
}
.our-courses .course-block-info.no-time ul li,
.our-courses .course-block-info.no-time ul li.level {
width: 45%;
text-align:right
}
.our-courses .course-block-info.no-time ul li.time-to-finish {
display: none
}
.our-courses .course-block-info.no-time.no-level ul li {
width: 50%
}
.our-courses .course-block-info ul li {
padding: 0px 0 5px;
width: 28.33333%;
margin: 0;
/*text-align: center;*/
opacity: 1;
color: #5d666d;
font-size: .875em;
transition: all .4s ease-in
}
.our-courses .course-block-info ul li span {
margin-right: 8px
}
.our-courses .course-block-info ul li.level {
width: 15%;
padding: 6px 0 0 15px
}
.our-courses .course-block-info ul li.level.level-1 div {
border-color: #10a650
}
.course-block .course-block-info ul li.level.level-1 div:first-child {
background-color: #10a650
}
.course-block .course-block-info ul li.level.level-2 div {
border-color: #f49b29
}
.course-block .course-block-info ul li.level.level-2 div:first-child,
.course-block .course-block-info ul li.level.level-2 div:nth-child(2) {
background-color: #f49b29
}
.course-block .course-block-info ul li.level.level-3 div {
border-color: #e42330
}
.course-block .course-block-info ul li.level.level-3 div:first-child,
.course-block .course-block-info ul li.level.level-3 div:nth-child(2),
.course-block .course-block-info ul li.level.level-3 div:nth-child(3) {
background-color: #e42330
}
.course-block .course-block-info ul li.level div {
width: 5px;
display: block;
border: 1px solid #000;
float: left;
height: 11px
}
.course-block .course-block-info ul li.level div:first-child,
.course-block .course-block-info ul li.level div:nth-child(2) {
margin-right: 2px
}
.course-block .course-block-info ul li.level div:first-child {
margin-top: 9px
}
.course-block .course-block-info ul li.level div:nth-child(2) {
height: 15px;
margin-top: 5px
}
.course-block .course-block-info ul li.level div:nth-child(3) {
height: 20px
}
@media(min-width:768px) {
.course-block:hover .course-block-intro {
opacity: 1;
pointer-events: all
}
}
@media(max-width:768px) {
.course-block .course-block-content .mobile-read-more {
text-align: center
}
.course-block .course-block-content .mobile-read-more .mobile-read-more-button {
border-radius: 23px;
display: inline-block
}
.course-block .course-block-content h4 {
margin-bottom: 20px
}
}
.course-block .link-group {
float: right;
position: static
}
.course-block .link-group .social-link-btn,
.course-block .link-group a {
background: #0094c9;
border: 2px solid #fff;
border-radius: 50%;
display: inline-block;
height: 34px;
margin: 0 5px 0 0;
text-align: center;
width: 34px;
cursor: pointer
}
.course-block .link-group .social-link-btn span,
.course-block .link-group a span {
color: #fff;
font-size: 1em;
line-height: 1.875em
}
.course-block .link-group .social-link-btn:hover,
.course-block .link-group a:hover {
border: 2px solid rgba(0, 148, 201, .8)
}
.course-block .link-group .social-link-btn {
margin-right: 5px
}
.course-block .link-group .search-share {
z-index: 9;
position: relative;
border: 2px solid #fff!important
}
.course-block .link-group .share-trigger {
position: static
}
.course-block .link-group.share-active .icon-share:before {
content: "\ea0f"
}
.course-block .link-group.share-active .share-trigger .icon-group {
opacity: 1;
visibility: visible;
height: 100%;
padding: 70px 9px;
transition: none
}
.course-block .link-group.share-active .share-trigger .icon-group:after {
width: 160%;
height: 160%;
opacity: 1
}
.course-block .link-group.share-active .share-trigger .icon-group:before {
width: 164%;
height: 164%;
opacity: 1
}
.course-block .link-group.share-active .share-trigger .icon-group .social-buttons a {
opacity: 1;
transform: translate(0);
box-shadow: 0 1px 5px 0 rgba(50, 50, 50, .5);
transition: all .8s cubic-bezier(.895, .03, .685, .22)
}
.course-block .link-group.share-active .share-trigger .icon-group .social-buttons a:first-child {
transition-delay: .1s
}
.course-block .link-group.share-active .share-trigger .icon-group .social-buttons a:nth-child(2) {
transition-delay: .2s
}
.course-block .link-group.share-active .share-trigger .icon-group .social-buttons a:nth-child(3) {
transition-delay: .3s
}
.course-block .link-group.share-active .share-trigger .icon-group .social-buttons a:nth-child(4) {
transition-delay: .4s
}
.course-block .link-group.share-active .share-trigger .icon-group .social-buttons a:nth-child(5) {
transition-delay: .5s
}
.course-block .link-group.share-active .share-trigger .icon-group .social-buttons a:nth-child(6) {
transition-delay: .6s
}
@media(min-width:600px) {
.course-block .link-group.share-active .share-trigger .icon-group .social-buttons a.btn-whatsapp {
display: none
}
}
.course-block .link-group .icon-group {
position: absolute;
opacity: 0;
visibility: hidden;
text-align: center;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
right: 0;
top: 0;
width: 100%;
height: 0;
transition: all .6s cubic-bezier(.55, .055, .675, .19)
}
.course-block .link-group .icon-group:after {
border-radius: 100%;
background: #f3f4f6
}
.course-block .link-group .icon-group:after,
.course-block .link-group .icon-group:before {
content: "";
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
position: absolute;
width: 0;
height: 0;
transition: all .3s cubic-bezier(.55, .055, .675, .19)
}
.course-block .link-group .icon-group:before {
border-radius: 100%;
border: 5px solid #0094c9
}
.course-block .link-group .icon-group .social-buttons {
position: relative;
z-index: 1
}
.course-block .link-group .icon-group .social-buttons a {
width: 50px;
height: 50px;
border-radius: 100%;
font-size: 20px;
text-align: center;
padding: 14px 2px;
margin: 0 4px 10px;
background: #15212a;
transform: translateY(130%);
display: block;
float: left;
opacity: 0;
transition: none
}
.course-block .link-group .icon-group .social-buttons a.btn-google {
font-size: 31px;
padding: 10px 0 0;
background-color: #dd4b39
}
.course-block .link-group .icon-group .social-buttons a.btn-facebook {
background-color: #3b5999
}
.course-block .link-group .icon-group .social-buttons a.btn-twitter {
background-color: #0084ff
}
.course-block .link-group .icon-group .social-buttons a.btn-linkedin {
background-color: #0077b5
}
.course-block .link-group .icon-group .social-buttons a.btn-whatsapp {
padding: 10px 2px;
font-size: 28px;
background-color: #25d366
}
.course-block .link-group .icon-group a {
background: 0 0;
border: 0;
display: inline-block;
height: auto;
margin: 0
}
.course-block .link-group .icon-group a span {
color: #fff;
font-size: 25px
}
.course-block .link-group .icon-group a:hover span {
color: #68aadd
}
.course-block .link-group.open .icon-group {
display: inline-block
}
#alc-landing-section-top .link-group,
#search-header .link-group,
.course-share .link-group,
.occupation-meta .link-group {
height: 100%;
position: absolute;
right: 0;
top: 0
}
#alc-landing-section-top .link-group .social-link-btn,
#alc-landing-section-top .link-group a,
#search-header .link-group .social-link-btn,
#search-header .link-group a,
.course-share .link-group .social-link-btn,
.course-share .link-group a,
.occupation-meta .link-group .social-link-btn,
.occupation-meta .link-group a {
background: #0094c9;
border: 2px solid #fff;
border-radius: 50%;
display: inline-block;
height: 34px;
margin: 15px 5px 0 0;
text-align: center;
width: 34px;
cursor: pointer
}
#alc-landing-section-top .link-group .social-link-btn span,
#alc-landing-section-top .link-group a span,
#search-header .link-group .social-link-btn span,
#search-header .link-group a span,
.course-share .link-group .social-link-btn span,
.course-share .link-group a span,
.occupation-meta .link-group .social-link-btn span,
.occupation-meta .link-group a span {
color: #fff;
font-size: 1em;
line-height: 1.875em
}
#alc-landing-section-top .link-group .social-link-btn:hover,
#alc-landing-section-top .link-group a:hover,
#search-header .link-group .social-link-btn:hover,
#search-header .link-group a:hover,
.course-share .link-group .social-link-btn:hover,
.course-share .link-group a:hover,
.occupation-meta .link-group .social-link-btn:hover,
.occupation-meta .link-group a:hover {
border: 2px solid rgba(0, 148, 201, .8)
}
#alc-landing-section-top .link-group .social-link-btn,
#search-header .link-group .social-link-btn,
.course-share .link-group .social-link-btn,
.occupation-meta .link-group .social-link-btn {
margin-right: 5px
}
#alc-landing-section-top .link-group .search-share,
#search-header .link-group .search-share,
.course-share .link-group .search-share,
.occupation-meta .link-group .search-share {
z-index: 9;
position: relative;
border: 2px solid #fff!important
}
#alc-landing-section-top .link-group .share-trigger:hover .icon-group,
#search-header .link-group .share-trigger:hover .icon-group,
.course-share .link-group .share-trigger:hover .icon-group,
.occupation-meta .link-group .share-trigger:hover .icon-group {
opacity: 1;
visibility: visible
}
#alc-landing-section-top .link-group .share-trigger:hover .social-buttons a,
#search-header .link-group .share-trigger:hover .social-buttons a,
.course-share .link-group .share-trigger:hover .social-buttons a,
.occupation-meta .link-group .share-trigger:hover .social-buttons a {
opacity: 1;
transform: translate(0);
transition: transform .4s cubic-bezier(.895, .03, .685, .22)
}
#alc-landing-section-top .link-group .icon-group,
#search-header .link-group .icon-group,
.course-share .link-group .icon-group,
.occupation-meta .link-group .icon-group {
padding: 2px 0 0 20px;
position: absolute;
left: 25px;
opacity: 0;
visibility: hidden;
text-align: center;
width: 180px;
background: #0094c9;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
height: 32px;
top: 16px;
overflow: hidden;
transition: all .3s ease-in
}
#alc-landing-section-top .link-group .icon-group .social-buttons,
#search-header .link-group .icon-group .social-buttons,
.course-share .link-group .icon-group .social-buttons,
.occupation-meta .link-group .icon-group .social-buttons {
position: relative;
z-index: 1
}
#alc-landing-section-top .link-group .icon-group .social-buttons a,
#search-header .link-group .icon-group .social-buttons a,
.course-share .link-group .icon-group .social-buttons a,
.occupation-meta .link-group .icon-group .social-buttons a {
width: 27px;
height: 27px;
border-radius: 100%;
font-size: 13px;
text-align: center;
padding: 7px 2px;
margin: 0 4px 10px;
background: #15212a;
display: block;
float: left;
border: 1px solid rgba(0, 0, 0, .1);
transform: translateY(35px)
}
#alc-landing-section-top .link-group .icon-group .social-buttons a:hover,
#search-header .link-group .icon-group .social-buttons a:hover,
.course-share .link-group .icon-group .social-buttons a:hover,
.occupation-meta .link-group .icon-group .social-buttons a:hover {
opacity: .7
}
#alc-landing-section-top .link-group .icon-group .social-buttons a.btn-facebook,
#search-header .link-group .icon-group .social-buttons a.btn-facebook,
.course-share .link-group .icon-group .social-buttons a.btn-facebook,
.occupation-meta .link-group .icon-group .social-buttons a.btn-facebook {
background-color: #3b5999;
transition-delay: .1s
}
#alc-landing-section-top .link-group .icon-group .social-buttons a.btn-twitter,
#search-header .link-group .icon-group .social-buttons a.btn-twitter,
.course-share .link-group .icon-group .social-buttons a.btn-twitter,
.occupation-meta .link-group .icon-group .social-buttons a.btn-twitter {
background-color: #0084ff;
transition-delay: .2s
}
#alc-landing-section-top .link-group .icon-group .social-buttons a.btn-google,
#search-header .link-group .icon-group .social-buttons a.btn-google,
.course-share .link-group .icon-group .social-buttons a.btn-google,
.occupation-meta .link-group .icon-group .social-buttons a.btn-google {
font-size: 22px;
padding: 2px 0 0;
background-color: #dd4b39;
transition-delay: .3s
}
#alc-landing-section-top .link-group .icon-group .social-buttons a.btn-linkedin,
#search-header .link-group .icon-group .social-buttons a.btn-linkedin,
.course-share .link-group .icon-group .social-buttons a.btn-linkedin,
.occupation-meta .link-group .icon-group .social-buttons a.btn-linkedin {
background-color: #0077b5;
transition-delay: .4s
}
#alc-landing-section-top .link-group .icon-group a,
#search-header .link-group .icon-group a,
.course-share .link-group .icon-group a,
.occupation-meta .link-group .icon-group a {
background: 0 0;
border: 0;
display: inline-block;
height: auto;
margin: 0
}
#alc-landing-section-top .link-group .icon-group a span,
#search-header .link-group .icon-group a span,
.course-share .link-group .icon-group a span,
.occupation-meta .link-group .icon-group a span {
color: #fff;
font-size: 25px
}
#alc-landing-section-top .link-group .icon-group a:hover span,
#search-header .link-group .icon-group a:hover span,
.course-share .link-group .icon-group a:hover span,
.occupation-meta .link-group .icon-group a:hover span {
color: #68aadd
}
#alc-landing-section-top .link-group.open .icon-group,
#search-header .link-group.open .icon-group,
.course-share .link-group.open .icon-group,
.occupation-meta .link-group.open .icon-group {
display: inline-block
}
.my-courses {
padding: 20px;
width: calc(100% - 220px)
}
.my-courses .search-top-ad {
margin-bottom: 30px;
text-align: center
}
.my-courses .course-container.no-button,
.my-courses .course-container[data-endpoint=favorite-courses] {
padding-bottom: 100px
}
.my-courses .course-container[data-endpoint=courses-completed] .course-block .course-block-img-outer .bar-container .bar-outer .bar {
background-color: #10a650
}
.my-courses .course-container[data-endpoint=courses-completed] .course-block .course-block-intro button.btn {
display: none
}
.my-courses .course-container .course-block .course-block-intro {
padding-top: 45px
}
.my-courses .course-container .course-block-info {
background-color: #f3f6f7;
position: absolute;
bottom: 0;
width: 100%
}
.my-courses .course-container .course-block-info:after {
content: "";
display: table;
clear: both
}
.my-courses .course-container .course-block-info .time-to-finish {
display: none
}
.my-courses .course-container .course-block-info ul li {
width: 33.3333%
}
.my-courses .course-container .course-block-info.no-level ul li {
width: 50%
}
.my-courses .course-container .course-block-info.no-level ul li.level {
display: none
}
.my-courses .btn {
margin: 30px auto;
display: block
}
.my-courses .btn.continue {
max-width: 175px
}
.my-courses h2 {
font-size: 18px;
color: #465159;
font-weight: 500;
margin-bottom: 20px
}
@media(max-width:1150px) {
.my-courses {
width: 100%
}
}
.nothing-here {
color: #465159;
padding: 30px 0 100px
}
.nothing-here>span {
background: #0094c9;
border-radius: 50%;
display: inline-block;
height: 34px;
margin: 1px 6px 0 2px;
text-align: center;
width: 34px;
cursor: pointer
}
.nothing-here>span span {
color: #fff;
font-size: 1em;
height: 34px;
display: block;
line-height: 27px
}
.nothing-here>span span:before {
vertical-align: middle
}
.my-courses-products {
display: none
}
.my-courses .avail-products {
width: calc(100% + 20px);
margin-left: -20px;
margin-top: 70px
}
.my-courses .course-block-intro .link-group li {
z-index: 9
}
.my-courses .course-intro .slide-up-products.upgradable a:hover .upgrade .bottom {
background: #0091c7
}
.my-courses .course-intro .slide-up-products.upgradable a:hover .upgrade .bottom .before span,
.my-courses .course-intro .slide-up-products.upgradable a:hover .upgrade .bottom .now span {
color: #fff
}
.my-courses .course-intro .slide-up-products .upgrade {
padding: 30px 0;
text-align: center
}
.my-courses .course-intro .slide-up-products .upgrade h6 {
color: #465159;
font: 700 .9375em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
.my-courses .course-intro .slide-up-products .upgrade img {
width: 165px
}
.my-courses .course-intro .slide-up-products .upgrade .bottom {
background: #d4d4d4;
bottom: 0;
left: 0;
padding: 20px;
position: absolute;
width: 100%;
transition: background .2s ease-in
}
.my-courses .course-intro .slide-up-products .upgrade .bottom>div {
float: left;
width: 50%
}
.my-courses .course-intro .slide-up-products .upgrade .bottom>div .price {
font-size: 16px
}
.my-courses .course-intro .slide-up-products .upgrade .bottom span {
display: block
}
.my-courses .course-intro .slide-up-products .upgrade .bottom .before span {
color: #5d666d
}
.my-courses .course-intro .slide-up-products .upgrade .bottom .before .price {
position: relative
}
.my-courses .course-intro .slide-up-products .upgrade .bottom .before .price:after {
background: #be3047;
content: "";
height: 1px;
left: 0;
position: absolute;
top: 50%;
width: 100%
}
.my-courses .course-intro .slide-up-products .upgrade .bottom .now span {
color: #2d3942
}
.my-courses .course-intro .slide-up-products .upgrade .bottom .tiny {
font-size: .75em
}
.my-courses .course-intro .slide-up-products.view {
height: 100%
}
.my-courses .course-intro img {
width: 45px
}
.my-courses .course-intro a {
color: #2d3942;
font-size: .9375em;
font-weight: 700
}
.my-courses .course-intro a span {
margin-right: 10px
}
.my-courses .course-intro a:hover {
background: #d2d7db
}
.my-courses .course-intro .prod-col {
width: 35%;
float: left;
text-align: center;
position: relative;
height: 100%
}
.my-courses .course-intro .prod-col:nth-child(2) {
width: 40%;
text-align: left
}
.my-courses .course-intro .prod-col:nth-child(2) span {
font-size: 12px;
line-height: 15px;
display: block
}
.my-courses .course-intro .prod-col:nth-child(2) .prod-center {
left: 0;
transform: translateY(-50%)
}
.my-courses .course-intro .prod-col:nth-child(2) .prod-center strong {
color: #38ac69
}
.my-courses .course-intro .prod-col:nth-child(3) {
width: 25%
}
.my-courses .course-intro .prod-col:nth-child(3) .prod-button {
padding: 9px 0 0;
text-align: center;
background-color: #2d3942;
color: #fff;
cursor: pointer;
border-radius: 100%;
width: 35px;
height: 35px;
transition: all .4s ease-in
}
.my-courses .course-intro .prod-col:nth-child(3) .prod-button:hover {
background-color: #0094c9
}
.my-courses .course-intro .prod-col .prod-center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.my-courses .course-intro>li {
height: 33%;
border-bottom: 2px solid #c7cdcf;
overflow: hidden
}
.my-courses .course-intro>li:nth-child(3) {
border: 0 solid
}
.my-courses .course-intro li {
height: 78px;
float: none
}
.video-div {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, .4);
z-index: 99999;
display: none
}
.video-div .video-div-inner {
height: 411px;
width: 700px;
margin: 200px auto 0;
background: #fff;
max-width: 100%;
position: relative;
padding: 20px
}
.video-div .video-div-inner video {
width: 100%;
border: 1px solid #d3d3d3
}
.video-div .video-div-inner .close-holder {
width: 30px;
height: 30px;
text-align: right;
position: absolute;
right: 0;
top: -31px;
cursor: pointer
}
.video-div .video-div-inner .close-holder span {
color: #fff;
font-size: 25px
}
@media(max-width:500px) {
.video-div .video-div-inner {
height: auto;
margin: 50px auto 0
}
}
.need-help {
background: #0094c9;
padding: 3px 6px;
border-radius: 100%;
cursor: pointer;
color: #fff;
margin-left: 5px
}
.need-help span {
font-size: 17px;
margin: 0
}
@media(max-width:500px) {
.need-help {
position: fixed;
top: auto;
bottom: 10px
}
}
.related-search h2 {
font-size: 1.375em;
font-weight: 400;
text-align: left;
color: #30373c
}
a.it {
background: #0094c9!important
}
a.language {
background: #10a650!important
}
a.science {
background: #2d3942!important
}
a.health {
background: #e42330!important
}
a.humanities {
background: #bfd131!important
}
a.business {
background: #f49b29!important
}
a.math {
background: #833a8d!important
}
a.marketing {
background: #c81a7f!important
}
a.lifestyle {
background: #2a0040!important
}
.tag-content {
margin-top: 50px!important
}
.faqs {
background-color: #f2f6f7;
color: #2d3942
}
.faqs.faqs-page {
padding-bottom: 0
}
.faqs .g-recaptcha {
margin-top: 10px
}
.faqs .faqs--opening {
text-align: center;
padding-top: 30px;
padding-left: 20px
}
.faqs .faqs--opening img {
max-width: 100%
}
.faqs .faqs--search {
padding: 0
}
.faqs .global-search {
max-width: none
}
.faqs .global-search form {
margin-top: 6px
}
.faqs .global-search button {
width: 200px;
background-color: #0094c9;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border: 1px solid #908e92;
border-left: 0 solid
}
.faqs .global-search input[type=text] {
width: calc(100% - 150px);
border: 1px solid #908e92;
border-right: 0 solid;
background: 0 0
}
.faqs .container {
width: 100%;
padding: 40px 80px
}
.faqs h1 {
color: #2d3942;
font-weight: 400;
font-size: 45px
}
.faqs .faqs--menu {
background-color: #fff;
margin-top: 10px;
padding: 20px 0;
box-shadow: 0 1px 5px 0 rgba(50, 50, 50, .3)
}
.faqs .faqs--menu li {
padding: 5px 20px;
transition: all .3s ease-in;
cursor: pointer;
margin: 4px 0;
position: relative
}
.faqs .faqs--menu li.active {
cursor: default
}
.faqs .faqs--menu li.active,
.faqs .faqs--menu li:hover {
background-color: #e9eef2
}
.faqs .faqs--menu li.active .arrow,
.faqs .faqs--menu li:hover .arrow {
opacity: 1
}
.faqs .faqs--menu li.active .arrow:after,
.faqs .faqs--menu li:hover .arrow:after {
background: #e9eef2;
right: 23px;
top: -6px;
height: 100%;
width: 100px;
transform: translate(0) rotate(45deg)
}
.faqs .faqs--menu li:hover {
background: #e9eef2
}
.faqs .faqs--menu li .arrow {
background: 0 0;
right: -50px;
top: 0;
height: 100%;
width: 50px;
overflow: hidden;
opacity: 0
}
.faqs .faqs--menu li .arrow,
.faqs .faqs--menu li .arrow:after {
position: absolute;
transition: all .5s cubic-bezier(.785, .135, .15, .86)
}
.faqs .faqs--menu li .arrow:after {
content: "";
transform: translate(-50px) rotate(45deg)
}
@media(max-width:1350px) {
.faqs .faqs--menu li .arrow:after {
display: none
}
}
.faqs .faqs--menu li:after {
content: "";
clear: both;
display: table
}
.faqs .faqs--menu li a {
color: #2d3942
}
.faqs .faqs--menu li a h3 {
font-size: 22px;
margin-bottom: 6px;
padding-top: 3px
}
.faqs .faqs--menu li a p {
font-size: 17px;
margin-bottom: 0;
color: #536476
}
.faqs .faqs--menu li a>div {
float: left
}
.faqs .faqs--menu li .faqs--menu-icon {
width: 85px
}
.faqs .faqs--menu li .faqs--menu-title {
width: calc(100% - 100px)
}
@media(max-width:1300px) {
.faqs .faqs--menu li a h3 {
font-size: 18px
}
.faqs .faqs--menu li a p {
font-size: 14px
}
}
.faqs .faqs--area {
padding: 0;
margin-top: 10px
}
.faqs .faqs--area .faqs--area-overflow {
overflow: hidden;
background: #fff;
box-shadow: 0 1px 5px 0 rgba(50, 50, 50, .3)
}
.faqs .faqs--area:after {
content: "";
clear: both;
display: table
}
.faqs .faqs--area .back {
width: 40px;
height: 40px;
background: #fff;
border-radius: 100%;
position: absolute;
top: 20px;
left: -50px;
text-indent: -9999px;
cursor: pointer;
display: none;
box-shadow: 0 1px 5px 0 rgba(50, 50, 50, .3)
}
.faqs .faqs--area .back:after {
font-family: icomoon;
content: "\ea07";
position: absolute;
color: #0094c9;
text-indent: 0;
width: 100%;
height: 100%;
top: 0;
left: -1px;
text-align: center;
padding: 11px 0;
cursor: pointer
}
.faqs .faqs--area .faqs--area-inner {
width: 200%;
padding: 20px 20px 20px 0
}
.faqs .faqs--area .faqs--area-inner:after {
content: "";
clear: both;
display: table
}
.faqs .faqs--area .faqs--area-inner>div {
float: left;
transition: all .3s cubic-bezier(.785, .135, .15, .86)
}
.faqs .faqs--area .faqs--area-inner.answer-loaded>div {
transform: translate(-100%)
}
.faqs .faqs--area .faqs--area-inner .faqs--area-answers .faqs--answer {
padding: 40px 40px 50px 30px
}
.faqs .faqs--area .faqs--area-inner .faqs--area-answers .faqs--answer a {
color: #0094c9
}
.faqs .faqs--area .faqs--area-inner .faqs--area-answers .helpful,
.faqs .faqs--area .faqs--area-inner .faqs--area-answers .is_helpful,
.faqs .faqs--area .faqs--area-inner .faqs--area-answers .not-helpful-contact {
padding-left: 30px
}
.faqs .faqs--area .faqs--area-inner .faqs--area-answers .not-helpful-contact .form-buttons .btn {
color: #fff
}
.faqs .faqs--area .faqs--area-inner .faqs--area-questions {
transition: all .3s cubic-bezier(.785, .135, .15, .86)
}
.faqs .faqs--area .faqs--area-inner .faqs--area-questions .no-results {
padding: 20px 20px 30px;
color: #536476;
font-size: 18px
}
.faqs .faqs--area .faqs--area-inner .faqs--area-header {
padding-left: 50px;
transition: all .3s ease-in
}
.faqs .faqs--area .faqs--area-inner .faqs--area-header h3 {
font-size: 22px;
margin-bottom: 26px;
padding-top: 16px
}
.faqs .faqs--area .faqs--area-inner .faqs--area-header h3 img {
float: left;
margin: -20px 10px 0 -34px
}
.faqs .faqs--area .faqs--area-questions {
padding-left: 0
}
.faqs .faqs--area .faqs--area-questions .faqs--area-answers-list h4 {
font-size: 16px;
font-weight: 400;
margin-bottom: 15px;
margin-top: -2px;
text-align: left;
color: #2d3942
}
.faqs .faqs--area .faqs--area-questions .faqs--area-answers-list .sub-para {
line-height: 23px;
color: #536476
}
.faqs .faqs--area .faqs--area-questions .faqs--area-answers-list a {
color: #2d3942
}
.faqs .faqs--area .faqs--area-questions li {
color: #536476;
padding: 20px 20px 20px 50px;
border-bottom: 1px solid #efefef;
position: relative;
cursor: pointer;
transition: all .3s ease-in;
transform: translate(-10px)
}
.faqs .faqs--area .faqs--area-questions li.visible {
transform: translate(0)
}
.faqs .faqs--area .faqs--area-questions li:hover {
background: #e9eef2
}
.faqs .faqs--area .faqs--area-questions li:hover:before {
left: 25px
}
.faqs .faqs--area .faqs--area-questions li:last-child {
border: 0 solid
}
.faqs .faqs--area .faqs--area-questions li:before {
font-family: icomoon;
content: "\e93c";
position: absolute;
left: 20px;
top: 19px;
transition: all .3s ease-in
}
.faqs .is-helpful,
.faqs .not-helpful-contact {
display: none;
padding-right: 40px
}
.faqs .is-helpful input[type=email],
.faqs .is-helpful textarea,
.faqs .not-helpful-contact input[type=email],
.faqs .not-helpful-contact textarea {
border: 1px solid #908e92;
border-radius: 3px
}
.faqs .is-helpful {
padding-left: 30px
}
.faqs .is-helpful p {
font-weight: 700;
font-size: 16px
}
.faqs .not-helpful-contact>p:first-child {
font-weight: 700
}
.faqs h4 {
text-align: center;
margin: 100px 0 40px;
font-size: 30px
}
.faqs .most-popular-question {
background: #fff;
padding: 10px 20px;
width: 21%;
float: left;
margin-right: 5%;
transition: all .3s ease-in;
box-shadow: 0 1px 5px 0 rgba(50, 50, 50, .3)
}
.faqs .most-popular-question:nth-child(4) {
margin-right: 0
}
.faqs .most-popular-question:nth-child(5) {
display: none
}
.faqs .most-popular-question:hover {
background: #e6e6e6
}
.faqs .most-popular-question a {
font-size: 20px;
color: #2d3942;
text-align: center;
display: block
}
.faqs .most-popular-question a p {
font-size: 16px;
margin-top: 20px;
padding: 0 20px;
color: #908e92
}
.faqs .most-popular-question a span {
color: #0094c9;
font-size: 14px;
transition: all .3s ease-in
}
.faqs .answer--inner {
min-height: 350px;
text-align: center;
background: #0094c9;
margin-top: 60px;
position: relative;
overflow: hidden
}
.faqs .answer--inner.ready .answer--cloud.answer--cloud-1,
.faqs .answer--inner.ready .answer--cloud.answer--cloud-2 {
transform: translate3d(-9999px, 0, 0)
}
.faqs .answer--inner .answer--img {
position: absolute
}
.faqs .answer--inner .answer--cloud {
transition: all 800s linear
}
.faqs .answer--inner .answer--cloud.answer--cloud-1 {
top: 50px;
right: 10%
}
.faqs .answer--inner .answer--cloud.answer--cloud-2 {
top: 70px;
right: 70%
}
.faqs .answer--inner .answer--mail {
animation: float 2.5s ease-in-out infinite
}
.faqs .answer--inner .answer--mail.answer--mail-1 {
bottom: 40px;
left: 30%
}
.faqs .answer--inner .answer--mail.answer--mail-2 {
bottom: 40px;
right: 30%;
animation-delay: .5s
}
.faqs .answer--inner .answer--mail.answer--mail-3 {
top: 40px;
right: 10%;
animation-delay: .7s
}
.faqs .answer--inner .answer--postbox {
bottom: -10px;
left: 10%
}
.faqs .answer--inner .answer-content {
color: #fff;
padding-top: 80px;
z-index: 99;
position: relative
}
.faqs .answer--inner .answer-content .btn {
max-width: none
}
.faqs .answer--inner .answer-content .btn:hover {
color: #0094c9!important
}
@media(max-width:1024px) {
.faqs .container {
padding: 40px 20px
}
.faqs .container .welcome-row {
margin-bottom: 30px
}
.faqs .container .faqs--area,
.faqs .container .welcome-row .faqs--search {
padding-left: 15px;
padding-right: 15px
}
.faqs .container .faqs--area {
margin-top: 40px
}
.faqs .container .faqs--area .back {
position: relative;
top: -15px;
left: 0
}
.faqs .container .most-popular {
padding: 0 20px
}
.faqs .container .most-popular-question {
width: 48%;
margin-right: 4%
}
.faqs .container .most-popular-question:nth-child(2) {
margin-right: 0
}
.faqs .answer--inner>div:not(.answer-content),
.faqs .container .most-popular-question:nth-child(3),
.faqs .container .most-popular-question:nth-child(4) {
display: none
}
}
@media(max-width:500px) {
.faqs h1 {
font-size: 20px
}
.faqs .global-search button {
width: 80px
}
.faqs .global-search input[type=text] {
width: calc(100% - 80px)
}
}
@keyframes float {
0% {
transform: translate(0)
}
50% {
transform: translateY(-7px)
}
to {
transform: translate(0)
}
}
.referral-registration-heading {
color: #fff!important;
background: #0091c7;
padding-top: 20px;
border-radius: 8px 8px 0 0;
margin-top: -1px!important;
padding-bottom: 20px
}
.referral-registration-img {
margin-top: 40px;
margin-bottom: -5px
}
/*.login {
min-height: calc(100vh - 70px);
background: #16222a;
background: linear-gradient(90deg, #16222a 0, #3a6073);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#16222a", endColorstr="#3a6073", GradientType=1)
}*/
.login.reset-login {
padding-top: 1px
}
.login.reset-login .login-container .form-group {
background: #fff;
padding: 20px;
min-height: 320px
}
.login.reset-login .login-container .login-left h3 {
font-size: 45px
}
.login-container {
max-width: 950px;
margin: 40px auto 150px
}
.login-container .form-group {
margin-right: 0px !important;
margin-left: 0px !important;
}
.login-container #signup {
position: relative;
overflow: hidden;
color: #fff
}
.login-container .tabs {
max-width: 50%;
width: 100%;
float: right
}
.login-container .tabs:after {
content: "";
clear: both;
display: table
}
.login-container .tabs>div {
width: 100%;
text-align: center;
float: left;
box-shadow: inset 0 -1px 1px 0 hsla(0, 0%, 100%, .2);
cursor: pointer
}
.login-container .tabs>div.active a,
.login-container .tabs>div:hover a {
color: #fff
}
.login-container .tabs>div a {
color: #fff;
display: block;
padding: 15px 0;
transition: background .3s ease-in
}
.login-container #forgotpassword .form-group {
min-height: 425px
}
.login-container #forgotpassword .form-group .input-field {
margin-bottom: 30px
}
.login-container #forgotpassword .signup-account a {
width: 100%;
bottom: 0;
background: #15212a;
padding: 15px 10px;
position: absolute;
left: 0;
color: #83c11f
}
.login-container #forgotpassword .signup-account a span {
margin-right: 10px;
position: relative;
top: 2px
}
.login-container [type=checkbox]:checked+label:after {
background: #83c11f
}
.login-container .form-checkbox {
color: #868d92;
position: relative
}
.login-container label {
font: 400 .875em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
.login-container .half-width {
display: inline-block;
margin-right: -5px;
text-align: left;
width: 50%
}
.login-container .half-width .form-link {
padding-top: 54px
}
.login-container .half-width .form-link[data-name*=forgotpassword] {
font: 400 .875em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
text-align: right
}
.login-container .half-width .form-link[data-name*=forgotpassword] a {
color: #83c11f
}
.login-container .tab {
display: none;
background: #efeceb
}
.login-container .tab:after {
content: "";
clear: both;
display: table
}
.login-container .tab#signup .login-right {
min-height: 500px
}
.login-container .tab.active {
display: list-item;
border-radius: 0px 0px 10px 10px;
}
.login-container .tab h1,
.login-container .tab h3 {
font-size: 65px;
color: #fff;
font-weight: 500;
padding-top: 70px
}
.login-container .tab h4 {
color: #83c11f;
font-size: 17px;
margin: 15px 0 10px
}
.login-container .tab .login-left,
.login-container .tab .login-right {
width: 50%;
min-height: 1px;
float: left;
text-align: center
}
.login-container .tab .login-left {
position: relative;
padding: 20px
}
.login-container .tab .login-left p {
color: #83c11f;
margin-bottom: 30px
}
.login-container .tab .login-left p a {
color: #fff
}
.login-container .tab .login-left p a.green {
color: #83c11f
}
.login-container .tab .login-left .icon-lightbulb {
font-size: 130px;
color: #fff
}
.login-container .tab .login-right {
background: #fff;
position: relative
}
.login-container .tab .icon-rocket {
font-size: 141px;
position: absolute;
left: 0;
bottom: 0;
color: #fff
}
.login-container .tab .icon-rocket.mobile-rocket {
display: none
}
.login-container .tab .or-line {
width: 100%;
height: 29px;
text-align: center;
opacity: .8
}
.login-container .tab .or-line span {
display: inline-block;
padding: 5px;
position: relative;
color: #5d666d;
font-weight: 700;
font-size: 14px
}
.login-container .tab .or-line span:after,
.login-container .tab .or-line span:before {
content: "";
width: 112px;
background-color: #5d666d;
position: absolute;
height: 1px;
top: calc(50% - 1px)
}
.login-container .tab .or-line span:before {
left: -116px
}
.login-container .tab .or-line span:after {
right: -116px
}
@media(max-width:720px) {
.login-container .tab>.icon-rocket {
display: none
}
.login-container .tab .icon-rocket.mobile-rocket {
display: block;
font-size: 50px;
bottom: 0
}
.login-container .tab .login-left,
.login-container .tab .login-right {
float: none;
width: 100%
}
.login-container .tab .login-left {
padding-bottom: 40px
}
.login-container .tab .login-left .icon-lightbulb {
display: none
}
.login-container .tab .login-right {
padding-top: 1px
}
.login-container .tab h1,
.login-container .tab h3 {
font-size: 26px;
padding-top: 0;
margin-bottom: 10px
}
.login-container .tab h4 {
margin: 15px 0
}
}
.login-container .form-group {
padding: 20px 20px 0px 20px
}
.login-container .form-group.social-signup .terms-conditions {
margin: 0
}
.login-container .form-group #social-form input[type=submit] {
font-size: 18px;
margin-top: 20px
}
.login-container .form-group .name-float {
width: calc(50% - 8px);
float: left
}
.login-container .form-group .name-float.first-name {
margin-right: 8px
}
.login-container .form-group .name-float.last-name {
margin-left: 8px
}
.login-container .form-group .switch-tab {
font-size: 14px;
padding-top: 20px;
color: #15212a
}
.login-container .form-group .switch-tab a {
color: #83c11f
}
.login-container .form-group .password-toggle {
position: absolute;
top: 7px;
right: 5px;
font-size: 20px;
font-weight: 700;
width: 40px;
height: 34px;
color: #83c11f;
cursor: pointer
}
.login-container .form-group .password-toggle.icon-invisble {
top: 8px
}
.login-container .form-group .icon-user.name {
width: 50%;
float: left;
margin-top: 0
}
.login-container .form-group .terms-conditions {
font-size: 16px
}
.login-container .form-group .terms-conditions p {
margin-bottom: 0
}
.login-container .form-group .terms-conditions p label {
line-height: 29px
}
.login-container .form-group .half-width.check,
.login-container .form-group .terms-conditions {
margin: 20px 0;
line-height: 29px;
text-align: left;
color: #868d92
}
.login-container .form-group .half-width.check [type=checkbox]:checked+label,
.login-container .form-group .half-width.check [type=checkbox]:not(:checked)+label,
.login-container .form-group .terms-conditions [type=checkbox]:checked+label,
.login-container .form-group .terms-conditions [type=checkbox]:not(:checked)+label {
font-size: 13px;
padding-left: 20px;
display: block;
margin-bottom: 11px
}
.login-container .form-group .half-width.check [type=checkbox]:checked+label:before,
.login-container .form-group .half-width.check [type=checkbox]:not(:checked)+label:before,
.login-container .form-group .terms-conditions [type=checkbox]:checked+label:before,
.login-container .form-group .terms-conditions [type=checkbox]:not(:checked)+label:before {
top: 1px;
width: 12px;
height: 12px;
left: 0;
position: absolute
}
.login-container .form-group .half-width.check [type=checkbox]:checked+label:after,
.login-container .form-group .half-width.check [type=checkbox]:not(:checked)+label:after,
.login-container .form-group .terms-conditions [type=checkbox]:checked+label:after,
.login-container .form-group .terms-conditions [type=checkbox]:not(:checked)+label:after {
top: 3px;
left: 2px
}
.login-container .form-group .half-width.check a,
.login-container .form-group .terms-conditions a {
color: #5d666d;
text-decoration: underline
}
.login-container .form-group .errors {
margin: 5px 0;
text-align: left
}
.login-container .form-group .errors .icon-error {
font-size: 1em;
margin-right: 5px
}
.login-container .form-group .errors .error-message {
margin: 0
}
.login-container .form-group .errors.terms-error {
text-align: left;
line-height: 13px;
margin-bottom: 15px
}
.login-container .form-group .errors.terms-error+br {
display: none
}
.login-container .form-group input::-webkit-input-placeholder {
color: #15212a
}
.login-container .form-group input:-moz-placeholder,
.login-container .form-group input::-moz-placeholder {
color: #15212a;
opacity: 1
}
.login-container .form-group input:-ms-input-placeholder {
color: #15212a
}
.login-container .form-group input[type=email],
.login-container .form-group input[type=password],
.login-container .form-group input[type=text] {
padding-left: 0
}
.login-container .form-group input[type=submit] {
background: #83c11f;
border-radius: 3px;
color: #fff;
cursor: pointer;
font-size: 1.125em;
margin: 0 auto 10px;
padding: 10px;
text-align: center;
width: 100%
}
.login-container .form-group input[type=submit]:hover {
background: rgba(131, 193, 31, .8)
}
.login-container .form-group .input-field,
.login-container .form-group .input-field-email {
border-bottom: 1px solid #d3dade;
margin-top: 18px;
position: relative
}
.login-container .form-group .input-field-email.has-error,
.login-container .form-group .input-field.has-error {
border-color: red
}
.login-container .form-group .input-field-email:before,
.login-container .form-group .input-field:before {
color: #0091c7;
font-size: 20px;
left: 0;
position: absolute;
top: 12px
}
.login-container .form-group .input-field-email.has-error input::-webkit-input-placeholder,
.login-container .form-group .input-field.has-error input::-webkit-input-placeholder {
color: #f4254e
}
.login-container .form-group .input-field-email.has-error input:-moz-placeholder,
.login-container .form-group .input-field-email.has-error input::-moz-placeholder,
.login-container .form-group .input-field.has-error input:-moz-placeholder,
.login-container .form-group .input-field.has-error input::-moz-placeholder {
color: #f4254e
}
.login-container .form-group .input-field-email.has-error input:-ms-input-placeholder,
.login-container .form-group .input-field.has-error input:-ms-input-placeholder {
color: #f4254e
}
.login-container .icon-group {
margin: 0 auto;
padding: 0 15px;
text-align: center;
display: inline-block
}
.login-container .icon-group .spacer {
display: inline
}
.login-container .icon-group .spacer:first-child a.active,
.login-container .icon-group .spacer:first-child a:hover {
background-color: #3b5999;
color: #3b5999
}
.login-container .icon-group .spacer:nth-child(2) a.active,
.login-container .icon-group .spacer:nth-child(2) a:hover {
background-color: #dd4b39;
color: #dd4b39
}
.login-container .icon-group .spacer:nth-child(3) a.active,
.login-container .icon-group .spacer:nth-child(3) a:hover {
background-color: #410093;
color: #410093
}
.login-container .icon-group .spacer:nth-child(4) a.active,
.login-container .icon-group .spacer:nth-child(4) a:hover {
background-color: #0084ff;
color: #0084ff
}
.login-container .icon-group .spacer:nth-child(5) a.active,
.login-container .icon-group .spacer:nth-child(5) a:hover {
background-color: #0077b5;
color: #0077b5
}
.login-container .icon-group .spacer a.active:after,
.login-container .icon-group .spacer a:hover:after {
background-color: #fff
}
.login-container .icon-group a {
margin: 0 2px 5px;
color: #f3f6f7;
background-color: #f3f6f7;
text-align: center;
display: block;
width: 46px;
height: 46px;
float: left;
border-radius: 100%;
opacity: 1;
transition: none;
box-shadow: 0 0 10px 0 rgba(50, 50, 50, .5);
transform: perspective(1px) translateZ(0);
transition: color .3s ease-in
}
.login-container .icon-group a:after {
position: absolute;
width: 80%;
height: 80%;
content: "";
background-color: #5d666d;
left: 10%;
top: 10%;
border-radius: 100%;
transition: color .3s ease-in
}
.login-container .icon-group a.active {
background-color: #3b5999;
border: 3px solid #000;
opacity: 1;
box-shadow: 0 3px 4px 0 rgba(50, 50, 50, .85)
}
.login-container .icon-group a.active [class*=icon] {
padding: 1px 2px
}
.login-container .icon-group [class*=icon] {
position: relative;
font-size: 39px;
padding: 4px;
display: inline-block;
margin-top: -2px;
margin-left: -1px
}
.login-container .icon-group [class*=icon]:before {
position: relative;
z-index: 2
}
.login-container .icon-group [class*=icon]:after {
background: #fff;
bottom: 5px;
content: "";
height: 0;
left: -11px;
position: absolute;
width: 58px;
transition: all .2s ease-in
}
@media only screen and (min-width:768px) {
.login-container .icon-group {
padding: 0 0 15px
}
.login-container .icon-group a {
margin: 5px 16px
}
}
@media(max-width:720px) {
.login-container {
margin: 40px auto 150px
}
.login-container #signup {
overflow: visible
}
.login-container .tabs {
max-width: 100%;
float: none
}
.login-container .icon-group {
margin: 0 auto;
padding: 0;
text-align: center;
display: block
}
.login-container .icon-group .spacer {
display: inline-block;
width: 18%
}
.login-container .icon-group .spacer a {
float: none;
margin: 10px auto 30px
}
}
.logo-wrapper{
margin-top:3px;
}
.slick-slider .slick-track, .slick-slider .slick-list{
margin:0 auto;
}
.login-modal {
display: none;
position: fixed;
height: 100%;
top: 0;
width: 100%;
left: 0;
z-index: 999;
background: rgba(0, 0, 0, .6)
}
.login-modal .back-home-inner {
width: calc(100% + 40px);
margin: 15px -20px -30px;
background: #15212a;
color: #83c11f;
padding: 15px 10px
}
.login-modal .back-home-inner span {
margin-right: 10px;
position: relative;
top: 2px
}
.login-modal .close-modal {
position: absolute;
top: -80px;
right: 0;
font-size: 1.4375em;
cursor: pointer
}
.login-modal .close-modal span {
color: #fff
}
@media(max-width:720px) {
.login-modal {
position: absolute
}
}
.modal-outer.topic-modal .login-modal {
position: fixed;
overflow-y: scroll;
overflow-x: hidden
}
.modal-outer .login-modal {
position: absolute
}
.modal-outer #login,
.modal-outer #signup {
overflow: visible;
position: relative
}
.modal-outer .icon-group {
margin: 0 auto;
padding: 0;
text-align: center;
display: block
}
.modal-outer .icon-group .spacer {
display: inline-block;
width: 18%
}
.modal-outer .icon-group .spacer a {
float: none;
margin: 10px auto 30px
}
.modal-outer .login-container {
max-width: 475px
}
.modal-outer .login-container .tabs {
max-width: 100%;
float: none
}
.modal-outer .login-container .tab>.icon-rocket {
display: none
}
.modal-outer .login-container .tab .icon-rocket.mobile-rocket {
display: block;
font-size: 50px;
bottom: 0
}
.modal-outer .login-container .tab#signup .login-right {
min-height: 0
}
.modal-outer .login-container .tab .login-left,
.modal-outer .login-container .tab .login-right {
float: none;
width: 100%
}
.modal-outer .login-container .tab .login-left {
padding-top: 30px;
padding-bottom: 40px
}
.modal-outer .login-container .tab .login-left .icon-lightbulb {
display: none
}
.modal-outer .login-container .tab .login-right {
padding-top: 1px
}
.modal-outer .login-container .tab h1,
.modal-outer .login-container .tab h3 {
font-size: 26px;
padding-top: 0;
margin-bottom: 10px
}
.modal-outer .login-container .tab h4 {
margin: 15px 0
}
#posts .banner h1 {
margin: 45px 0
}
#posts .review-headline {
text-align: center;
color: rgba(93, 102, 109, .9)
}
#posts .review-headline h2 {
font: 400 1.125em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
margin-bottom: 5px
}
#posts .review-headline h3 {
font: 400 1.0625em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
@media only screen and (min-width:768px) {
#posts .review-headline h2 {
font-size: 1.3125em
}
#posts .review-headline h3 {
font-size: 1.375em
}
#posts .info-box {
margin: 0 auto 40px
}
#posts .info-box .top .title {
font-size: 1.1875em
}
#posts .info-box .top .addon {
font-size: .875em;
top: -23px
}
#posts .info-box .body {
margin: 0
}
#posts .info-box .body p {
margin: 0 20px 0 30px;
position: relative;
top: -10px
}
}
@media only screen and (min-width:1020px) {
#posts .review-headline h2 {
font-size: 1.4375em
}
#posts .review-headline h3 {
font-size: 1.5em
}
#posts .info-box .top .title {
font-size: 1.25em
}
#posts .info-box .top .addon {
font-size: .875em;
top: -23px
}
#posts .info-box .body p {
margin: 0 70px 0 40px;
top: -25px
}
}
.posts-banner-background {
position: absolute;
left: -100px;
top: 0;
display: none
}
@media only screen and (min-width:1020px) {
.posts-banner-background {
display: block
}
}
#cart-page.offline-payment .order-details form ol li {
border: none
}
#cart-page.offline-payment .body {
margin: 0 auto;
max-width: 500px
}
#cart-page.offline-payment .body .inner-wrapper>h1 {
font: 400 1.25em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
margin: 0 0 15px
}
#cart-page.offline-payment .body .inner-wrapper>p {
font-size: .9375em
}
#cart-page.offline-payment .body .complete-order .section-title {
margin-bottom: 20px
}
#cart-page.offline-payment .body .complete-order p {
text-align: center
}
#cart-page.offline-payment .body .complete-order .complete-code {
margin: 0 auto
}
#cart-page.offline-payment .body .quote-order {
text-align: center
}
#cart-page.offline-payment .body .quote-order .section-title {
text-align: left;
margin-bottom: 20px
}
#cart-page.offline-payment .body .quote-order .section-title .text {
width: calc(100% - 75px)
}
#cart-page.offline-payment .body .quote-order ul {
display: inline-block;
margin: 0 auto 25px;
vertical-align: top;
width: 220px
}
#cart-page.offline-payment .body .quote-order ul li {
border-bottom: 0;
border-top: 0!important;
font-size: 1em;
margin: 10px 0;
text-align: left;
padding: 0
}
#cart-page.offline-payment .body .quote-order ul li.highlight-li {
color: #0091c7
}
#cart-page.offline-payment .body .quote-order ul li span {
margin-right: 5px
}
#cart-page.offline-payment .body .quote-order ul li.totals {
margin: 30px 0 0
}
#cart-page.offline-payment .body .quote-order ul li .left,
#cart-page.offline-payment .body .quote-order ul li .right {
display: block;
float: left;
margin: 0 0 15px;
text-align: left;
width: 50%
}
#cart-page.offline-payment .body .quote-order ul li .right {
text-align: right
}
#cart-page.offline-payment .body .our-details ul {
display: block;
max-width: 550px;
margin: 35px auto
}
#cart-page.offline-payment .body .our-details ul li {
border-bottom: 0;
border-top: 0!important;
font-size: 1em;
margin: 10px 0;
text-align: left;
padding: 0
}
#cart-page.offline-payment .body .our-details ul li .left {
color: #0091c7;
float: left;
width: 50%
}
#cart-page.offline-payment .body .our-details ul li .right {
float: left;
width: 50%
}
#cart-page.offline-payment .body .our-details p {
font-size: .9375em;
margin: 0 auto;
max-width: 550px
}
#cart-page.offline-payment .body .our-details p strong {
color: #c9187e;
font-weight: 700
}
#cart-page.offline-payment .body .quote-payment {
text-align: center
}
#cart-page.offline-payment .body .quote-payment .section-title {
text-align: left
}
#cart-page.offline-payment .body .quote-payment h4 {
color: #0091c7;
font-weight: 600;
margin: 30px 0 25px
}
#cart-page.offline-payment .body .quote-payment a {
background: #0091c7;
border-radius: 20px;
color: #fff;
display: block;
margin: 25px auto;
max-width: 640px;
word-break: break-all;
padding: 10px 20px
}
#cart-page.offline-payment .body .quote-payment p {
font-size: .9375em
}
@media only screen and (min-width:768px) {
#cart-page.offline-payment .body {
max-width: 700px;
margin: 30px auto 0
}
#cart-page.offline-payment .body .inner-wrapper>h1 {
font-size: 1.875em
}
#cart-page.offline-payment .body .inner-wrapper>h1,
#cart-page.offline-payment .body .inner-wrapper>p {
display: block;
float: left;
width: 65%
}
#cart-page.offline-payment .body .inner-wrapper>img {
float: right;
margin: -50px 0 20px;
max-width: 100%
}
#cart-page.offline-payment .body .section-title .text {
font-size: 20px
}
#cart-page.offline-payment .body .quote-order ul {
margin: 0 55px;
max-width: 260px
}
#cart-page.offline-payment .order-details {
clear: both;
float: none;
width: auto
}
}
@media only screen and (min-width:1020px) {
#cart-page.offline-payment .body {
max-width: 1150px
}
#cart-page.offline-payment .body .our-details p,
#cart-page.offline-payment .body .our-details ul {
max-width: 640px
}
#cart-page.offline-payment .body .quote-order ul {
margin: 0 98px
}
#cart-page.offline-payment form>ol>li {
max-width: 100%
}
}
#offline-payments li.quote-order ul+ul li:not(.totals) {
width: 410px
}
#offline-payments small {
font-size: .875em;
margin-left: 5px
}
#profile input::-webkit-calendar-picker-indicator {
display: none!important;
visibility: hidden!important;
-webkit-appearance: none
}
#profile .wrapper .print-btn {
margin-bottom: 40px
}
#profile .wrapper .print-btn .printing {
margin: 0 auto;
display: block
}
#profile .banner .radial-progress-profile-picture {
margin: 0 auto 20px;
width: 210px;
height: 210px;
background-color: transparent;
border-radius: 50%
}
#profile .banner .radial-progress-profile-picture .circle {
position: relative
}
#profile .banner .radial-progress-profile-picture .circle .line {
background: 0 0;
border-radius: 50%;
width: 204px;
height: 204px;
border: 3px solid hsla(0, 0%, 100%, .5);
position: absolute;
top: 3px;
left: 3px
}
#profile .banner .radial-progress-profile-picture .circle .fill,
#profile .banner .radial-progress-profile-picture .circle .mask,
#profile .banner .radial-progress-profile-picture .circle .shadow {
width: 210px;
height: 210px;
position: absolute;
border-radius: 50%
}
#profile .banner .radial-progress-profile-picture .circle .fill,
#profile .banner .radial-progress-profile-picture .circle .mask {
-webkit-backface-visibility: hidden;
transition: transform 1s;
border-radius: 50%
}
#profile .banner .radial-progress-profile-picture .circle .mask {
clip: rect(0, 210px, 210px, 105px)
}
#profile .banner .radial-progress-profile-picture .circle .mask .fill {
clip: rect(0, 105px, 210px, 0);
background: 0 0;
border: 9px solid #fff
}
#profile .banner .radial-progress-profile-picture .inset {
width: 201px;
height: 201px;
position: absolute;
margin-left: 4.5px;
margin-top: 4.5px;
background: 0 0;
border-radius: 50%
}
#profile .banner .radial-progress-profile-picture .inset .inset-content {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
padding: 15px;
text-align: center
}
#profile .banner .radial-progress-profile-picture .inset .inset-content .text {
position: relative;
top: 50%;
transform: translateY(-50%);
font-size: 3.9375em!important;
color: #fff
}
#profile .banner .radial-progress-profile-picture .inset .inset-content .text .percentage {
text-align: center;
font-size: 70%!important;
font-weight: 200;
margin-left: 2px;
color: #fff
}
#profile .banner .radial-progress-profile-picture[data-progress="0"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="0"] .circle .fill.fix,
#profile .banner .radial-progress-profile-picture[data-progress="0"] .circle .mask.full {
transform: rotate(0deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="1"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="1"] .circle .mask.full {
transform: rotate(1.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="1"] .circle .fill.fix,
#profile .banner .radial-progress-profile-picture[data-progress="2"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="2"] .circle .mask.full {
transform: rotate(3.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="2"] .circle .fill.fix {
transform: rotate(7.2deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="3"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="3"] .circle .mask.full {
transform: rotate(5.4deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="3"] .circle .fill.fix {
transform: rotate(10.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="4"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="4"] .circle .mask.full {
transform: rotate(7.2deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="4"] .circle .fill.fix {
transform: rotate(14.4deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="5"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="5"] .circle .mask.full {
transform: rotate(9deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="5"] .circle .fill.fix {
transform: rotate(18deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="6"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="6"] .circle .mask.full {
transform: rotate(10.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="6"] .circle .fill.fix {
transform: rotate(21.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="7"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="7"] .circle .mask.full {
transform: rotate(12.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="7"] .circle .fill.fix {
transform: rotate(25.2deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="8"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="8"] .circle .mask.full {
transform: rotate(14.4deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="8"] .circle .fill.fix {
transform: rotate(28.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="9"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="9"] .circle .mask.full {
transform: rotate(16.2deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="9"] .circle .fill.fix {
transform: rotate(32.4deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="10"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="10"] .circle .mask.full {
transform: rotate(18deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="10"] .circle .fill.fix {
transform: rotate(36deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="11"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="11"] .circle .mask.full {
transform: rotate(19.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="11"] .circle .fill.fix {
transform: rotate(39.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="12"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="12"] .circle .mask.full {
transform: rotate(21.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="12"] .circle .fill.fix {
transform: rotate(43.2deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="13"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="13"] .circle .mask.full {
transform: rotate(23.4deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="13"] .circle .fill.fix {
transform: rotate(46.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="14"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="14"] .circle .mask.full {
transform: rotate(25.2deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="14"] .circle .fill.fix {
transform: rotate(50.4deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="15"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="15"] .circle .mask.full {
transform: rotate(27deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="15"] .circle .fill.fix {
transform: rotate(54deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="16"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="16"] .circle .mask.full {
transform: rotate(28.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="16"] .circle .fill.fix {
transform: rotate(57.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="17"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="17"] .circle .mask.full {
transform: rotate(30.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="17"] .circle .fill.fix {
transform: rotate(61.2deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="18"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="18"] .circle .mask.full {
transform: rotate(32.4deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="18"] .circle .fill.fix {
transform: rotate(64.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="19"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="19"] .circle .mask.full {
transform: rotate(34.2deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="19"] .circle .fill.fix {
transform: rotate(68.4deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="20"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="20"] .circle .mask.full {
transform: rotate(36deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="20"] .circle .fill.fix {
transform: rotate(72deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="21"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="21"] .circle .mask.full {
transform: rotate(37.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="21"] .circle .fill.fix {
transform: rotate(75.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="22"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="22"] .circle .mask.full {
transform: rotate(39.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="22"] .circle .fill.fix {
transform: rotate(79.2deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="23"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="23"] .circle .mask.full {
transform: rotate(41.4deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="23"] .circle .fill.fix {
transform: rotate(82.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="24"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="24"] .circle .mask.full {
transform: rotate(43.2deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="24"] .circle .fill.fix {
transform: rotate(86.4deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="25"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="25"] .circle .mask.full {
transform: rotate(45deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="25"] .circle .fill.fix {
transform: rotate(90deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="26"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="26"] .circle .mask.full {
transform: rotate(46.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="26"] .circle .fill.fix {
transform: rotate(93.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="27"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="27"] .circle .mask.full {
transform: rotate(48.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="27"] .circle .fill.fix {
transform: rotate(97.2deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="28"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="28"] .circle .mask.full {
transform: rotate(50.4deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="28"] .circle .fill.fix {
transform: rotate(100.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="29"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="29"] .circle .mask.full {
transform: rotate(52.2deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="29"] .circle .fill.fix {
transform: rotate(104.4deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="30"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="30"] .circle .mask.full {
transform: rotate(54deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="30"] .circle .fill.fix {
transform: rotate(108deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="31"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="31"] .circle .mask.full {
transform: rotate(55.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="31"] .circle .fill.fix {
transform: rotate(.31turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="32"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="32"] .circle .mask.full {
transform: rotate(57.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="32"] .circle .fill.fix {
transform: rotate(.32turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="33"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="33"] .circle .mask.full {
transform: rotate(59.4deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="33"] .circle .fill.fix {
transform: rotate(.33turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="34"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="34"] .circle .mask.full {
transform: rotate(61.2deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="34"] .circle .fill.fix {
transform: rotate(.34turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="35"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="35"] .circle .mask.full {
transform: rotate(63deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="35"] .circle .fill.fix {
transform: rotate(126deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="36"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="36"] .circle .mask.full {
transform: rotate(64.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="36"] .circle .fill.fix {
transform: rotate(.36turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="37"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="37"] .circle .mask.full {
transform: rotate(66.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="37"] .circle .fill.fix {
transform: rotate(.37turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="38"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="38"] .circle .mask.full {
transform: rotate(68.4deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="38"] .circle .fill.fix {
transform: rotate(.38turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="39"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="39"] .circle .mask.full {
transform: rotate(70.2deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="39"] .circle .fill.fix {
transform: rotate(.39turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="40"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="40"] .circle .mask.full {
transform: rotate(72deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="40"] .circle .fill.fix {
transform: rotate(144deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="41"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="41"] .circle .mask.full {
transform: rotate(73.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="41"] .circle .fill.fix {
transform: rotate(.41turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="42"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="42"] .circle .mask.full {
transform: rotate(75.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="42"] .circle .fill.fix {
transform: rotate(.42turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="43"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="43"] .circle .mask.full {
transform: rotate(77.4deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="43"] .circle .fill.fix {
transform: rotate(154.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="44"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="44"] .circle .mask.full {
transform: rotate(79.2deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="44"] .circle .fill.fix {
transform: rotate(.44turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="45"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="45"] .circle .mask.full {
transform: rotate(81deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="45"] .circle .fill.fix {
transform: rotate(162deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="46"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="46"] .circle .mask.full {
transform: rotate(82.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="46"] .circle .fill.fix {
transform: rotate(165.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="47"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="47"] .circle .mask.full {
transform: rotate(84.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="47"] .circle .fill.fix {
transform: rotate(.47turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="48"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="48"] .circle .mask.full {
transform: rotate(86.4deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="48"] .circle .fill.fix {
transform: rotate(172.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="49"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="49"] .circle .mask.full {
transform: rotate(88.2deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="49"] .circle .fill.fix {
transform: rotate(.49turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="50"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="50"] .circle .mask.full {
transform: rotate(90deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="50"] .circle .fill.fix {
transform: rotate(180deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="51"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="51"] .circle .mask.full {
transform: rotate(91.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="51"] .circle .fill.fix {
transform: rotate(.51turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="52"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="52"] .circle .mask.full {
transform: rotate(93.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="52"] .circle .fill.fix {
transform: rotate(.52turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="53"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="53"] .circle .mask.full {
transform: rotate(95.4deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="53"] .circle .fill.fix {
transform: rotate(.53turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="54"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="54"] .circle .mask.full {
transform: rotate(97.2deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="54"] .circle .fill.fix {
transform: rotate(.54turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="55"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="55"] .circle .mask.full {
transform: rotate(99deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="55"] .circle .fill.fix {
transform: rotate(198deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="56"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="56"] .circle .mask.full {
transform: rotate(100.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="56"] .circle .fill.fix {
transform: rotate(201.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="57"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="57"] .circle .mask.full {
transform: rotate(102.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="57"] .circle .fill.fix {
transform: rotate(.57turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="58"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="58"] .circle .mask.full {
transform: rotate(104.4deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="58"] .circle .fill.fix {
transform: rotate(208.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="59"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="59"] .circle .mask.full {
transform: rotate(106.2deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="59"] .circle .fill.fix {
transform: rotate(.59turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="60"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="60"] .circle .mask.full {
transform: rotate(108deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="60"] .circle .fill.fix {
transform: rotate(216deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="61"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="61"] .circle .mask.full {
transform: rotate(109.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="61"] .circle .fill.fix {
transform: rotate(.61turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="62"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="62"] .circle .mask.full {
transform: rotate(.31turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="62"] .circle .fill.fix {
transform: rotate(.62turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="63"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="63"] .circle .mask.full {
transform: rotate(113.4deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="63"] .circle .fill.fix {
transform: rotate(.63turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="64"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="64"] .circle .mask.full {
transform: rotate(.32turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="64"] .circle .fill.fix {
transform: rotate(.64turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="65"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="65"] .circle .mask.full {
transform: rotate(117deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="65"] .circle .fill.fix {
transform: rotate(234deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="66"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="66"] .circle .mask.full {
transform: rotate(.33turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="66"] .circle .fill.fix {
transform: rotate(.66turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="67"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="67"] .circle .mask.full {
transform: rotate(120.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="67"] .circle .fill.fix {
transform: rotate(241.2deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="68"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="68"] .circle .mask.full {
transform: rotate(.34turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="68"] .circle .fill.fix {
transform: rotate(.68turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="69"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="69"] .circle .mask.full {
transform: rotate(124.2deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="69"] .circle .fill.fix {
transform: rotate(248.4deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="70"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="70"] .circle .mask.full {
transform: rotate(126deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="70"] .circle .fill.fix {
transform: rotate(252deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="71"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="71"] .circle .mask.full {
transform: rotate(127.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="71"] .circle .fill.fix {
transform: rotate(.71turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="72"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="72"] .circle .mask.full {
transform: rotate(.36turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="72"] .circle .fill.fix {
transform: rotate(.72turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="73"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="73"] .circle .mask.full {
transform: rotate(131.4deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="73"] .circle .fill.fix {
transform: rotate(.73turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="74"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="74"] .circle .mask.full {
transform: rotate(.37turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="74"] .circle .fill.fix {
transform: rotate(.74turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="75"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="75"] .circle .mask.full {
transform: rotate(135deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="75"] .circle .fill.fix {
transform: rotate(270deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="76"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="76"] .circle .mask.full {
transform: rotate(.38turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="76"] .circle .fill.fix {
transform: rotate(.76turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="77"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="77"] .circle .mask.full {
transform: rotate(138.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="77"] .circle .fill.fix {
transform: rotate(.77turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="78"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="78"] .circle .mask.full {
transform: rotate(.39turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="78"] .circle .fill.fix {
transform: rotate(.78turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="79"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="79"] .circle .mask.full {
transform: rotate(142.2deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="79"] .circle .fill.fix {
transform: rotate(284.4deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="80"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="80"] .circle .mask.full {
transform: rotate(144deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="80"] .circle .fill.fix {
transform: rotate(288deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="81"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="81"] .circle .mask.full {
transform: rotate(145.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="81"] .circle .fill.fix {
transform: rotate(.81turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="82"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="82"] .circle .mask.full {
transform: rotate(.41turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="82"] .circle .fill.fix {
transform: rotate(.82turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="83"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="83"] .circle .mask.full {
transform: rotate(149.4deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="83"] .circle .fill.fix {
transform: rotate(298.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="84"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="84"] .circle .mask.full {
transform: rotate(.42turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="84"] .circle .fill.fix {
transform: rotate(.84turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="85"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="85"] .circle .mask.full {
transform: rotate(153deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="85"] .circle .fill.fix {
transform: rotate(306deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="86"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="86"] .circle .mask.full {
transform: rotate(154.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="86"] .circle .fill.fix {
transform: rotate(309.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="87"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="87"] .circle .mask.full {
transform: rotate(156.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="87"] .circle .fill.fix {
transform: rotate(.87turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="88"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="88"] .circle .mask.full {
transform: rotate(.44turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="88"] .circle .fill.fix {
transform: rotate(.88turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="89"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="89"] .circle .mask.full {
transform: rotate(160.2deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="89"] .circle .fill.fix {
transform: rotate(320.4deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="90"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="90"] .circle .mask.full {
transform: rotate(162deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="90"] .circle .fill.fix {
transform: rotate(324deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="91"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="91"] .circle .mask.full {
transform: rotate(163.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="91"] .circle .fill.fix {
transform: rotate(.91turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="92"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="92"] .circle .mask.full {
transform: rotate(165.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="92"] .circle .fill.fix {
transform: rotate(331.2deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="93"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="93"] .circle .mask.full {
transform: rotate(167.4deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="93"] .circle .fill.fix {
transform: rotate(.93turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="94"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="94"] .circle .mask.full {
transform: rotate(.47turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="94"] .circle .fill.fix {
transform: rotate(.94turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="95"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="95"] .circle .mask.full {
transform: rotate(171deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="95"] .circle .fill.fix {
transform: rotate(342deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="96"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="96"] .circle .mask.full {
transform: rotate(172.8deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="96"] .circle .fill.fix {
transform: rotate(345.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="97"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="97"] .circle .mask.full {
transform: rotate(174.6deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="97"] .circle .fill.fix {
transform: rotate(.97turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="98"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="98"] .circle .mask.full {
transform: rotate(.49turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="98"] .circle .fill.fix {
transform: rotate(.98turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="99"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="99"] .circle .mask.full {
transform: rotate(178.2deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="99"] .circle .fill.fix {
transform: rotate(.99turn)
}
#profile .banner .radial-progress-profile-picture[data-progress="100"] .circle .fill,
#profile .banner .radial-progress-profile-picture[data-progress="100"] .circle .mask.full {
transform: rotate(180deg)
}
#profile .banner .radial-progress-profile-picture[data-progress="100"] .circle .fill.fix {
transform: rotate(1turn)
}
#profile .banner .radial-progress-230 {
margin: 0 auto 20px;
width: 230px;
height: 230px;
background-color: transparent;
border-radius: 50%
}
#profile .banner .radial-progress-230 .circle {
position: relative
}
#profile .banner .radial-progress-230 .circle .line {
background: 0 0;
border-radius: 50%;
width: 224px;
height: 224px;
border: 3px solid hsla(0, 0%, 100%, .5);
position: absolute;
top: 3px;
left: 3px
}
#profile .banner .radial-progress-230 .circle .fill,
#profile .banner .radial-progress-230 .circle .mask,
#profile .banner .radial-progress-230 .circle .shadow {
width: 230px;
height: 230px;
position: absolute;
border-radius: 50%
}
#profile .banner .radial-progress-230 .circle .fill,
#profile .banner .radial-progress-230 .circle .mask {
-webkit-backface-visibility: hidden;
transition: transform 1s;
border-radius: 50%
}
#profile .banner .radial-progress-230 .circle .mask {
clip: rect(0, 230px, 230px, 115px)
}
#profile .banner .radial-progress-230 .circle .mask .fill {
clip: rect(0, 115px, 230px, 0);
background: 0 0;
border: 16px solid #fff
}
#profile .banner .radial-progress-230 .inset {
width: 214px;
height: 214px;
position: absolute;
margin-left: 8px;
margin-top: 8px;
background: 0 0;
border-radius: 50%
}
#profile .banner .radial-progress-230 .inset .inset-content {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
padding: 10px;
text-align: center
}
#profile .banner .radial-progress-230 .inset .inset-content .text {
position: relative;
top: 50%;
transform: translateY(-50%);
font-size: 4.3125em!important;
color: #fff
}
#profile .banner .radial-progress-230 .inset .inset-content .text .percentage {
text-align: center;
font-size: 70%!important;
font-weight: 200;
margin-left: 2px;
color: #fff
}
#profile .banner .radial-progress-230[data-progress="0"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="0"] .circle .fill.fix,
#profile .banner .radial-progress-230[data-progress="0"] .circle .mask.full {
transform: rotate(0deg)
}
#profile .banner .radial-progress-230[data-progress="1"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="1"] .circle .mask.full {
transform: rotate(1.8deg)
}
#profile .banner .radial-progress-230[data-progress="1"] .circle .fill.fix,
#profile .banner .radial-progress-230[data-progress="2"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="2"] .circle .mask.full {
transform: rotate(3.6deg)
}
#profile .banner .radial-progress-230[data-progress="2"] .circle .fill.fix {
transform: rotate(7.2deg)
}
#profile .banner .radial-progress-230[data-progress="3"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="3"] .circle .mask.full {
transform: rotate(5.4deg)
}
#profile .banner .radial-progress-230[data-progress="3"] .circle .fill.fix {
transform: rotate(10.8deg)
}
#profile .banner .radial-progress-230[data-progress="4"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="4"] .circle .mask.full {
transform: rotate(7.2deg)
}
#profile .banner .radial-progress-230[data-progress="4"] .circle .fill.fix {
transform: rotate(14.4deg)
}
#profile .banner .radial-progress-230[data-progress="5"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="5"] .circle .mask.full {
transform: rotate(9deg)
}
#profile .banner .radial-progress-230[data-progress="5"] .circle .fill.fix {
transform: rotate(18deg)
}
#profile .banner .radial-progress-230[data-progress="6"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="6"] .circle .mask.full {
transform: rotate(10.8deg)
}
#profile .banner .radial-progress-230[data-progress="6"] .circle .fill.fix {
transform: rotate(21.6deg)
}
#profile .banner .radial-progress-230[data-progress="7"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="7"] .circle .mask.full {
transform: rotate(12.6deg)
}
#profile .banner .radial-progress-230[data-progress="7"] .circle .fill.fix {
transform: rotate(25.2deg)
}
#profile .banner .radial-progress-230[data-progress="8"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="8"] .circle .mask.full {
transform: rotate(14.4deg)
}
#profile .banner .radial-progress-230[data-progress="8"] .circle .fill.fix {
transform: rotate(28.8deg)
}
#profile .banner .radial-progress-230[data-progress="9"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="9"] .circle .mask.full {
transform: rotate(16.2deg)
}
#profile .banner .radial-progress-230[data-progress="9"] .circle .fill.fix {
transform: rotate(32.4deg)
}
#profile .banner .radial-progress-230[data-progress="10"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="10"] .circle .mask.full {
transform: rotate(18deg)
}
#profile .banner .radial-progress-230[data-progress="10"] .circle .fill.fix {
transform: rotate(36deg)
}
#profile .banner .radial-progress-230[data-progress="11"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="11"] .circle .mask.full {
transform: rotate(19.8deg)
}
#profile .banner .radial-progress-230[data-progress="11"] .circle .fill.fix {
transform: rotate(39.6deg)
}
#profile .banner .radial-progress-230[data-progress="12"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="12"] .circle .mask.full {
transform: rotate(21.6deg)
}
#profile .banner .radial-progress-230[data-progress="12"] .circle .fill.fix {
transform: rotate(43.2deg)
}
#profile .banner .radial-progress-230[data-progress="13"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="13"] .circle .mask.full {
transform: rotate(23.4deg)
}
#profile .banner .radial-progress-230[data-progress="13"] .circle .fill.fix {
transform: rotate(46.8deg)
}
#profile .banner .radial-progress-230[data-progress="14"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="14"] .circle .mask.full {
transform: rotate(25.2deg)
}
#profile .banner .radial-progress-230[data-progress="14"] .circle .fill.fix {
transform: rotate(50.4deg)
}
#profile .banner .radial-progress-230[data-progress="15"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="15"] .circle .mask.full {
transform: rotate(27deg)
}
#profile .banner .radial-progress-230[data-progress="15"] .circle .fill.fix {
transform: rotate(54deg)
}
#profile .banner .radial-progress-230[data-progress="16"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="16"] .circle .mask.full {
transform: rotate(28.8deg)
}
#profile .banner .radial-progress-230[data-progress="16"] .circle .fill.fix {
transform: rotate(57.6deg)
}
#profile .banner .radial-progress-230[data-progress="17"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="17"] .circle .mask.full {
transform: rotate(30.6deg)
}
#profile .banner .radial-progress-230[data-progress="17"] .circle .fill.fix {
transform: rotate(61.2deg)
}
#profile .banner .radial-progress-230[data-progress="18"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="18"] .circle .mask.full {
transform: rotate(32.4deg)
}
#profile .banner .radial-progress-230[data-progress="18"] .circle .fill.fix {
transform: rotate(64.8deg)
}
#profile .banner .radial-progress-230[data-progress="19"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="19"] .circle .mask.full {
transform: rotate(34.2deg)
}
#profile .banner .radial-progress-230[data-progress="19"] .circle .fill.fix {
transform: rotate(68.4deg)
}
#profile .banner .radial-progress-230[data-progress="20"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="20"] .circle .mask.full {
transform: rotate(36deg)
}
#profile .banner .radial-progress-230[data-progress="20"] .circle .fill.fix {
transform: rotate(72deg)
}
#profile .banner .radial-progress-230[data-progress="21"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="21"] .circle .mask.full {
transform: rotate(37.8deg)
}
#profile .banner .radial-progress-230[data-progress="21"] .circle .fill.fix {
transform: rotate(75.6deg)
}
#profile .banner .radial-progress-230[data-progress="22"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="22"] .circle .mask.full {
transform: rotate(39.6deg)
}
#profile .banner .radial-progress-230[data-progress="22"] .circle .fill.fix {
transform: rotate(79.2deg)
}
#profile .banner .radial-progress-230[data-progress="23"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="23"] .circle .mask.full {
transform: rotate(41.4deg)
}
#profile .banner .radial-progress-230[data-progress="23"] .circle .fill.fix {
transform: rotate(82.8deg)
}
#profile .banner .radial-progress-230[data-progress="24"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="24"] .circle .mask.full {
transform: rotate(43.2deg)
}
#profile .banner .radial-progress-230[data-progress="24"] .circle .fill.fix {
transform: rotate(86.4deg)
}
#profile .banner .radial-progress-230[data-progress="25"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="25"] .circle .mask.full {
transform: rotate(45deg)
}
#profile .banner .radial-progress-230[data-progress="25"] .circle .fill.fix {
transform: rotate(90deg)
}
#profile .banner .radial-progress-230[data-progress="26"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="26"] .circle .mask.full {
transform: rotate(46.8deg)
}
#profile .banner .radial-progress-230[data-progress="26"] .circle .fill.fix {
transform: rotate(93.6deg)
}
#profile .banner .radial-progress-230[data-progress="27"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="27"] .circle .mask.full {
transform: rotate(48.6deg)
}
#profile .banner .radial-progress-230[data-progress="27"] .circle .fill.fix {
transform: rotate(97.2deg)
}
#profile .banner .radial-progress-230[data-progress="28"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="28"] .circle .mask.full {
transform: rotate(50.4deg)
}
#profile .banner .radial-progress-230[data-progress="28"] .circle .fill.fix {
transform: rotate(100.8deg)
}
#profile .banner .radial-progress-230[data-progress="29"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="29"] .circle .mask.full {
transform: rotate(52.2deg)
}
#profile .banner .radial-progress-230[data-progress="29"] .circle .fill.fix {
transform: rotate(104.4deg)
}
#profile .banner .radial-progress-230[data-progress="30"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="30"] .circle .mask.full {
transform: rotate(54deg)
}
#profile .banner .radial-progress-230[data-progress="30"] .circle .fill.fix {
transform: rotate(108deg)
}
#profile .banner .radial-progress-230[data-progress="31"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="31"] .circle .mask.full {
transform: rotate(55.8deg)
}
#profile .banner .radial-progress-230[data-progress="31"] .circle .fill.fix {
transform: rotate(.31turn)
}
#profile .banner .radial-progress-230[data-progress="32"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="32"] .circle .mask.full {
transform: rotate(57.6deg)
}
#profile .banner .radial-progress-230[data-progress="32"] .circle .fill.fix {
transform: rotate(.32turn)
}
#profile .banner .radial-progress-230[data-progress="33"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="33"] .circle .mask.full {
transform: rotate(59.4deg)
}
#profile .banner .radial-progress-230[data-progress="33"] .circle .fill.fix {
transform: rotate(.33turn)
}
#profile .banner .radial-progress-230[data-progress="34"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="34"] .circle .mask.full {
transform: rotate(61.2deg)
}
#profile .banner .radial-progress-230[data-progress="34"] .circle .fill.fix {
transform: rotate(.34turn)
}
#profile .banner .radial-progress-230[data-progress="35"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="35"] .circle .mask.full {
transform: rotate(63deg)
}
#profile .banner .radial-progress-230[data-progress="35"] .circle .fill.fix {
transform: rotate(126deg)
}
#profile .banner .radial-progress-230[data-progress="36"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="36"] .circle .mask.full {
transform: rotate(64.8deg)
}
#profile .banner .radial-progress-230[data-progress="36"] .circle .fill.fix {
transform: rotate(.36turn)
}
#profile .banner .radial-progress-230[data-progress="37"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="37"] .circle .mask.full {
transform: rotate(66.6deg)
}
#profile .banner .radial-progress-230[data-progress="37"] .circle .fill.fix {
transform: rotate(.37turn)
}
#profile .banner .radial-progress-230[data-progress="38"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="38"] .circle .mask.full {
transform: rotate(68.4deg)
}
#profile .banner .radial-progress-230[data-progress="38"] .circle .fill.fix {
transform: rotate(.38turn)
}
#profile .banner .radial-progress-230[data-progress="39"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="39"] .circle .mask.full {
transform: rotate(70.2deg)
}
#profile .banner .radial-progress-230[data-progress="39"] .circle .fill.fix {
transform: rotate(.39turn)
}
#profile .banner .radial-progress-230[data-progress="40"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="40"] .circle .mask.full {
transform: rotate(72deg)
}
#profile .banner .radial-progress-230[data-progress="40"] .circle .fill.fix {
transform: rotate(144deg)
}
#profile .banner .radial-progress-230[data-progress="41"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="41"] .circle .mask.full {
transform: rotate(73.8deg)
}
#profile .banner .radial-progress-230[data-progress="41"] .circle .fill.fix {
transform: rotate(.41turn)
}
#profile .banner .radial-progress-230[data-progress="42"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="42"] .circle .mask.full {
transform: rotate(75.6deg)
}
#profile .banner .radial-progress-230[data-progress="42"] .circle .fill.fix {
transform: rotate(.42turn)
}
#profile .banner .radial-progress-230[data-progress="43"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="43"] .circle .mask.full {
transform: rotate(77.4deg)
}
#profile .banner .radial-progress-230[data-progress="43"] .circle .fill.fix {
transform: rotate(154.8deg)
}
#profile .banner .radial-progress-230[data-progress="44"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="44"] .circle .mask.full {
transform: rotate(79.2deg)
}
#profile .banner .radial-progress-230[data-progress="44"] .circle .fill.fix {
transform: rotate(.44turn)
}
#profile .banner .radial-progress-230[data-progress="45"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="45"] .circle .mask.full {
transform: rotate(81deg)
}
#profile .banner .radial-progress-230[data-progress="45"] .circle .fill.fix {
transform: rotate(162deg)
}
#profile .banner .radial-progress-230[data-progress="46"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="46"] .circle .mask.full {
transform: rotate(82.8deg)
}
#profile .banner .radial-progress-230[data-progress="46"] .circle .fill.fix {
transform: rotate(165.6deg)
}
#profile .banner .radial-progress-230[data-progress="47"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="47"] .circle .mask.full {
transform: rotate(84.6deg)
}
#profile .banner .radial-progress-230[data-progress="47"] .circle .fill.fix {
transform: rotate(.47turn)
}
#profile .banner .radial-progress-230[data-progress="48"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="48"] .circle .mask.full {
transform: rotate(86.4deg)
}
#profile .banner .radial-progress-230[data-progress="48"] .circle .fill.fix {
transform: rotate(172.8deg)
}
#profile .banner .radial-progress-230[data-progress="49"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="49"] .circle .mask.full {
transform: rotate(88.2deg)
}
#profile .banner .radial-progress-230[data-progress="49"] .circle .fill.fix {
transform: rotate(.49turn)
}
#profile .banner .radial-progress-230[data-progress="50"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="50"] .circle .mask.full {
transform: rotate(90deg)
}
#profile .banner .radial-progress-230[data-progress="50"] .circle .fill.fix {
transform: rotate(180deg)
}
#profile .banner .radial-progress-230[data-progress="51"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="51"] .circle .mask.full {
transform: rotate(91.8deg)
}
#profile .banner .radial-progress-230[data-progress="51"] .circle .fill.fix {
transform: rotate(.51turn)
}
#profile .banner .radial-progress-230[data-progress="52"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="52"] .circle .mask.full {
transform: rotate(93.6deg)
}
#profile .banner .radial-progress-230[data-progress="52"] .circle .fill.fix {
transform: rotate(.52turn)
}
#profile .banner .radial-progress-230[data-progress="53"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="53"] .circle .mask.full {
transform: rotate(95.4deg)
}
#profile .banner .radial-progress-230[data-progress="53"] .circle .fill.fix {
transform: rotate(.53turn)
}
#profile .banner .radial-progress-230[data-progress="54"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="54"] .circle .mask.full {
transform: rotate(97.2deg)
}
#profile .banner .radial-progress-230[data-progress="54"] .circle .fill.fix {
transform: rotate(.54turn)
}
#profile .banner .radial-progress-230[data-progress="55"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="55"] .circle .mask.full {
transform: rotate(99deg)
}
#profile .banner .radial-progress-230[data-progress="55"] .circle .fill.fix {
transform: rotate(198deg)
}
#profile .banner .radial-progress-230[data-progress="56"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="56"] .circle .mask.full {
transform: rotate(100.8deg)
}
#profile .banner .radial-progress-230[data-progress="56"] .circle .fill.fix {
transform: rotate(201.6deg)
}
#profile .banner .radial-progress-230[data-progress="57"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="57"] .circle .mask.full {
transform: rotate(102.6deg)
}
#profile .banner .radial-progress-230[data-progress="57"] .circle .fill.fix {
transform: rotate(.57turn)
}
#profile .banner .radial-progress-230[data-progress="58"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="58"] .circle .mask.full {
transform: rotate(104.4deg)
}
#profile .banner .radial-progress-230[data-progress="58"] .circle .fill.fix {
transform: rotate(208.8deg)
}
#profile .banner .radial-progress-230[data-progress="59"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="59"] .circle .mask.full {
transform: rotate(106.2deg)
}
#profile .banner .radial-progress-230[data-progress="59"] .circle .fill.fix {
transform: rotate(.59turn)
}
#profile .banner .radial-progress-230[data-progress="60"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="60"] .circle .mask.full {
transform: rotate(108deg)
}
#profile .banner .radial-progress-230[data-progress="60"] .circle .fill.fix {
transform: rotate(216deg)
}
#profile .banner .radial-progress-230[data-progress="61"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="61"] .circle .mask.full {
transform: rotate(109.8deg)
}
#profile .banner .radial-progress-230[data-progress="61"] .circle .fill.fix {
transform: rotate(.61turn)
}
#profile .banner .radial-progress-230[data-progress="62"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="62"] .circle .mask.full {
transform: rotate(.31turn)
}
#profile .banner .radial-progress-230[data-progress="62"] .circle .fill.fix {
transform: rotate(.62turn)
}
#profile .banner .radial-progress-230[data-progress="63"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="63"] .circle .mask.full {
transform: rotate(113.4deg)
}
#profile .banner .radial-progress-230[data-progress="63"] .circle .fill.fix {
transform: rotate(.63turn)
}
#profile .banner .radial-progress-230[data-progress="64"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="64"] .circle .mask.full {
transform: rotate(.32turn)
}
#profile .banner .radial-progress-230[data-progress="64"] .circle .fill.fix {
transform: rotate(.64turn)
}
#profile .banner .radial-progress-230[data-progress="65"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="65"] .circle .mask.full {
transform: rotate(117deg)
}
#profile .banner .radial-progress-230[data-progress="65"] .circle .fill.fix {
transform: rotate(234deg)
}
#profile .banner .radial-progress-230[data-progress="66"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="66"] .circle .mask.full {
transform: rotate(.33turn)
}
#profile .banner .radial-progress-230[data-progress="66"] .circle .fill.fix {
transform: rotate(.66turn)
}
#profile .banner .radial-progress-230[data-progress="67"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="67"] .circle .mask.full {
transform: rotate(120.6deg)
}
#profile .banner .radial-progress-230[data-progress="67"] .circle .fill.fix {
transform: rotate(241.2deg)
}
#profile .banner .radial-progress-230[data-progress="68"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="68"] .circle .mask.full {
transform: rotate(.34turn)
}
#profile .banner .radial-progress-230[data-progress="68"] .circle .fill.fix {
transform: rotate(.68turn)
}
#profile .banner .radial-progress-230[data-progress="69"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="69"] .circle .mask.full {
transform: rotate(124.2deg)
}
#profile .banner .radial-progress-230[data-progress="69"] .circle .fill.fix {
transform: rotate(248.4deg)
}
#profile .banner .radial-progress-230[data-progress="70"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="70"] .circle .mask.full {
transform: rotate(126deg)
}
#profile .banner .radial-progress-230[data-progress="70"] .circle .fill.fix {
transform: rotate(252deg)
}
#profile .banner .radial-progress-230[data-progress="71"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="71"] .circle .mask.full {
transform: rotate(127.8deg)
}
#profile .banner .radial-progress-230[data-progress="71"] .circle .fill.fix {
transform: rotate(.71turn)
}
#profile .banner .radial-progress-230[data-progress="72"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="72"] .circle .mask.full {
transform: rotate(.36turn)
}
#profile .banner .radial-progress-230[data-progress="72"] .circle .fill.fix {
transform: rotate(.72turn)
}
#profile .banner .radial-progress-230[data-progress="73"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="73"] .circle .mask.full {
transform: rotate(131.4deg)
}
#profile .banner .radial-progress-230[data-progress="73"] .circle .fill.fix {
transform: rotate(.73turn)
}
#profile .banner .radial-progress-230[data-progress="74"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="74"] .circle .mask.full {
transform: rotate(.37turn)
}
#profile .banner .radial-progress-230[data-progress="74"] .circle .fill.fix {
transform: rotate(.74turn)
}
#profile .banner .radial-progress-230[data-progress="75"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="75"] .circle .mask.full {
transform: rotate(135deg)
}
#profile .banner .radial-progress-230[data-progress="75"] .circle .fill.fix {
transform: rotate(270deg)
}
#profile .banner .radial-progress-230[data-progress="76"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="76"] .circle .mask.full {
transform: rotate(.38turn)
}
#profile .banner .radial-progress-230[data-progress="76"] .circle .fill.fix {
transform: rotate(.76turn)
}
#profile .banner .radial-progress-230[data-progress="77"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="77"] .circle .mask.full {
transform: rotate(138.6deg)
}
#profile .banner .radial-progress-230[data-progress="77"] .circle .fill.fix {
transform: rotate(.77turn)
}
#profile .banner .radial-progress-230[data-progress="78"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="78"] .circle .mask.full {
transform: rotate(.39turn)
}
#profile .banner .radial-progress-230[data-progress="78"] .circle .fill.fix {
transform: rotate(.78turn)
}
#profile .banner .radial-progress-230[data-progress="79"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="79"] .circle .mask.full {
transform: rotate(142.2deg)
}
#profile .banner .radial-progress-230[data-progress="79"] .circle .fill.fix {
transform: rotate(284.4deg)
}
#profile .banner .radial-progress-230[data-progress="80"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="80"] .circle .mask.full {
transform: rotate(144deg)
}
#profile .banner .radial-progress-230[data-progress="80"] .circle .fill.fix {
transform: rotate(288deg)
}
#profile .banner .radial-progress-230[data-progress="81"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="81"] .circle .mask.full {
transform: rotate(145.8deg)
}
#profile .banner .radial-progress-230[data-progress="81"] .circle .fill.fix {
transform: rotate(.81turn)
}
#profile .banner .radial-progress-230[data-progress="82"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="82"] .circle .mask.full {
transform: rotate(.41turn)
}
#profile .banner .radial-progress-230[data-progress="82"] .circle .fill.fix {
transform: rotate(.82turn)
}
#profile .banner .radial-progress-230[data-progress="83"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="83"] .circle .mask.full {
transform: rotate(149.4deg)
}
#profile .banner .radial-progress-230[data-progress="83"] .circle .fill.fix {
transform: rotate(298.8deg)
}
#profile .banner .radial-progress-230[data-progress="84"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="84"] .circle .mask.full {
transform: rotate(.42turn)
}
#profile .banner .radial-progress-230[data-progress="84"] .circle .fill.fix {
transform: rotate(.84turn)
}
#profile .banner .radial-progress-230[data-progress="85"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="85"] .circle .mask.full {
transform: rotate(153deg)
}
#profile .banner .radial-progress-230[data-progress="85"] .circle .fill.fix {
transform: rotate(306deg)
}
#profile .banner .radial-progress-230[data-progress="86"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="86"] .circle .mask.full {
transform: rotate(154.8deg)
}
#profile .banner .radial-progress-230[data-progress="86"] .circle .fill.fix {
transform: rotate(309.6deg)
}
#profile .banner .radial-progress-230[data-progress="87"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="87"] .circle .mask.full {
transform: rotate(156.6deg)
}
#profile .banner .radial-progress-230[data-progress="87"] .circle .fill.fix {
transform: rotate(.87turn)
}
#profile .banner .radial-progress-230[data-progress="88"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="88"] .circle .mask.full {
transform: rotate(.44turn)
}
#profile .banner .radial-progress-230[data-progress="88"] .circle .fill.fix {
transform: rotate(.88turn)
}
#profile .banner .radial-progress-230[data-progress="89"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="89"] .circle .mask.full {
transform: rotate(160.2deg)
}
#profile .banner .radial-progress-230[data-progress="89"] .circle .fill.fix {
transform: rotate(320.4deg)
}
#profile .banner .radial-progress-230[data-progress="90"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="90"] .circle .mask.full {
transform: rotate(162deg)
}
#profile .banner .radial-progress-230[data-progress="90"] .circle .fill.fix {
transform: rotate(324deg)
}
#profile .banner .radial-progress-230[data-progress="91"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="91"] .circle .mask.full {
transform: rotate(163.8deg)
}
#profile .banner .radial-progress-230[data-progress="91"] .circle .fill.fix {
transform: rotate(.91turn)
}
#profile .banner .radial-progress-230[data-progress="92"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="92"] .circle .mask.full {
transform: rotate(165.6deg)
}
#profile .banner .radial-progress-230[data-progress="92"] .circle .fill.fix {
transform: rotate(331.2deg)
}
#profile .banner .radial-progress-230[data-progress="93"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="93"] .circle .mask.full {
transform: rotate(167.4deg)
}
#profile .banner .radial-progress-230[data-progress="93"] .circle .fill.fix {
transform: rotate(.93turn)
}
#profile .banner .radial-progress-230[data-progress="94"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="94"] .circle .mask.full {
transform: rotate(.47turn)
}
#profile .banner .radial-progress-230[data-progress="94"] .circle .fill.fix {
transform: rotate(.94turn)
}
#profile .banner .radial-progress-230[data-progress="95"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="95"] .circle .mask.full {
transform: rotate(171deg)
}
#profile .banner .radial-progress-230[data-progress="95"] .circle .fill.fix {
transform: rotate(342deg)
}
#profile .banner .radial-progress-230[data-progress="96"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="96"] .circle .mask.full {
transform: rotate(172.8deg)
}
#profile .banner .radial-progress-230[data-progress="96"] .circle .fill.fix {
transform: rotate(345.6deg)
}
#profile .banner .radial-progress-230[data-progress="97"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="97"] .circle .mask.full {
transform: rotate(174.6deg)
}
#profile .banner .radial-progress-230[data-progress="97"] .circle .fill.fix {
transform: rotate(.97turn)
}
#profile .banner .radial-progress-230[data-progress="98"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="98"] .circle .mask.full {
transform: rotate(.49turn)
}
#profile .banner .radial-progress-230[data-progress="98"] .circle .fill.fix {
transform: rotate(.98turn)
}
#profile .banner .radial-progress-230[data-progress="99"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="99"] .circle .mask.full {
transform: rotate(178.2deg)
}
#profile .banner .radial-progress-230[data-progress="99"] .circle .fill.fix {
transform: rotate(.99turn)
}
#profile .banner .radial-progress-230[data-progress="100"] .circle .fill,
#profile .banner .radial-progress-230[data-progress="100"] .circle .mask.full {
transform: rotate(180deg)
}
#profile .banner .radial-progress-230[data-progress="100"] .circle .fill.fix {
transform: rotate(1turn)
}
#profile .banner .field-group .col-md-6 {
border-bottom: 1px solid #fff;
float: left;
margin: 0 0 15px!important;
width: 50%
}
#profile .banner .field-group .col-md-6 input {
padding: 10px 2px
}
#profile .banner .details .username-title {
margin-bottom: 10px
}
#profile .banner .details .username-title .field input {
font: 300 1em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
#profile .banner .details .username-title .user-firstname,
#profile .banner .details .username-title .user-lastname {
text-align: center
}
#profile .banner .details .userid {
padding: 0 10px 10px;
font-weight: 400;
margin-top: 5px
}
#profile .banner .details.public .username-title {
margin: 10px;
font: 300 1em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
#profile .banner .details.public li {
font: 200 1em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
margin: 5px
}
#profile .banner input[name=professional_headline] {
font-weight: 200;
padding: 0 20px
}
#profile .banner .avatar-container {
position: relative;
height: 100%
}
#profile .banner .avatar-container .overlay {
content: "";
position: absolute;
opacity: 0;
top: 50%;
left: 0;
height: 50%;
width: 100%;
border-radius: 0 0 174px 174px;
-moz-border-radius: 0 0 174px 174px;
-webkit-border-radius: 0 0 174px 174px;
background: hsla(0, 0%, 100%, .5);
transition: all .5s ease
}
#profile .banner .avatar-container .overlay h5 {
margin-top: 10px;
color: #2d3942;
font-weight: 600
}
#profile .banner .avatar-container .overlay h5 i {
font: 600 1.875em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
#profile .banner .avatar-container .avatar {
border: 3px solid #fff;
border-radius: 50%;
width: 100%;
height: 100%
}
#profile .banner .avatar-container:hover .bubble-right,
#profile .banner .avatar-container:hover .overlay {
opacity: 1
}
#profile .banner .avatar-container .bubble-right {
display: none;
opacity: 0;
width: 110px;
height: 65px;
left: -135px;
top: 0;
background: #8fc8e2;
position: absolute;
border-radius: 5px;
color: #2d3942;
font-size: .75em;
font-weight: 400;
transition: all .25s ease
}
#profile .banner .avatar-container .bubble-right .bubble-title {
color: #fff;
margin: 0 0 3px;
font: 400 2.5em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
#profile .banner .avatar-container .bubble-right:before {
content: "";
position: absolute;
left: 100%;
top: 25px;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-left: 10px solid #8fc8e2;
border-bottom: 8px solid transparent
}
#profile .banner .avatar-container #avatar {
width: 300px!important;
height: 300px;
position: absolute;
top: -55px;
left: -65px
}
#profile .banner .profile-subsciptions li:first-child {
padding-bottom: 10px
}
#profile .banner .profile-subsciptions li:first-child .view-subscription {
font-size: 14px;
margin-right: 10px
}
#profile .public-switch,
#profile .public-switch-text {
margin-top: 30px
}
#profile .profile-narrative {
margin: 30px 0 50px;
padding: 0 40px
}
#profile .btn-explanation {
display: block;
font-size: .8em;
color: #5d666d;
padding: 5px 0 0
}
#profile .info-box #details .field .no-placeholder {
display: inline-block;
color: #aaa;
width: 20%;
font-size: .8125em
}
#profile .info-box #details .field input,
#profile .info-box #details .field select {
display: inline-block;
width: calc(80% - 5px);
padding: 10px 5px;
vertical-align: middle
}
@media only screen and (min-width:768px) {
#profile .info-box #details .field .no-placeholder {
font-size: 1em
}
}
#profile .message-info {
font-size: .75em;
color: #5d666d
}
@media only screen and (min-width:768px) {
#profile .message-info {
font-size: .875em
}
}
@media only screen and (min-width:1020px) {
#profile .message-info {
font-size: 1em
}
}
#profile .details {
margin: 0 auto;
max-width: 400px
}
#profile .public .public-box .circle-text {
width: 75px;
height: 75px;
background: #0091c7;
border-radius: 50%;
position: relative;
margin: 25px auto;
text-align: center;
color: #fff;
padding: 15px;
border-top: 1px solid #fff
}
#profile .public .public-box .circle-text.alison:before {
width: 100%;
height: 100%;
border-radius: 50%;
background: #0091c7 no-repeat 0 0/cover;
opacity: .75;
content: " ";
position: absolute;
top: 0;
left: 0;
overflow: hidden
}
#profile .public .public-box .circle-text.alison div {
position: absolute;
width: 100%;
height: 100%;
text-align: center;
color: #fff;
top: 0;
left: 0;
padding: 15px;
font-weight: 500
}
#profile .public .public-box .public-row {
padding: 15px 0;
border-bottom: 1px solid #fff;
color: #5d666d
}
#profile .public .public-box .public-row:last-child {
border-bottom: none
}
#profile .public .public-box .public-row h4 {
color: #0091c7;
font: 300 1.25em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
margin-bottom: 15px
}
#profile .public .public-box .public-row .course-sm-picture {
text-align: center
}
#profile .public .public-box .public-row .course-sm-picture img {
border: 1px solid #aaa;
height: 75px;
width: 75px
}
#profile .public .public-box .public-row div,
#profile .public .public-box .public-row li,
#profile .public .public-box .public-row p {
font-size: .9375em
}
#profile .public .public-box .public-row ul li {
margin: 10px 0
}
#profile .public .public-box .public-row a,
#profile .public .public-box .public-row a:visited {
color: #5d666d
}
#profile .public .public-box .public-row a:hover {
text-decoration: underline
}
#profile .public .public-box .public-row .education-title {
font-weight: 700
}
@media only screen and (min-width:768px) {
#profile .banner .field-group .col-md-6 {
margin: 0 15px;
width: calc(50% - 15px)
}
#profile .banner .field-group .col-md-6:last-child {
float: right
}
#profile .public .public-box:before {
content: "";
width: 1px;
height: calc(100% - 350px);
position: absolute;
background: 0 0;
top: 160px;
left: 73px;
border-left: 3px solid #0091c7
}
#profile .public .public-box .public-row {
height: 250px;
border-bottom: none
}
#profile .public .public-box .circle-text {
margin: 0
}
}
@media only screen and (min-width:1020px) {
#profile .public .public-box:before {
left: 67px
}
#profile .public .public-box .public-row {
height: 175px
}
#profile .banner .radial-progress-profile-picture {
margin: 25px auto 20px
}
#profile .banner .details .username-title input {
padding: 10px
}
#profile .banner .details .username-title .user-firstname {
text-align: right
}
#profile .banner .details .username-title .user-lastname {
text-align: left
}
#profile .banner .view-profile {
font-size: .875em;
line-height: 20px;
margin-right: 10px
}
#profile .banner .view-profile span {
text-decoration: underline
}
#profile .banner .avatar-container .bubble-right {
display: block
}
}
@media print {
.wrapper,
body,
html {
width: 100%!important;
height: auto!important;
overflow: visible!important
}
.banner-container {
display: none!important
}
.tab {
display: block!important;
page-break-after: always
}
.ad,
.adsbygoogle,
.banner,
.print-btn,
.profile-narrative,
.sale,
.tab-header-inline,
.top-bar,
button {
display: none!important
}
}
#user-confirmation .banner-hp .banner-align,
#user-confirmation .banner .banner-align {
height: 200px
}
#user-confirmation .confirmation-top-ad {
display: block
}
@media screen and (min-width:1278px) {
#user-confirmation .confirmation-top-ad {
display: none
}
}
section#user-confirmation-page {
padding-top: 30px
}
section#user-confirmation-page .banner-hp .banner-align,
section#user-confirmation-page .banner .banner-align {
height: 350px
}
section#user-confirmation-page h1 {
line-height: 1.1666666667em;
font-weight: 400;
font-size: 3.175em;
margin-top: -10px;
color: #465159
}
section#user-confirmation-page h1+p {
margin-top: -25px;
padding: 0!important
}
section#user-confirmation-page h2 {
line-height: 1.1666666667em;
font-weight: 400;
font-size: 2.875em;
color: #465159;
text-align: center
}
section#user-confirmation-page p.content-paragraph {
font-weight: 400;
font-size: 1.175em;
padding: 0 20px
}
section#user-confirmation-page p.content-paragraph a:link,
section#user-confirmation-page p.content-paragraph a:visited {
color: #0091c7;
transition: color 2s
}
section#user-confirmation-page p.content-paragraph a:active,
section#user-confirmation-page p.content-paragraph a:focus,
section#user-confirmation-page p.content-paragraph a:hover {
color: #00597b
}
section#user-confirmation-page p.content-paragraph.headline {
text-align: center
}
section#user-confirmation-page .confirmation-wrapper {
max-width: 1450px;
color: #465159
}
section#user-confirmation-page .full-width-wrapper .confirmation-middle-column {
max-width: 630px;
margin-left: auto;
margin-right: auto;
text-align: center;
padding-top: 20px
}
section#user-confirmation-page .full-width-wrapper .confirmation-left-column {
width: 320px;
float: left;
display: block
}
@media screen and (max-width:1278px) {
section#user-confirmation-page .full-width-wrapper .confirmation-left-column {
display: none
}
}
section#user-confirmation-page .full-width-wrapper .confirmation-right-column {
width: 320px;
float: right;
display: block
}
@media screen and (max-width:1278px) {
section#user-confirmation-page .full-width-wrapper .confirmation-right-column {
display: none
}
}
section#user-confirmation-page .full-width-wrapper .sidead {
width: 300px;
height: 250px;
margin-left: auto;
margin-right: auto
}
section#user-confirmation-page #confirmation-bottom-section,
section#user-confirmation-page #confirmation-top-section {
padding-top: 20px;
padding-bottom: 20px
}
section#user-confirmation-page #confirmation-bottom-section {
background-color: #f2f5f6;
margin-bottom: -20px
}
section#user-confirmation-page .confirmation-left {
text-align: center
}
@media only screen and (min-width:768px) {
section#user-confirmation-page .confirmation-left {
text-align: right
}
}
section#user-confirmation-page .confirmation-right {
text-align: center
}
@media only screen and (min-width:768px) {
section#user-confirmation-page .confirmation-right {
text-align: left
}
}
ul.supporting-menu {
text-align: center;
margin-bottom: 25px
}
ul.supporting-menu li {
display: inline-block;
vertical-align: top;
width: 200px;
margin: 0 5px
}
.enterprise-solutions-banner {
margin-bottom: 0;
text-align: center
}
.enterprise-solutions-banner h1 {
font-weight: 400;
font-size: 1.975em;
margin-top: 300px
}
.enterprise-solutions-banner h3 {
font-weight: 400;
font-size: 1.475em;
color: #83c11f
}
section#quote-section {
background: #f3f6f7
}
section#quote-section .quote {
padding: 25px 0
}
section#quote-section blockquote {
padding: 35px 20px 0 120px;
margin-left: 30px;
background-repeat: no-repeat;
background-position: 0 0;
font-weight: 400;
font-size: 1.3em;
line-height: 2.3em;
font-style: italic;
color: #5d666d
}
section#quote-section p.signature {
font-weight: 400;
font-size: 1.3em;
margin-top: 10px;
margin-left: 165px;
color: #2d3942
}
@media(min-width:1440px) {
section#quote-section p.signature {
padding-left: 45px
}
}
section#enterprise-api-more-info {
padding-top: 80px;
padding-bottom: 20px
}
section#enterprise-api-more-info h2 {
color: #2d3942;
font-weight: 400;
font-size: 1.475em
}
section#enterprise-api-more-info p,
section.enterprise-solutions-pages-content {
color: #868c92
}
section.enterprise-solutions-pages-content .wide-wrapper {
margin: 0 auto;
max-width: 1500px;
padding: 10px 20px 0;
position: relative
}
section.enterprise-solutions-pages-content h4 {
color: #2d3942;
margin-bottom: 5px;
line-height: 1.475em
}
section.enterprise-solutions-pages-content p {
margin-bottom: 5px;
padding-bottom: 20px
}
section.enterprise-solutions-pages-content a:link,
section.enterprise-solutions-pages-content a:visited {
text-decoration: none;
color: #f49b29;
font-weight: 400;
font-size: .975em
}
section.enterprise-solutions-pages-content a:active,
section.enterprise-solutions-pages-content a:focus,
section.enterprise-solutions-pages-content a:hover {
color: #df820b
}
section.enterprise-solutions-pages-content .enterprise-solutions-top-section {
padding-top: 50px;
padding-bottom: 50px
}
section.enterprise-solutions-pages-content #bulk-purchase {
padding-top: 110px;
margin-top: -110px;
background-clip: content-box
}
section.enterprise-solutions-pages-content #bulk-purchase-page-outline,
section.enterprise-solutions-pages-content #enterprise-solutions-page-outline {
margin: 15px 0
}
section.enterprise-solutions-pages-content #bulk-purchase-page-outline strong,
section.enterprise-solutions-pages-content #enterprise-solutions-page-outline strong {
color: #2d3942
}
section.enterprise-solutions-pages-content #bulk-purchase-page-outline .outline-item,
section.enterprise-solutions-pages-content #enterprise-solutions-page-outline .outline-item {
margin-bottom: 50px;
color: #868c92
}
section.enterprise-solutions-pages-content #bulk-purchase-page-outline .outline-item.ref-outline,
section.enterprise-solutions-pages-content #enterprise-solutions-page-outline .outline-item.ref-outline {
margin-bottom: 0
}
section.enterprise-solutions-pages-content #bulk-purchase-page-outline .outline-item.ref-outline .ref-paragraph,
section.enterprise-solutions-pages-content #enterprise-solutions-page-outline .outline-item.ref-outline .ref-paragraph {
padding-top: 18px
}
section.enterprise-solutions-pages-content #bulk-purchase-page-outline .ref-bold,
section.enterprise-solutions-pages-content #enterprise-solutions-page-outline .ref-bold {
color: #2d3942;
margin-top: 40px;
margin-bottom: 60px
}
section.enterprise-solutions-pages-content #bulk-purchase-page-outline img.ipad-image,
section.enterprise-solutions-pages-content #enterprise-solutions-page-outline img.ipad-image {
display: none
}
section.enterprise-solutions-pages-content #enterprise-page-split .split-screen-module {
width: 100%
}
section.enterprise-solutions-pages-content #enterprise-page-split .split-screen-module .split-screen-column {
width: 100%;
float: left
}
@media only screen and (min-width:1140px) {
section.enterprise-solutions-pages-content #enterprise-page-split .split-screen-module .split-screen-column {
width: 50%;
float: left
}
}
section.enterprise-solutions-pages-content #enterprise-page-split .split-screen-module .split-screen-column.content-column {
background-color: #f5f8fa
}
section.enterprise-solutions-pages-content #enterprise-page-split .split-screen-module .split-screen-column.vertical-align-parent {
position: static
}
@media only screen and (min-width:1140px) {
section.enterprise-solutions-pages-content #enterprise-page-split .split-screen-module .split-screen-column.vertical-align-parent {
position: relative
}
}
section.enterprise-solutions-pages-content #enterprise-page-split .split-screen-module .split-screen-column.vertical-align-parent .vertical-align-child {
position: static;
top: auto;
transform: none
}
@media only screen and (min-width:1140px) {
section.enterprise-solutions-pages-content #enterprise-page-split .split-screen-module .split-screen-column.vertical-align-parent .vertical-align-child {
position: relative;
top: 50%;
transform: translateY(-50%)
}
}
section.enterprise-solutions-pages-content #enterprise-page-split .split-screen-module .split-screen-column.background-image-column {
background-position: 50%;
background-size: cover
}
section.enterprise-solutions-pages-content #enterprise-page-split .split-screen-module .split-screen-column.background-image-column img {
width: 100%;
height: 100%;
display: block;
visibility: hidden
}
section.enterprise-solutions-pages-content #enterprise-page-split .split-screen-module .split-screen-column .content-area {
width: 100%
}
@media only screen and (min-width:1140px) {
section.enterprise-solutions-pages-content #enterprise-page-split .split-screen-module .split-screen-column .content-area {
max-width: 570px
}
}
section.enterprise-solutions-pages-content #enterprise-page-split .split-screen-module .split-screen-column .content-area.left {
float: right;
padding: 10px 50px 10px 15px
}
section.enterprise-solutions-pages-content #enterprise-page-split .split-screen-module .split-screen-column .content-area.right {
float: left;
padding: 10px 15px 10px 50px
}
section.enterprise-solutions-pages-content #enterprise-page-split .split-screen-module .split-screen-column .content-area h3,
section.enterprise-solutions-pages-content #enterprise-page-split .split-screen-module .split-screen-column .content-area p {
color: #2d3942
}
section.enterprise-solutions-pages-content #enterprise-page-split .split-screen-module .split-screen-column .content-area p {
font-weight: 500
}
section.enterprise-solutions-pages-content #enterprise-page-split .split-screen-module .split-screen-column .content-area p:last-of-type {
padding-bottom: 0;
margin-bottom: 0
}
section.enterprise-solutions-pages-content #enterprise-page-split .split-screen-module .split-screen-column .content-area ul li {
padding: 14px 0 3px 60px;
list-style: none;
margin: 0;
height: 65px;
font-weight: 400;
font-size: .875em;
color: #2d3a42
}
section.enterprise-solutions-pages-content #enterprise-page-split .split-screen-module .split-screen-column.background-image-column img {
visibility: visible!important
}
section.enterprise-solutions-pages-content #enterprise-page-split h2 {
color: #2d3942;
font-weight: 400;
font-size: 1.475em
}
section.enterprise-solutions-pages-content #enterprise-page-split h5 {
font-weight: 400;
font-size: .9275em
}
section.enterprise-solutions-pages-content #enterprise-page-split ul {
padding-left: 50px;
color: #2d3942
}
section.enterprise-solutions-pages-content #enterprise-page-split ul li {
padding: 14px 0 3px 60px;
list-style: none;
margin: 0;
height: 65px
}
section.enterprise-solutions-pages-content #enterprise-page-split h4 {
margin-top: 10px;
font-weight: 400;
font-size: 1.075em;
font-style: italic;
color: #2d3942
}
section.enterprise-solutions-pages-content section#enterprise-page-split-section {
background-color: #f5f8fa;
padding-left: 0;
padding-right: 0
}
section.enterprise-solutions-pages-content section#enterprise-page-split-section img {
width: 100%;
height: auto
}
section.enterprise-solutions-pages-content section#enterprise-page-split-section h2 {
color: #2d3942;
font-weight: 400;
font-size: 1.475em
}
section.enterprise-solutions-pages-content section#enterprise-page-split-section ul {
padding-left: 50px;
color: #2d3942
}
section.enterprise-solutions-pages-content section#enterprise-page-split-section ul li {
padding: 14px 0 3px 60px;
list-style: none;
margin: 0;
height: 65px
}
section.enterprise-solutions-pages-content section#enterprise-page-split-section h4 {
margin-top: 10px;
font-weight: 400;
font-size: 1.075em;
font-style: italic;
color: #2d3942
}
section.enterprise-solutions-pages-content section#enterprise-page-split-section .enterprise-page-split-left-col #api-image-insert,
section.enterprise-solutions-pages-content section#enterprise-page-split-section .enterprise-page-split-right-col #api-image-insert {
height: 100%;
margin-bottom: 40px
}
section.enterprise-solutions-pages-content section#enterprise-page-split-section .enterprise-page-split-left-col #bulk-purchase-image-insert,
section.enterprise-solutions-pages-content section#enterprise-page-split-section .enterprise-page-split-right-col #bulk-purchase-image-insert {
height: 100%;
margin-bottom: 40px
}
section.enterprise-solutions-pages-content section#enterprise-page-split-section .enterprise-page-split-left-col.flexbox,
section.enterprise-solutions-pages-content section#enterprise-page-split-section .enterprise-page-split-right-col.flexbox {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center
}
section.enterprise-solutions-pages-content section#enterprise-page-split-section .enterprise-page-split-left-col .enterprise-page-split-right-insert,
section.enterprise-solutions-pages-content section#enterprise-page-split-section .enterprise-page-split-right-col .enterprise-page-split-right-insert {
padding-left: 5%
}
section.enterprise-solutions-pages-content section#enterprise-page-split-section .enterprise-page-split-left-col .enterprise-page-split-left-insert,
section.enterprise-solutions-pages-content section#enterprise-page-split-section .enterprise-page-split-right-col .enterprise-page-split-left-insert {
padding-left: 15px;
padding-top: 15px;
padding-bottom: 15px
}
#prepaid-certification-first-section {
color: #868c92;
padding-top: 50px
}
#prepaid-certification-first-section .row>div:first-child {
text-align: center
}
#prepaid-certification-first-section p.highlight {
font-weight: 500;
font-size: .875em;
font-style: italic;
color: #2d3942
}
#prepaid-certification-first-section img {
position: relative;
top: -27px;
right: 40px
}
.enterprise-application-data h2 {
color: #2d3942;
font-weight: 400;
font-size: 1.475em;
margin-top: 20px
}
.enterprise-application-data p {
color: #868c92;
font-weight: 500;
font-size: .875em
}
.enterprise-submit_icon {
height: 60px
}
.enterprise-submit_icon .icon {
text-align: center;
position: relative;
top: 50px;
z-index: 99
}
.enterprise-application-form-container {
margin-top: 50px
}
.enterprise-application-form-container .recaptcha-container {
float: none;
margin: 160px auto 30px;
width: 340px
}
#bulk-purchase-container {
background: #fff;
background: linear-gradient(180deg, #fff 0, #fff 65%, #ececed);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ececed", GradientType=0);
padding-top: 80px;
padding-bottom: 80px
}
#bulk-purchase-container h2 {
color: #2d3942;
font-weight: 400;
font-size: 1.475em
}
@media only screen and (min-width:768px) {
.enterprise-solutions-banner {
margin: 0 auto 70px
}
}
@media only screen and (min-width:1020px) {
section.enterprise-solutions-pages-content #enterprise-solutions-page-outline .outline-item img {
margin-top: 5px
}
section.enterprise-solutions-pages-content #enterprise-solutions-page-outline img.ipad-image {
display: block;
float: right;
width: calc(35% - 60px);
margin: 10px 0 25px;
height: 100%
}
section.enterprise-solutions-pages-content section#enterprise-page-split-section .enterprise-page-split-left-col .enterprise-page-split-left-insert {
padding-left: 16%
}
}
#learning-hub {
color: #465159
}
#learning-hub #common-hub-wrapper .ad {
margin-left: auto;
margin-right: auto
}
#learning-hub #common-hub-wrapper .learning-hub-cta {
max-width: 380px!important;
border-radius: 3px
}
#learning-hub #common-hub-wrapper .wrapper-with-padding {
padding: 35px 50px
}
#learning-hub #common-hub-wrapper section#heading-section {
color: #fff
}
#learning-hub #common-hub-wrapper section#heading-section .header-column {
height: 450px
}
#learning-hub #common-hub-wrapper section#heading-section .header-column.left .insert .english-campaign-cta {
margin-bottom: 25px
}
#learning-hub #common-hub-wrapper section#heading-section .header-column.left .insert .flag-wrap {
border: 1px solid hsla(0, 0%, 100%, .5);
border-radius: 4px;
padding: 5px 10px;
margin-bottom: 25px;
display: inline-block
}
#learning-hub #common-hub-wrapper section#heading-section .header-column.left .insert .flag-wrap span {
font-size: .775em;
display: inline-block;
padding-right: 15px;
padding-bottom: 4px
}
#learning-hub #common-hub-wrapper section#heading-section .header-column.left .insert .flag-wrap ul {
height: 26px;
display: inline-block
}
#learning-hub #common-hub-wrapper section#heading-section .header-column.left .insert .flag-wrap ul li {
display: inline-block;
vertical-align: top;
padding: 3px
}
#learning-hub #common-hub-wrapper section#heading-section .header-column.left .insert .flag-wrap ul li.parent {
cursor: pointer
}
#learning-hub #common-hub-wrapper section#heading-section .header-column.left .insert .flag-wrap ul li.parent ul {
display: none
}
#learning-hub #common-hub-wrapper section#heading-section .header-column.left .insert .flag-wrap ul li.parent ul.active {
display: block;
position: absolute
}
#learning-hub #common-hub-wrapper section#heading-section .header-column.left .insert .flag-wrap ul li.parent ul>li {
display: block;
position: relative;
z-index: 10;
background: #fff;
padding: 6px
}
#learning-hub #common-hub-wrapper section#heading-section .header-column.left .insert .flag-wrap ul li.parent ul>li a {
color: #0091c7
}
#learning-hub #common-hub-wrapper section#heading-section .header-column.left,
#learning-hub #common-hub-wrapper section#heading-section .header-column.right {
height: 450px;
display: table
}
#learning-hub #common-hub-wrapper section#heading-section .header-column.left .insert,
#learning-hub #common-hub-wrapper section#heading-section .header-column.right .insert {
display: table-cell;
vertical-align: middle
}
#learning-hub #common-hub-wrapper section#heading-section .header-column.right .insert {
text-align: right
}
#learning-hub #common-hub-wrapper section#heading-section .header-column.right .insert img {
width: 100%;
height: auto
}
@media(min-width:1760px) {
#learning-hub #common-hub-wrapper section#heading-section .header-column.right .insert img {
width: auto;
height: auto;
display: block
}
}
#learning-hub #common-hub-wrapper section#heading-section .header-column h1 {
font-weight: 500;
font-size: 1.975em
}
@media only screen and (min-width:768px) {
#learning-hub #common-hub-wrapper section#heading-section .header-column h1 {
font-weight: 500;
font-size: 2.375em
}
}
#learning-hub #common-hub-wrapper section#heading-section .header-column h1 span {
font-weight: 500;
font-size: 1.275em;
line-height: .975em
}
@media only screen and (min-width:768px) {
#learning-hub #common-hub-wrapper section#heading-section .header-column h1 span {
font-weight: 500;
font-size: 1.575em;
line-height: 1.275em
}
}
#learning-hub #common-hub-wrapper section#headline-section {
padding-top: 20px;
padding-bottom: 40px
}
#learning-hub #common-hub-wrapper section#headline-section h2 {
font-weight: 400;
font-size: 1.775em;
text-align: center;
padding-top: 20px
}
#learning-hub #common-hub-wrapper section#headline-section .headline-section-icon-wrap {
max-width: 1500px;
margin: 0 auto;
text-align: center;
padding-bottom: 30px
}
#learning-hub #common-hub-wrapper section#headline-section .headline-section-icon-wrap .single-icon-wrap {
width: 160px;
display: inline-block;
padding: 10px 0
}
#learning-hub #common-hub-wrapper section#headline-section .headline-section-icon-wrap .single-icon-wrap .desc {
color: #5d666d;
font: 400 1.275em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
display: inline-block;
height: 70px;
vertical-align: top
}
#learning-hub #common-hub-wrapper section#headline-section .headline-section-icon-wrap .single-icon-wrap .hi-icon {
position: relative;
display: inline-block;
font-size: 35px;
margin: 15px 30px;
width: 75px;
height: 75px;
line-height: 75px;
border-radius: 50%;
text-align: center;
z-index: 1;
color: #fff;
background: #0093c9;
transition: background .2s, color .2s;
margin: 15px 30px 30px
}
#learning-hub #common-hub-wrapper section#headline-section .headline-section-icon-wrap .single-icon-wrap .hi-icon:after {
position: absolute;
pointer-events: none;
width: 100%;
height: 100%;
border-radius: 50%;
content: "";
box-sizing: content-box;
top: -7px;
left: -7px;
padding: 7px;
box-shadow: 0 0 0 4px #0093c9;
transition: transform .2s, opacity .2s;
transform: scale(.8);
opacity: 0
}
#learning-hub #common-hub-wrapper section#headline-section .headline-section-icon-wrap .single-icon-wrap .hi-icon.hovered {
background: #fff;
color: #0093c9
}
#learning-hub #common-hub-wrapper section#headline-section .headline-section-icon-wrap .single-icon-wrap .hi-icon.hovered:after {
transform: scale(1);
opacity: 1
}
#learning-hub #common-hub-wrapper section#split-screen-section h2 {
font-weight: 400;
font-size: 2.175em;
margin-bottom: 70px
}
#learning-hub #common-hub-wrapper section#split-screen-section .left-column {
float: left;
width: 100%;
padding-left: 15px;
padding-right: 15px;
padding-top: 20px
}
@media(min-width:450px) {
#learning-hub #common-hub-wrapper section#split-screen-section .left-column {
padding-left: 50px;
padding-right: 50px
}
}
@media(min-width:1180px) {
#learning-hub #common-hub-wrapper section#split-screen-section .left-column {
float: left;
width: 60%
}
}
#learning-hub #common-hub-wrapper section#split-screen-section .left-column .outer-wrap {
height: 1050px;
display: table;
width: 100%
}
#learning-hub #common-hub-wrapper section#split-screen-section .left-column .outer-wrap .inner-wrap {
display: table-cell;
vertical-align: middle
}
#learning-hub #common-hub-wrapper section#split-screen-section .left-column .outer-wrap .inner-wrap .insert {
padding: 0;
color: #5d666d
}
#learning-hub #common-hub-wrapper section#split-screen-section .left-column .outer-wrap .inner-wrap .insert .list-item {
margin-left: 0;
min-height: 150px
}
#learning-hub #common-hub-wrapper section#split-screen-section .left-column .outer-wrap .inner-wrap .insert .list-item .single-icon-wrap {
width: 130px;
float: left;
padding: 10px 0
}
#learning-hub #common-hub-wrapper section#split-screen-section .left-column .outer-wrap .inner-wrap .insert .list-item .single-icon-wrap .hi-icon {
position: relative;
display: inline-block;
font-size: 35px;
margin: 15px 30px;
width: 75px;
height: 75px;
line-height: 75px;
border-radius: 50%;
text-align: center;
z-index: 1;
color: #0093c9;
background: #e9eef2;
transition: background .2s, color .2s
}
#learning-hub #common-hub-wrapper section#split-screen-section .left-column .outer-wrap .inner-wrap .insert .list-item .single-icon-wrap .hi-icon:after {
position: absolute;
pointer-events: none;
width: 100%;
height: 100%;
border-radius: 50%;
content: "";
box-sizing: content-box;
top: -7px;
left: -7px;
padding: 7px;
box-shadow: 0 0 0 4px #0093c9;
transition: transform .2s, opacity .2s;
transform: scale(.8);
opacity: 0
}
#learning-hub #common-hub-wrapper section#split-screen-section .left-column .outer-wrap .inner-wrap .insert .list-item .single-icon-wrap .hi-icon.hovered {
background: #0093c9;
color: #fff
}
#learning-hub #common-hub-wrapper section#split-screen-section .left-column .outer-wrap .inner-wrap .insert .list-item .single-icon-wrap .hi-icon.hovered:after {
transform: scale(1);
opacity: 1
}
#learning-hub #common-hub-wrapper section#split-screen-section .left-column .outer-wrap .inner-wrap .insert .list-item .description {
margin-top: 0;
min-height: 125px;
float: left;
width: calc(100% - 130px)
}
@media only screen and (min-width:768px) {
#learning-hub #common-hub-wrapper section#split-screen-section .left-column .outer-wrap .inner-wrap .insert .list-item .description {
margin-top: 25px
}
}
#learning-hub #common-hub-wrapper section#split-screen-section .left-column .outer-wrap .inner-wrap .insert .list-item .description p.heading {
font: 400 1.475em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
#learning-hub #common-hub-wrapper section#split-screen-section .right-column {
float: none;
width: 0
}
@media(min-width:1180px) {
#learning-hub #common-hub-wrapper section#split-screen-section .right-column {
float: right;
width: 40%
}
}
#learning-hub #common-hub-wrapper section#split-screen-section .right-column img {
display: none
}
@media(min-width:1180px) {
#learning-hub #common-hub-wrapper section#split-screen-section .right-column img {
display: block
}
}
#learning-hub #common-hub-wrapper.english-hub section#heading-section {
background: #0d47a1;
background: linear-gradient(135deg, #0d47a1, #0093c8);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0d47a1", endColorstr="#0093c8", GradientType=1)
}
#learning-hub #common-hub-wrapper.english-hub section#boxes-section {
background-color: #f3f6f7
}
#learning-hub #common-hub-wrapper.english-hub section#boxes-section h2 {
font-weight: 400;
font-size: 2.175em;
text-align: center
}
#learning-hub #common-hub-wrapper.english-hub section#boxes-section .box-wrap {
width: 100%;
padding-top: 70px;
margin-left: auto;
margin-right: auto;
text-align: center
}
#learning-hub #common-hub-wrapper.english-hub section#boxes-section .box-wrap .single-box {
background: #fff;
display: inline-block;
vertical-align: top;
width: 100%;
margin: 0 10px 70px;
padding: 15px;
border-radius: 3px;
box-shadow: 0 0 20px #dedede;
transition: box-shadow .3s ease-in-out
}
@media(min-width:450px) {
#learning-hub #common-hub-wrapper.english-hub section#boxes-section .box-wrap .single-box {
width: 335px
}
}
#learning-hub #common-hub-wrapper.english-hub section#boxes-section .box-wrap .single-box:hover {
box-shadow: 0 0 20px #929292
}
#learning-hub #common-hub-wrapper.english-hub section#boxes-section .box-wrap .single-box .box-heading {
font-weight: 400;
font-size: 1.375em;
height: 70px
}
#learning-hub #common-hub-wrapper.english-hub section#boxes-section .box-wrap .single-box .box-icon {
width: 80px;
margin: 0 auto;
position: relative;
top: -50px;
height: 80px;
display: table;
border-radius: 50%;
background-color: #0091c7;
border: 2px solid #0091c7;
margin-bottom: -30px
}
#learning-hub #common-hub-wrapper.english-hub section#boxes-section .box-wrap .single-box .box-icon .insert {
display: table-cell;
vertical-align: middle
}
#learning-hub #common-hub-wrapper.english-hub section#boxes-section .box-wrap .single-box .box-cta {
width: 100%;
max-width: 300px;
border-radius: 3px;
height: 60px;
display: table
}
#learning-hub #common-hub-wrapper.english-hub section#boxes-section .box-wrap .single-box .box-cta>span {
display: table-cell;
vertical-align: middle
}
#learning-hub #common-hub-wrapper.english-hub section#tags-section {
background-color: #e9eef2;
text-align: center
}
#learning-hub #common-hub-wrapper.english-hub section#tags-section h2 {
font-weight: 400;
font-size: 2.175em
}
#learning-hub #common-hub-wrapper.english-hub section#tags-section .single-tag {
font-weight: 400;
font-size: 1.275em;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
min-width: 300px
}
#learning-hub #common-hub-wrapper.english-hub section#tags-section .single-tag a {
color: #465159
}
#learning-hub #common-hub-wrapper.english-hub section#tags-section .single-tag a span {
position: relative;
opacity: 1;
color: #0091c7
}
#learning-hub #common-hub-wrapper.english-hub section#tags-section .single-tag a span.hovered {
animation: chevron 1.3s infinite
}
#learning-hub #common-hub-wrapper.english-hub section#cta-section {
background: #2e3942;
background: linear-gradient(90deg, #2e3942 0, #231f20);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#2e3942", endColorstr="#231f20", GradientType=1)
}
#learning-hub #common-hub-wrapper.english-hub section#cta-section .outer-wrap {
height: 200px;
display: table;
text-align: center;
width: 100%
}
#learning-hub #common-hub-wrapper.english-hub section#cta-section .outer-wrap .inner-wrap {
display: table-cell;
vertical-align: middle
}
#learning-hub #common-hub-wrapper.project-management-hub section#heading-section {
background: #061800;
background: linear-gradient(135deg, #061800, #83c01f);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#061800", endColorstr="#83c01f", GradientType=1)
}
#learning-hub #common-hub-wrapper.project-management-hub section#accordion-section ul li {
display: block;
width: 100%;
height: 500px;
vertical-align: top;
padding: 50px 10px;
margin: 0;
box-shadow: -8px 0 6px -6px #d8d8d8;
transition: width .2s ease-in-out
}
@media(min-width:630px) {
#learning-hub #common-hub-wrapper.project-management-hub section#accordion-section ul li {
height: 300px
}
}
@media(min-width:1200px) {
#learning-hub #common-hub-wrapper.project-management-hub section#accordion-section ul li {
display: inline-block;
width: 155px;
height: 230px
}
}
#learning-hub #common-hub-wrapper.project-management-hub section#accordion-section ul li .heading,
#learning-hub #common-hub-wrapper.project-management-hub section#accordion-section ul li .trigger {
display: block;
text-align: center;
overflow: hidden
}
#learning-hub #common-hub-wrapper.project-management-hub section#accordion-section ul li .heading {
font-weight: 500;
font-size: 1.075em;
margin-top: 12px
}
#learning-hub #common-hub-wrapper.project-management-hub section#accordion-section ul li .trigger {
margin-top: 15px;
color: #83c11f
}
#learning-hub #common-hub-wrapper.project-management-hub section#accordion-section ul li .trigger .action-chevrons {
display: inline-block;
transform: rotate(180deg);
transition: all .3s ease-in-out
}
#learning-hub #common-hub-wrapper.project-management-hub section#accordion-section ul li .trigger .action-chevrons.right {
display: inline-block;
transform: rotate(0deg)
}
#learning-hub #common-hub-wrapper.project-management-hub section#accordion-section ul li .body {
display: none;
overflow: hidden;
opacity: 0
}
#learning-hub #common-hub-wrapper.project-management-hub section#accordion-section ul li .body h4 {
font-weight: 500;
font-size: 1.075em;
color: #2d3942;
margin: 0 0 5px
}
#learning-hub #common-hub-wrapper.project-management-hub section#accordion-section ul li.first {
background: #fff
}
#learning-hub #common-hub-wrapper.project-management-hub section#accordion-section ul li.second {
background: #f9f9f9
}
#learning-hub #common-hub-wrapper.project-management-hub section#accordion-section ul li.third {
background: #e9eef2
}
#learning-hub #common-hub-wrapper.project-management-hub section#accordion-section ul li.active {
width: 100%;
padding: 50px 10px 35px 50px;
margin: 0
}
@media(min-width:1200px) {
#learning-hub #common-hub-wrapper.project-management-hub section#accordion-section ul li.active {
width: calc(100% - 310px)
}
}
#learning-hub #common-hub-wrapper.project-management-hub section#accordion-section ul li.active .heading,
#learning-hub #common-hub-wrapper.project-management-hub section#accordion-section ul li.active .trigger {
display: none;
overflow: hidden
}
#learning-hub #common-hub-wrapper.project-management-hub section#accordion-section ul li.active .body {
display: block;
overflow: hidden
}
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section {
background: #f3f6f7;
background-image: none;
padding-top: 35px
}
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section h2 {
font-weight: 400;
font-size: 2.175em;
color: #2d3942
}
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background {
background-image: none;
max-width: 1500px;
padding: 0 20px 40px
}
@media(min-width:1350px) {
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background {
}
}
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .stage-img {
display: block;
width: 130px;
margin-left: auto;
margin-right: auto;
text-align: center
}
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .stage-img img {
display: block;
margin-left: auto;
margin-right: auto
}
@media(min-width:1350px) {
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .stage-img {
display: none
}
}
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box {
width: 100%;
background-color: #fff;
border-radius: 6px;
min-height: 200px;
padding: 10px 20px;
box-shadow: none;
transition: box-shadow .3s ease-in-out
}
@media(min-width:600px) {
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box {
width: 530px
}
}
@media(min-width:1460px) {
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box {
width: 550px
}
}
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box.hovered {
box-shadow: 0 0 10px #cacaca
}
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box.left {
float: none;
margin-left: auto;
margin-right: auto
}
@media(min-width:1350px) {
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box.left {
float: left
}
}
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box.right {
float: none;
margin-left: auto;
margin-right: auto
}
@media(min-width:1350px) {
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box.right {
float: right
}
}
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box.first {
margin-top: 10px
}
@media(min-width:1350px) {
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box.first {
margin-top: 20px
}
}
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box.second {
margin-top: 10px
}
@media(min-width:1350px) {
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box.second {
margin-top: 240px
}
}
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box.second .rocket {
display: none
}
@media(min-width:1350px) {
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box.second .rocket {
display: block;
position: absolute;
top: 35px;
right: 120px
}
}
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box.third {
margin-top: 10px
}
@media(min-width:1350px) {
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box.third {
margin-top: 180px
}
}
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box.fourth {
margin-top: 10px
}
@media(min-width:1350px) {
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box.fourth {
margin-top: 205px
}
}
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box.fifth {
margin-top: 10px
}
@media(min-width:1350px) {
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box.fifth {
margin-top: 220px
}
}
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box h3 {
font-weight: 500;
font-size: 1.875em;
margin-bottom: -40px
}
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box p.headline {
margin: 50px 0 0
}
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box p.subheading {
margin: 15px 0 0;
font-weight: 500
}
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box p.concepts {
font-style: italic;
font-size: .835em
}
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box a:link,
#learning-hub #common-hub-wrapper.project-management-hub section#phases-section .phases-background .phase-box a:visited {
color: #83c11f;
display: block;
font-weight: 400;
font-size: .875em;
line-height: 1.775em
}
#learning-hub #common-hub-wrapper.healthcare-hub section#heading-section {
background: #061700;
background: linear-gradient(135deg, #061700, #ea1d2d);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#061700", endColorstr="#ea1d2d", GradientType=1)
}
#learning-hub #common-hub-wrapper.healthcare-hub section#headline-section {
padding-top: 0
}
#learning-hub #common-hub-wrapper.healthcare-hub section#headline-section h2 {
color: #2d3942;
line-height: 1.675em
}
#learning-hub #common-hub-wrapper.healthcare-hub section#boxes-section {
padding-top: 30px;
background: #f3f6f7
}
#learning-hub #common-hub-wrapper.healthcare-hub section#boxes-section .first-heading-wrap {
background: 0 0;
width: 100%;
margin: 0 auto
}
@media(min-width:726px) {
#learning-hub #common-hub-wrapper.healthcare-hub section#boxes-section .first-heading-wrap {
width: 600px
}
}
#learning-hub #common-hub-wrapper.healthcare-hub section#boxes-section .first-heading-wrap h2 {
color: #2d3942;
text-align: center;
font-weight: 400;
font-size: 2.175em
}
#learning-hub #common-hub-wrapper.healthcare-hub section#boxes-section .second-heading-wrap {
background: 0 0;
width: 100%;
margin: 15px auto 0;
padding: 15px 0
}
@media(min-width:726px) {
#learning-hub #common-hub-wrapper.healthcare-hub section#boxes-section .second-heading-wrap {
width: 550px
}
}
#learning-hub #common-hub-wrapper.healthcare-hub section#boxes-section .second-heading-wrap+.outside {
margin-top: -30px
}
#learning-hub #common-hub-wrapper.healthcare-hub section#boxes-section h3.red {
color: #e42330
}
#learning-hub #common-hub-wrapper.healthcare-hub section#boxes-section .single-box-wrapper {
display: inline-block;
background: #fff;
width: 100%;
margin: 100px 0 50px;
border-radius: 5px;
box-shadow: 0 0 15px #cacaca;
transition: box-shadow .3s ease-in-out
}
@media(min-width:726px) {
#learning-hub #common-hub-wrapper.healthcare-hub section#boxes-section .single-box-wrapper {
width: 555px;
margin: 100px 20px 50px
}
}
#learning-hub #common-hub-wrapper.healthcare-hub section#boxes-section .single-box-wrapper.hovered {
box-shadow: 0 0 15px #737373
}
#learning-hub #common-hub-wrapper.healthcare-hub section#boxes-section .single-box-wrapper .icon {
background: #fff;
border-radius: 50%;
width: 100px;
height: 100px;
margin: 0 auto;
position: relative;
top: -49px;
box-shadow: 0 0 15px #cacaca;
transition: box-shadow .3s ease-in-out
}
#learning-hub #common-hub-wrapper.healthcare-hub section#boxes-section .single-box-wrapper .icon.hovered {
box-shadow: 0 0 15px #737373
}
#learning-hub #common-hub-wrapper.healthcare-hub section#boxes-section .single-box-wrapper .icon span {
font-size: 4.075em;
position: relative;
top: 15px;
z-index: 2;
color: #e42330
}
#learning-hub #common-hub-wrapper.healthcare-hub section#boxes-section .single-box-wrapper .icon .patch {
width: 120px;
height: 60px;
margin: 0 auto;
position: relative;
top: -16px;
left: -10px;
background: #fff;
z-index: 1
}
#learning-hub #common-hub-wrapper.healthcare-hub section#boxes-section .single-box-wrapper .single-box-body {
padding: 0 15px 20px;
margin-top: -40px
}
#learning-hub #common-hub-wrapper.healthcare-hub section#boxes-section .single-box-wrapper .single-box-body h3,
#learning-hub #common-hub-wrapper.healthcare-hub section#boxes-section .single-box-wrapper .single-box-body h4 {
color: #2d3942
}
#learning-hub #common-hub-wrapper.healthcare-hub section#boxes-section .single-box-wrapper .single-box-body p.percent {
font-weight: 500;
font-size: 5.375em;
color: #e42330;
margin-top: -40px;
margin-bottom: -10px
}
#learning-hub #common-hub-wrapper.healthcare-hub section#boxes-section .single-box-wrapper .single-box-body p.bottom-boxes-paragraph {
min-height: 70px
}
#learning-hub #common-hub-wrapper.healthcare-hub section#boxes-section .single-box-wrapper .single-box-body a.button-narrow {
max-width: 310px;
border-radius: 5px;
padding: 7px 20px;
margin: 15px 0
}
#learning-hub #common-hub-wrapper.healthcare-hub .wrapper-with-padding {
padding: 10px 50px
}
#learning-hub #common-hub-wrapper.healthcare-hub section#split-screen-section .left-column,
#learning-hub #common-hub-wrapper.project-management-hub section#split-screen-section .left-column {
width: 100%
}
@media(min-width:1180px) {
#learning-hub #common-hub-wrapper.healthcare-hub section#split-screen-section .left-column,
#learning-hub #common-hub-wrapper.project-management-hub section#split-screen-section .left-column {
width: 50%
}
}
#learning-hub #common-hub-wrapper.healthcare-hub section#split-screen-section .left-column .outer-wrap,
#learning-hub #common-hub-wrapper.project-management-hub section#split-screen-section .left-column .outer-wrap {
height: 846px;
display: table
}
#learning-hub #common-hub-wrapper.healthcare-hub section#split-screen-section .left-column .outer-wrap .inner-wrap h2,
#learning-hub #common-hub-wrapper.project-management-hub section#split-screen-section .left-column .outer-wrap .inner-wrap h2 {
margin-bottom: 10px;
color: #2d3942
}
#learning-hub #common-hub-wrapper.healthcare-hub section#split-screen-section .left-column .outer-wrap .inner-wrap h4,
#learning-hub #common-hub-wrapper.project-management-hub section#split-screen-section .left-column .outer-wrap .inner-wrap h4 {
margin: 25px 0 1px;
color: #2d3942
}
#learning-hub #common-hub-wrapper.healthcare-hub section#split-screen-section .right-column,
#learning-hub #common-hub-wrapper.project-management-hub section#split-screen-section .right-column {
width: 50%
}
#learning-hub #common-hub-wrapper.healthcare-hub section#split-screen-section a.chevron-link,
#learning-hub #common-hub-wrapper.project-management-hub section#split-screen-section a.chevron-link {
color: #83c11f;
font-weight: 400;
font-size: .875em
}
#learning-hub #common-hub-wrapper.healthcare-hub section#split-screen-section a.chevron-link.red,
#learning-hub #common-hub-wrapper.healthcare-hub section#split-screen-section a.chevron-link.red span,
#learning-hub #common-hub-wrapper.project-management-hub section#split-screen-section a.chevron-link.red,
#learning-hub #common-hub-wrapper.project-management-hub section#split-screen-section a.chevron-link.red span {
color: #e42330
}
#learning-hub #common-hub-wrapper.healthcare-hub section#split-screen-section a.chevron-link span,
#learning-hub #common-hub-wrapper.project-management-hub section#split-screen-section a.chevron-link span {
position: relative;
top: 2px;
left: 2px;
opacity: 1;
color: #83c11f
}
#learning-hub #common-hub-wrapper.healthcare-hub section#split-screen-section a.chevron-link span.hovered,
#learning-hub #common-hub-wrapper.project-management-hub section#split-screen-section a.chevron-link span.hovered {
animation: chevron 1.3s infinite
}
@keyframes chevron {
0% {
left: 2px;
top: 2px;
opacity: 1
}
80% {
left: 12px;
top: 2px;
opacity: 0
}
to {
left: 12px;
top: 2px;
opacity: 0
}
}
#alc-profile-page #alc-profile {
color: #2d3942
}
#alc-profile-page #alc-profile h1 {
font-weight: 400;
font-size: 2.7575em
}
#alc-profile-page #alc-profile h2 {
font-weight: 400;
font-size: 2.1575em
}
#alc-profile-page #alc-profile h3 {
font-weight: 400;
font-size: 1.3575em
}
#alc-profile-page #alc-profile h4 {
font-weight: 500;
font-size: .9575em;
margin: 0 0 5px;
display: block;
height: 50px
}
#alc-profile-page #alc-profile .full-width-wrapper {
padding: 50px
}
@media screen and (max-width:1024px) {
#alc-profile-page #alc-profile .full-width-wrapper {
padding: 50px 20px
}
}
#alc-profile-page #alc-profile .full-width-wrapper.limited {
margin: 0 auto;
max-width: 1920px;
position: relative
}
#alc-profile-page #alc-profile section#alc-profile-top-section {
background-color: #f3f6f7
}
#alc-profile-page #alc-profile section#alc-profile-top-section .header-box {
box-shadow: 0 0 10px #a2a2a2;
padding: 15px;
border-radius: 10px;
background-color: #fff
}
#alc-profile-page #alc-profile section#alc-profile-top-section .header-box #profile-descr {
padding-left: 60px
}
@media screen and (max-width:992px) {
#alc-profile-page #alc-profile section#alc-profile-top-section .header-box #profile-descr {
padding-left: 20px
}
}
#alc-profile-page #alc-profile section#alc-profile-top-section .header-box #profile-descr .outer-wrap {
display: table;
width: 100%;
height: 180px
}
@media screen and (max-width:520px) {
#alc-profile-page #alc-profile section#alc-profile-top-section .header-box #profile-descr .outer-wrap {
height: 70px
}
}
#alc-profile-page #alc-profile section#alc-profile-top-section .header-box #profile-descr .outer-wrap .inner-wrap {
display: table-cell;
vertical-align: middle
}
#alc-profile-page #alc-profile section#alc-profile-top-section .header-box #profile-descr .alc-logo {
width: 170px;
float: left
}
#alc-profile-page #alc-profile section#alc-profile-top-section .header-box #profile-descr .alc-name {
float: left
}
#alc-profile-page #alc-profile section#alc-profile-top-section .header-box #profile-descr .alc-name h1,
#alc-profile-page #alc-profile section#alc-profile-top-section .header-box #profile-descr .alc-name h3 {
margin: 0
}
#alc-profile-page #alc-profile section#alc-profile-top-section .header-box #profile-descr .alc-name h3 {
font-style: italic
}
@media screen and (max-width:520px) {
#alc-profile-page #alc-profile section#alc-profile-top-section .header-box #profile-descr .alc-name h3 {
margin: 0 0 30px
}
}
#alc-profile-page #alc-profile section#alc-profile-top-section .header-box #profile-descr .alc-programme {
float: right;
width: 130px
}
@media screen and (max-width:690px) {
#alc-profile-page #alc-profile section#alc-profile-top-section .header-box #profile-descr .alc-programme {
display: none
}
}
#alc-profile-page #alc-profile section#alc-profile-top-section .header-box #profile-data {
border-right: 1px solid #e6e6e6;
border-top: none;
margin-left: auto;
margin-right: auto
}
@media screen and (max-width:992px) {
#alc-profile-page #alc-profile section#alc-profile-top-section .header-box #profile-data {
margin: 20px;
padding-top: 45px;
border-right: none;
border-top: 1px solid #e6e6e6
}
}
#alc-profile-page #alc-profile section#alc-profile-top-section .header-box #profile-data .no-img,
#alc-profile-page #alc-profile section#alc-profile-top-section .header-box #profile-data img {
border-radius: 50%;
width: 80px;
height: 80px;
box-shadow: 0 0 10px #a2a2a2;
margin-bottom: 5px
}
#alc-profile-page #alc-profile section#alc-profile-top-section .header-box #profile-data .no-img {
background-color: #e9eef2;
margin-left: auto;
margin-right: auto
}
#alc-profile-page #alc-profile section#alc-profile-top-section .header-box #profile-data .no-img span.no-img-icon {
font-size: 2.375em;
color: #0091c7;
display: inline-block;
padding-top: 20px
}
#alc-profile-page #alc-profile section#alc-profile-top-section .header-box #profile-data span.alc-side-insert {
color: #0091c7
}
#alc-profile-page #alc-profile section#alc-profile-top-section .header-box #profile-data p#manager span#alc-manager-name {
font-weight: 500
}
#alc-profile-page #alc-profile section#alc-highlights-section .boxes-wrap {
text-align: center
}
#alc-profile-page #alc-profile section#alc-highlights-section .boxes-wrap .single-box-outer-wrap {
margin: 20px 50px;
display: inline-block;
vertical-align: top;
width: 400px;
box-shadow: 0 0 10px #a2a2a2;
border-radius: 10px
}
@media screen and (max-width:620px) {
#alc-profile-page #alc-profile section#alc-highlights-section .boxes-wrap .single-box-outer-wrap {
margin: 20px 0;
width: 100%
}
}
#alc-profile-page #alc-profile section#alc-highlights-section .boxes-wrap .single-box-outer-wrap .footer-section,
#alc-profile-page #alc-profile section#alc-highlights-section .boxes-wrap .single-box-outer-wrap .heading-section {
padding: 10px;
background-color: #f3f6f7
}
#alc-profile-page #alc-profile section#alc-highlights-section .boxes-wrap .single-box-outer-wrap .heading-section {
font-weight: 500;
font-size: 1.075em
}
#alc-profile-page #alc-profile section#alc-highlights-section .boxes-wrap .single-box-outer-wrap .image-section {
margin-bottom: -5px
}
#alc-profile-page #alc-profile section#alc-highlights-section .boxes-wrap .single-box-outer-wrap .image-section img {
width: 100%;
height: auto
}
#alc-profile-page #alc-profile section#alc-highlights-section .boxes-wrap .single-box-outer-wrap .footer-section {
padding: 20px 10px;
font-weight: 400;
font-size: .8275em
}
#alc-profile-page #alc-profile section#pricing-section {
padding-top: 25px;
background-color: #f3f6f7
}
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap {
margin-top: 40px;
margin-bottom: 40px
}
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .narrow-column {
box-sizing: border-box;
float: left;
width: calc(33.3333% - 20px);
margin-right: 20px
}
@media screen and (max-width:1180px) {
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .narrow-column {
width: 100%;
margin-right: 0
}
}
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .narrow-column .halfbox {
width: 100%;
float: left;
border-radius: 10px;
margin-bottom: 20px;
background-color: #fff;
padding: 20px;
box-shadow: 0 0 10px #a2a2a2
}
@media screen and (max-width:1180px) {
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .narrow-column .halfbox {
width: calc(50% - 10px);
float: left
}
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .narrow-column .halfbox:first-child {
margin-right: 10px
}
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .narrow-column .halfbox:nth-child(2) {
margin-left: 10px
}
}
@media screen and (max-width:660px) {
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .narrow-column .halfbox {
width: 100%
}
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .narrow-column .halfbox:first-child {
margin-right: 0
}
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .narrow-column .halfbox:nth-child(2) {
margin-left: 0
}
}
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .narrow-column .halfbox h3 {
margin: 0 0 10px
}
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .narrow-column .halfbox .supporting .col {
width: 100%;
float: left;
text-align: center
}
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .narrow-column .halfbox .supporting .col p {
margin: 0 0 10px
}
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .narrow-column .halfbox .supporting .col p:first-child {
font-weight: 500;
font-size: .815em;
color: #0091c7
}
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .narrow-column .halfbox .supporting .col p:last-child {
font-weight: 400;
font-size: 1.3575em;
margin: 0
}
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .wide-column {
border-radius: 10px;
box-sizing: border-box;
float: left;
width: 66.6666%;
height: 436px;
margin-bottom: 35px;
box-shadow: 0 0 10px #a2a2a2
}
@media screen and (max-width:1180px) {
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .wide-column {
width: 100%
}
}
@media screen and (max-width:660px) {
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .wide-column {
height: 680px
}
}
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .wide-column .costs-section .pricing-box {
width: 50%;
float: left;
padding: 20px;
height: 436px
}
@media screen and (max-width:660px) {
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .wide-column .costs-section .pricing-box {
width: 100%
}
}
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .wide-column .costs-section .white-box {
background-color: #fff;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
position: relative;
float: left;
box-shadow: inset -11px 0 10px -10px #a2a2a2
}
@media screen and (max-width:660px) {
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .wide-column .costs-section .white-box {
height: 420px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 0;
box-shadow: inset 0 -11px 10px -10px #a2a2a2
}
}
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .wide-column .costs-section .white-box:after,
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .wide-column .costs-section .white-box:before {
bottom: calc(50% - 20px);
left: calc(100% + 16px);
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
transform: rotate(90deg)
}
@media screen and (max-width:660px) {
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .wide-column .costs-section .white-box:after,
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .wide-column .costs-section .white-box:before {
bottom: -42px;
left: 50%;
transform: rotate(180deg)
}
}
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .wide-column .costs-section .white-box:after {
border-color: transparent;
border-bottom-color: #fff;
border-width: 25px;
margin-left: -25px
}
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .wide-column .costs-section .white-box ul li {
margin-bottom: 15px
}
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .wide-column .costs-section .white-box ul li span {
color: #83c11f
}
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .wide-column .costs-section .grey-box {
background-color: #d2d7dc;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
float: left
}
@media screen and (max-width:660px) {
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .wide-column .costs-section .grey-box {
height: 260px;
border-top-right-radius: 0;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px
}
}
#alc-profile-page #alc-profile section#pricing-section .pricing-table-wrap .wide-column .costs-section .grey-box p:nth-child(2n+2) {
display: inline-block;
width: 78%
}
#alc-profile-page #alc-profile section#pricing-section p#disclaimer {
font-weight: 500;
font-style: italic;
margin-bottom: 25px
}
#alc-profile-page #alc-profile #alc-locations {
text-align: center
}
#alc-profile-page #alc-profile #alc-locations .slider-navi {
float: right;
margin-bottom: 5px
}
#alc-profile-page #alc-profile #alc-locations .slider-navi button {
display: inline-block!important;
background-color: #f3f6f7;
border-radius: 3px;
width: 30px;
height: 30px;
margin: 0 3px 5px;
border: 1px solid #d2d7dc
}
#alc-profile-page #alc-profile #alc-locations .slider-navi button span {
display: inline-block;
transform: rotate(90deg)
}
#alc-profile-page #alc-profile #alc-locations .slider-navi button.alc-slide-next span,
#alc-profile-page #alc-profile #alc-locations .slider-navi button.alc-slide-prev span {
position: relative;
left: -7px;
top: -4px
}
#alc-profile-page #alc-profile #alc-locations a {
color: #2d3942
}
#alc-profile-page #alc-profile #alc-locations .alc-location-box {
border-radius: 5px;
width: 230px;
height: 230px;
padding: 10px;
background-color: #f3f6f7;
color: #5d666d;
margin: 5px 5px 25px;
display: inline-block;
vertical-align: top;
box-shadow: 0 0 10px #a2a2a2
}
#alc-profile-page #alc-profile #alc-locations .alc-location-box img {
display: block;
margin: 0 auto 10px;
border-radius: 50%
}
#alc-profile-page #alc-profile #alc-locations .alc-location-box h4 {
color: #2d3942
}
#alc-profile-page #alc-profile #alc-locations .alc-location-box .narrow-wrap {
float: left;
width: 40px;
font-weight: 700;
text-align: center
}
#alc-profile-page #alc-profile #alc-locations .alc-location-box .wide-wrap {
float: left;
width: 170px;
font-size: .8375em;
text-align: left
}
#alc-profile-page #alc-profile #alc-locations .alc-location-box .narrow-wrap.home,
#alc-profile-page #alc-profile #alc-locations .alc-location-box .wide-wrap.alcs-address-wrap {
height: 70px
}
#alc-profile-page #alc-profile section#contact-map {
background: #f3f6f7
}
#alc-profile-page #alc-profile section#contact-map .full-width-wrapper {
padding: 0
}
#alc-profile-page #alc-profile section#contact-map .contact-form,
#alc-profile-page #alc-profile section#contact-map .map {
width: 50%;
float: left;
height: 450px
}
@media screen and (max-width:900px) {
#alc-profile-page #alc-profile section#contact-map .contact-form,
#alc-profile-page #alc-profile section#contact-map .map {
width: 100%
}
}
#alc-profile-page #alc-profile section#contact-map .contact-form {
padding: 25px 50px
}
#alc-profile-page #alc-profile section#contact-map .contact-form .info-box {
margin: -20px auto 0
}
#alc-profile-page #alc-profile section#contact-map .contact-form .info-box .first-row {
margin-top: -50px
}
#alc-profile-page #alc-profile section#contact-map .contact-form .info-box .alc-submit {
border-radius: 3px
}
#alc-profile-page #alc-profile section#contact-map .map #map {
height: 450px
}
#alc-profile-page #alc-profile section#alc-landing-section-cta {
background: #0093c8;
background: linear-gradient(135deg, #0093c8, #0d47a1);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0093c8", endColorstr="#0d47a1", GradientType=1);
text-align: center
}
#alc-profile-page #alc-profile section#alc-landing-section-cta .outer-wrap {
height: 250px;
display: table;
width: 100%
}
#alc-profile-page #alc-profile section#alc-landing-section-cta .outer-wrap .inner-wrap {
display: table-cell;
vertical-align: middle
}
#alc-profile-page #alc-profile section#alc-landing-section-cta .outer-wrap .inner-wrap .insert {
width: 100%
}
#alc-profile-page #alc-profile section#alc-landing-section-cta .outer-wrap .inner-wrap .insert h3 {
color: #fff
}
#alc-profile-page #alc-profile section#alc-landing-section-cta .outer-wrap .inner-wrap .insert .btn-pistachio {
min-width: 200px;
border-radius: 3px;
box-shadow: 0 0 20px #5a5a5a;
background-color: #bfd131;
color: #fff
}
#alc-profile-page #alc-profile section#alc-landing-section-cta .outer-wrap .inner-wrap .insert .btn-pistachio:hover {
background-color: #adbe2a
}
body header,
body header .header-inner {
z-index: 11
}
body header.not-loggedin+#player-page .player-nav--end {
display: none
}
body .topic-modal .inner-modal {
width: 100%;
height: 100%;
top: 0;
left: 0
}
body.theater-mode #player-page #iframe_container:before {
content: "";
background: rgba(0, 0, 0, .7);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99
}
body.theater-mode #player-page #iframe_container .close-mode {
width: 20px;
height: 20px;
position: absolute;
top: -150px;
right: 0;
z-index: 999
}
body.theater-mode #player-page #iframe_container .close-mode:after {
content: "\ea0f";
width: 20px;
height: 20px;
color: #fff;
z-index: 99999;
font-size: 24px;
text-align: center;
cursor: pointer
}
body.theater-mode #player-page #iframe_container #iframe {
left: 0;
top: -110px;
z-index: 99;
max-width: 900px;
background: #fff
}
body.theater-mode #player-page .player-nav--end {
color: #fff;
background-color: #333;
transition: all .3s ease-in-out
}
body.theater-mode #player-page .player-nav--end>a {
background-color: #333;
color: #fff
}
body.theater-mode #player-page .player-nav--end>a.start.ready {
background: #0094c9
}
body.theater-mode #player-page .player-nav--end>a .player-nav--previous-slide.disabled {
background-color: #333;
color: #fff
}
body .certification-popup {
background: hsla(0, 0%, 83%, .7);
display: none;
position: absolute;
width: 100%;
z-index: 1000;
top: 0;
left: 0;
height: 100%;
box-shadow: 0 3px 8px 0 rgba(50, 50, 50, .2)
}
body .certification-popup .certification-popup-content {
background: #fff;
border-radius: 5px;
min-height: 400px;
position: fixed;
top: 40px;
left: 50%;
transform: translate(-50%);
width: 700px
}
@media screen and (max-width:720px) {
body .certification-popup .certification-popup-content {
width: calc(100% - 40px);
margin: 0 auto
}
}
body .certification-popup .certification-popup-content .popup-top-bar>.button-close {
float: right
}
body .certification-popup .certification-popup-content .popup-top-bar>.button-close a {
color: #2d3942;
position: relative;
top: 5px;
right: -20px
}
body .certification-popup .certification-popup-content .certification-popup-inner-content h2 {
padding: 20px 15px 0;
font-weight: 500;
font-size: 1.775em;
margin-bottom: 10px;
color: #1c232e
}
body .certification-popup .certification-popup-content .certification-popup-inner-content h4 {
max-width: 400px;
margin: 0 auto 10px;
font-weight: 500;
font-size: 1.075em;
color: #465159;
padding: 0 15px
}
body .certification-popup .certification-popup-content .certification-popup-inner-content .image-container {
position: relative;
text-align: center
}
body .certification-popup .certification-popup-content .certification-popup-inner-content .image-container.certificate-container,
body .certification-popup .certification-popup-content .certification-popup-inner-content .image-container.diploma-container {
color: #2d4665;
font-family: Roboto, sans-serif;
font-size: 1.37em
}
@media(max-width:745px) {
body .certification-popup .certification-popup-content .certification-popup-inner-content .image-container.certificate-container,
body .certification-popup .certification-popup-content .certification-popup-inner-content .image-container.diploma-container {
font-size: 3vw
}
}
body .certification-popup .certification-popup-content .certification-popup-inner-content .image-container .centered-responsive {
text-transform: capitalize
}
body .certification-popup .certification-popup-content .certification-popup-inner-content .image-container .centered-responsive.certificate-centered {
padding-top: 10px;
position: absolute;
top: 56%;
left: 52%;
transform: translate(-56%, -52%)
}
body .certification-popup .certification-popup-content .certification-popup-inner-content .image-container .centered-responsive.certificate-centered.two-liner {
padding-top: 40px
}
body .certification-popup .certification-popup-content .certification-popup-inner-content .image-container .centered-responsive.certificate-centered span {
font-size: 13px;
line-height: 17px;
display: inline-block;
margin-top: 10px;
text-transform: none
}
@media(max-width:745px) {
body .certification-popup .certification-popup-content .certification-popup-inner-content .image-container .centered-responsive.certificate-centered span {
font-size: 1.7vw;
line-height: 2vw
}
}
body .certification-popup .certification-popup-content .certification-popup-inner-content .image-container .centered-responsive.diploma-centered {
position: absolute;
top: 61%;
left: 55%;
transform: translate(-61%, -55%)
}
body .certification-popup .certification-popup-content .certification-popup-inner-content .image-container .centered-responsive.diploma-centered.two-liner,
body .certification-popup .certification-popup-content .certification-popup-inner-content .image-container .centered-responsive.diploma-centered span {
font-size: 13px;
line-height: 17px;
display: inline-block;
margin-top: 10px;
text-transform: none
}
@media(max-width:745px) {
body .certification-popup .certification-popup-content .certification-popup-inner-content .image-container .centered-responsive.diploma-centered span {
font-size: 1.7vw;
line-height: 2vw
}
}
body .certification-popup .certification-popup-content .certification-popup-inner-content .order-button {
max-width: 200px;
border-radius: 4px;
margin-bottom: 20px
}
.new-player--outer {
box-shadow: 0 3px 3px 0 rgba(50, 50, 50, .2)
}
#player-page {
background: #f3f6f7;
position: relative;
padding-top: 5px
}
#player-page .login-modal.register {
position: fixed;
overflow-y: scroll;
overflow-x: hidden
}
#player-page.closed .new-player {
width: 100%
}
#player-page:after {
content: "";
clear: both;
display: table
}
#player-page .add_iframe {
max-width: 336px;
height: 384px;
padding-top: 80px;
margin: auto;
width: 100%
}
#player-page .div_absolute_iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #e7e7e7;
border-top: 1px solid #fff
}
#player-page .div_absolute_iframe .player-button-holder {
text-align: center;
margin-top: 20px
}
#player-page .text_iframe {
font-weight: 300;
font-size: 17px;
text-align: center;
margin-top: 10px
}
#player-page .text_iframe2 {
position: absolute;
left: 0;
bottom: 0;
font-size: 12px;
border-top: 1px solid #ccc;
padding-top: 10px;
margin: 16px
}
#player-page .text_iframe2 a:link,
#player-page .text_iframe2 a:visited {
color: #2d3942;
text-decoration: underline
}
#player-page .text_iframe2 a:active,
#player-page .text_iframe2 a:focus,
#player-page .text_iframe2 a:hover {
color: #181f24;
text-decoration: underline
}
#player-page .close_add_iframe {
opacity: .4;
text-align: center;
margin: auto;
cursor: default;
transition: all .2s ease-in
}
#player-page .close_add_iframe:hover {
background: #aaa
}
#player-page .close_add_iframe.ready {
background: #0094c9;
cursor: pointer;
opacity: 1
}
#player-page .close_add_iframe.ready:hover {
background: #00bafc
}
#player-page #iframe_container {
position: relative;
width: 100%;
background-color: #fff;
margin-bottom: 35px;
min-height: 586px;
box-shadow: 0 3px 3px 0 rgba(50, 50, 50, .2)
}
#player-page #iframe_container .close-mode:after {
content: "";
font-family: icomoon!important
}
#player-page #iframe_container .loading {
display: block;
position: absolute
}
#player-page #iframe_container #iframe {
min-height: 620px;
overflow: auto;
width: 100%;
position: relative;
top: 0;
left: 0;
transition: all .3s ease-in-out
}
#player-page #iframe_container #iframe:before {
content: "";
transition: all .3s ease-in-out
}
@media only screen and (min-width:1240px) {
#player-page #iframe_container {
float: left;
margin: 0 0 30px
}
#player-page #iframe_container #iframe {
min-height: 620px;
overflow: auto;
width: 100%
}
}
@media(max-width:500px) {
#player-page {
padding-top: 80px
}
}
@media(max-width:420px) {
#player-page .add_iframe {
padding-top: 10px
}
#player-page .div_absolute_iframe .player-button-holder {
margin-top: -10px
}
}
#player-page .user-progress--image-outer {
z-index: 1;
cursor: pointer
}
#player-page .user-progress--image-outer:after,
#player-page .user-progress--image-outer:before {
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
border-radius: 50%;
content: ""
}
#player-page .user-progress--image-outer:before {
box-sizing: border-box;
margin: -2.25rem;
border: 2.25rem solid #f99d25;
width: 4.5rem;
height: 4.5rem;
transform: scale(0)
}
#player-page .user-progress--image-outer:after {
background-color: inherit;
position: inherit;
bottom: inherit;
left: 50%;
margin: -.1875rem;
width: .375rem;
height: .375rem;
box-shadow: .32476rem -3rem 0 -.1875rem #f99d25, -.32476rem -2.625rem 0 -.1875rem #0094c9, 2.54798rem -1.61656rem 0 -.1875rem #83c11f, 1.84982rem -1.89057rem 0 -.1875rem #f99d25, 2.85252rem .98418rem 0 -.1875rem #0094c9, 2.63145rem .2675rem 0 -.1875rem #83c11f, 1.00905rem 2.84381rem 0 -.1875rem #f99d25, 1.43154rem 2.22414rem 0 -.1875rem #0094c9, -1.59425rem 2.562rem 0 -.1875rem #83c11f, -.84635rem 2.50595rem 0 -.1875rem #f99d25, -2.99705rem .35095rem 0 -.1875rem #0094c9, -2.48692rem .90073rem 0 -.1875rem #83c11f, -2.14301rem -2.12438rem 0 -.1875rem #f99d25, -2.25479rem -1.38275rem 0 -.1875rem #0094c9
}
#player-page .active .user-progress--image-outer {
will-change: font-size;
animation: heart 1s cubic-bezier(.17, .89, .32, 1.49)
}
#player-page .active .user-progress--image-outer:after,
#player-page .active .user-progress--image-outer:before {
animation: inherit;
animation-timing-function: ease-out
}
#player-page .active .user-progress--image-outer:before {
will-change: transform, border-width, border-color;
animation-name: bubble
}
#player-page .active .user-progress--image-outer:after {
will-change: opacity, box-shadow;
animation-name: particles
}
.buy-here {
padding: 20px;
background-color: #2b8652;
color: #fff;
text-align: center;
line-height: 24px
}
@media only screen and (min-width:1020px) {
.buy-here {
margin-right: -20px;
margin-left: -20px
}
}
.buy-here.preview-mode {
background-color: #0094c9
}
@media only screen and (min-width:1020px) {
.buy-here.preview-mode.stickit {
position: fixed;
width: 100%;
top: 0;
z-index: 9999;
left: 0;
margin: 0
}
}
.buy-here a {
color: #fff;
border-bottom: 1px solid #fff
}
.ads-popup-outer {
height: 0;
left: 50%;
max-height: 340px;
margin-left: -160px;
margin-top: -1px;
overflow: hidden;
position: absolute;
top: 39px;
z-index: 999;
width: 320px
}
.ads-popup-outer .ads-popup {
background: #0094c9;
height: 340px;
padding: 10px 30px;
text-align: center;
width: 320px;
box-shadow: 0 3px 3px 0 rgba(50, 50, 50, .46)
}
.ads-popup-outer .ads-popup h4,
.ads-popup-outer .ads-popup p {
color: #fff
}
.ads-popup-outer .ads-popup h4 {
margin: 0 0 10px
}
.ads-popup-outer .ads-popup p {
margin-bottom: 10px
}
.ads-popup-outer .ads-popup p.findoutmore {
font-size: .825em;
margin-top: 10px
}
.ads-popup-outer .ads-popup p.findoutmore a:link,
.ads-popup-outer .ads-popup p.findoutmore a:visited {
color: #fff
}
.ads-popup-outer .ads-popup p.findoutmore a:active,
.ads-popup-outer .ads-popup p.findoutmore a:focus,
.ads-popup-outer .ads-popup p.findoutmore a:hover {
color: #e6e6e6;
text-decoration: underline
}
.ads-popup-outer .ads-popup p.findoutmore small {
font-size: .795em
}
.ads-popup-outer .ads-popup span {
display: inline-block;
color: #ffd200;
margin-right: 20px
}
.ads-popup-outer .ads-popup span.strikethrough {
color: #fff;
margin-right: 0;
text-decoration: line-through
}
.ads-popup-outer .ads-popup strong.price-highlight {
color: #ffd200
}
.ads-popup-outer .ads-popup ul {
display: block;
margin: 0 0 20px 65px;
width: 190px;
text-align: left;
list-style: initial;
font-size: .875em;
color: #fff
}
@media only screen and (min-width:768px) {
.ads-popup-outer {
margin-left: -175px;
width: 350px
}
.ads-popup-outer .ads-popup {
width: 350px
}
}
@media(max-width:500px) {
.ads-popup-outer {
top: 2px
}
}
.player-nav {
width: 350px;
position: absolute;
z-index: 10;
top: 0;
left: 0;
height: 100%;
transition: width .7s ease-in-out
}
@media(max-width:1530px) {
.player-nav {
top: 3px
}
}
.player-nav .player-nav--inner {
width: 350px;
transition: width .7s ease-in-out
}
.player-nav.close {
max-width: 100px
}
.player-nav.close .icon-checked {
color: #fff!important
}
.player-nav.close .player-nav--inner {
width: 100px
}
.player-nav.close .player-nav--inner .player-nav--list li a:before {
width: 100%!important
}
.player-nav.close .player-nav--inner .player-nav--list li a span:not(.player-nav--index) {
color: #fff
}
.player-nav.close .player-nav--end {
width: 54px
}
.player-nav.close .player-nav--end .direction-label {
display: none;
width: 0;
transition: width 0s ease-in-out
}
.player-nav.close .player-nav--end>a {
text-align: center
}
.player-nav.close .player-nav--end>a .icon-chevron-right,
.player-nav.close .player-nav--end>a .icon-chevrons-left {
margin: 0
}
.player-nav.close .player-nav--top {
width: 100px
}
.player-nav.close .player-nav--top span.back {
opacity: 0;
width: 0;
transition: width 0s ease-in-out
}
.player-nav.close .player-nav--top .player-nav--module-title {
width: 0;
height: 0
}
.player-nav.close .player-nav--top .player-nav--cross:after {
transform: rotate(90deg)
}
.player-nav.close .player-nav--top .player-nav--cross:before {
transform: rotate(0deg);
top: 14px
}
.player-nav.close .player-nav--mid .player-nav--list {
width: 60px
}
.player-nav.close .player-nav--mid .player-nav--list li {
width: 54px
}
.player-nav.close .player-nav--mid .player-nav--list li:hover {
width: 350px
}
.player-nav.close .player-nav--mid .player-nav--list li:hover a {
max-height: none
}
.player-nav.close .player-nav--mid .player-nav--list li a {
max-height: 55px;
overflow: hidden
}
.player-nav.moving .player-nav--inner .player-nav--list li a:not(.current):before {
width: 0!important;
transition: width 0s ease-in-out
}
.player-nav.moving .player-nav--inner .player-nav--list li a:not(.current) span:not(.player-nav--index) {
color: #5d666d!important
}
.player-nav.moving .player-nav--inner .player-nav--list li a.current span:not(.player-nav--index) {
color: #fff!important
}
.player-nav .player-nav--top {
background: #dee0e2;
border-bottom-right-radius: 12px;
padding: 15px 10px;
width: 390px;
transition: width .5s ease-in-out
}
.player-nav .player-nav--top .view-all-topics,
.player-nav .player-nav--top .view-all-topics span:nth-child(2) {
display: none
}
.player-nav .player-nav--top .back {
opacity: 1;
width: 160px;
display: inline-block;
overflow: hidden;
transition: width .7s ease-in-out
}
.player-nav .player-nav--top .back .back-inner {
min-width: 160px;
display: block;
position: relative;
top: 4px
}
.player-nav .player-nav--top .player-nav--cross {
display: inline-block;
width: 30px;
height: 30px;
position: relative;
float: right;
margin-top: -1px;
cursor: pointer;
transition: all .5s ease-in-out
}
.player-nav .player-nav--top .player-nav--cross:after,
.player-nav .player-nav--top .player-nav--cross:before {
content: "";
width: 23px;
height: 2px;
background-color: #2d3942;
display: block;
position: absolute;
left: 3px;
top: 13px;
transform: rotate(-45deg);
transition: all .2s ease-in-out
}
.player-nav .player-nav--top .player-nav--cross:before {
transform: rotate(45deg)
}
.player-nav .player-nav--top .player-nav--module-title {
color: #2d3942;
font-size: 20px;
margin-top: 20px;
overflow: hidden;
width: 100%;
height: 100%;
padding-bottom: 2px;
line-height: 26px;
transition: all .3s ease-in-out
}
.player-nav .player-nav--top .player-nav--module-title div {
width: 350px
}
@media(max-width:1350px) {
.player-nav .player-nav--top .player-nav--module-title div {
width: 320px
}
}
.player-nav .player-nav--top a {
font-size: 16px;
color: #2d3942
}
.player-nav .player-nav--top a .icon-chevrons-left {
color: #0094c9;
margin-right: 15px
}
.player-nav .player-nav--mid .player-nav--list {
width: 100%;
transition: width .3s linear
}
.player-nav .player-nav--mid .player-nav--list li {
background: #fff;
width: 100%;
overflow: hidden;
transition: all .3s linear
}
.player-nav .player-nav--mid .player-nav--list li:after {
content: "";
display: table;
clear: both
}
.player-nav .player-nav--mid .player-nav--list li:hover span[class^=icon].icon-checked {
color: #fff
}
.player-nav .player-nav--mid .player-nav--list li a {
color: #5d666d;
display: block;
position: relative;
padding-left: 65px;
min-height: 55px;
min-width: 350px;
padding-right: 10px;
border-bottom: 2px solid #dee0e2
}
.player-nav .player-nav--mid .player-nav--list li a:after {
content: "";
clear: both;
display: table
}
.player-nav .player-nav--mid .player-nav--list li a:before {
content: "";
width: 0;
background: #0094c9;
position: absolute;
top: 0;
left: 0;
height: 100%;
transition: width .3s linear
}
.player-nav .player-nav--mid .player-nav--list li a.current,
.player-nav .player-nav--mid .player-nav--list li a:hover {
color: #fff
}
.player-nav .player-nav--mid .player-nav--list li a.current:before,
.player-nav .player-nav--mid .player-nav--list li a:hover:before {
width: 100%
}
.player-nav .player-nav--mid .player-nav--list li a.current .player-nav--index,
.player-nav .player-nav--mid .player-nav--list li a:hover .player-nav--index {
background: #0094c9;
color: #fff
}
.player-nav .player-nav--mid .player-nav--list li span[class^=icon] {
margin: 0 10px 0 0;
font-size: 25px;
position: relative;
top: 14px
}
.player-nav .player-nav--mid .player-nav--list li span[class^=icon].icon-checked {
color: #10a650;
transition: color .3s linear
}
.player-nav .player-nav--mid .player-nav--list li .player-nav--title {
width: calc(100% - 35px);
float: right;
padding: 17px 0;
display: block;
position: relative;
font-size: 15px
}
.player-nav .player-nav--mid .player-nav--index {
background: #dee0e2;
padding: 15px;
display: inline-block;
color: #465159;
min-width: 54px;
text-align: center;
font-size: 16px;
position: absolute;
left: 0;
height: 100%;
font-weight: 700
}
@media(max-width:400px) {
.player-nav .player-nav--mid .player-nav--list li {
width: 100%
}
.player-nav .player-nav--mid .player-nav--list li a {
width: 100%;
min-width: 320px
}
}
.player-nav .player-nav--end {
display: none;
position: static
}
.player-nav .player-nav--end>a {
width: 50%;
box-shadow: none
}
@media(max-width:880px) {
.player-nav .player-nav--end {
display: block
}
}
@media(max-width:1350px) {
.player-nav .player-nav--inner .player-nav--top {
max-width: 350px;
border-bottom-right-radius: 0
}
}
@media(max-width:500px) {
.player-nav {
max-width: 100%!important;
width: 100%!important;
max-height: 57px
}
.player-nav.open-mobile {
max-height: none
}
.player-nav.open-mobile .player-nav--inner .player-nav--top .view-all-topics {
display: block;
text-align: center;
margin-top: -22px
}
.player-nav.open-mobile .player-nav--inner .player-nav--top .view-all-topics span:first-child {
display: none
}
.player-nav.open-mobile .player-nav--inner .player-nav--top .view-all-topics span:nth-child(2) {
display: block
}
.player-nav.open-mobile .player-nav--inner .player-nav--top .player-nav--module-title {
overflow: visible;
height: auto;
margin: 20px 0 0
}
.player-nav.open-mobile .player-nav--inner .player-nav--mid {
overflow: visible;
height: auto
}
.player-nav.open-mobile .player-nav--inner .player-nav--end {
width: 100%;
overflow: visible;
height: auto;
box-shadow: 0 3px 3px 0 rgba(50, 50, 50, .2)
}
.player-nav.open-mobile .player-nav--inner .player-nav--end .direction-label {
font-size: 14px
}
.player-nav .player-nav--inner {
width: 100%!important
}
.player-nav .player-nav--inner .player-nav--top {
width: 100%!important;
max-width: none!important
}
.player-nav .player-nav--inner .player-nav--top .view-all-topics {
display: block;
text-align: center;
margin-top: -22px
}
.player-nav .player-nav--inner .player-nav--top .player-nav--cross,
.player-nav .player-nav--inner .player-nav--top .view-all-topics span:nth-child(2) {
display: none
}
.player-nav .player-nav--inner .player-nav--top span.back {
opacity: 0;
width: 0
}
.player-nav .player-nav--inner .player-nav--top .player-nav--module-title {
overflow: hidden;
height: 0;
margin: 0
}
.player-nav .player-nav--inner .player-nav--mid {
overflow: hidden;
height: 0
}
.player-nav .player-nav--inner .player-nav--mid .player-nav--list,
.player-nav .player-nav--inner .player-nav--mid .player-nav--list li {
width: 100%!important
}
.player-nav .player-nav--inner .player-nav--mid .player-nav--list li a {
max-height: none!important
}
.player-nav .player-nav--inner .player-nav--end {
width: 100%;
overflow: hidden;
height: 0
}
}
@media(max-width:400px) {
.player-nav,
.player-nav .player-nav--inner {
width: 100%
}
.player-nav .player-nav--inner .player-nav--top {
width: 100%;
border-bottom-right-radius: 0
}
}
.player-nav--end {
background: #dee0e2;
width: 100%;
position: fixed;
left: 0;
bottom: 0;
z-index: 999;
transition: all .5s ease-in-out
}
.player-nav--end.at-bottom {
bottom: -45px
}
.player-nav--end:after {
content: "";
clear: both;
display: table
}
.player-nav--end.not-started>a {
width: 42.5%
}
.player-nav--end.not-started>a.player-nav--next-slide,
.player-nav--end.not-started>a.player-nav--previous-slide {
width: 0;
overflow: hidden
}
.player-nav--end.not-started .start {
text-align: center;
width: 15%
}
.player-nav--end.not-started .start.ready {
background: #0094c9;
color: #fff
}
.player-nav--end.premium>a {
width: 50%
}
.player-nav--end.premium.noflash>a {
width: 30%
}
.player-nav--end.premium.noflash>a.player-nav--next-slide,
.player-nav--end.premium.noflash>a.player-nav--previous-slide {
width: 20%
}
.player-nav--end.noflash>a {
width: 30%
}
.player-nav--end.noflash>a.player-nav--next-slide,
.player-nav--end.noflash>a.player-nav--previous-slide {
width: 20%;
opacity: 1;
pointer-events: all
}
.player-nav--end.noflash>a.player-nav--next-slide.blue:not(:hover) {
background-color: #0094c9;
color: #fff
}
.player-nav--end.noflash>a.player-nav--next-slide.blue:not(:hover) .icon-right-arrow {
color: #fff
}
.player-nav--end>a {
width: 50%;
float: left;
color: #fff;
padding: 14px 20px 10px;
box-shadow: inset 0 0 1px 0 hsla(0, 0%, 100%, .9);
background-color: #15212a;
transition: all .3s ease-in-out
}
.player-nav--end>a:hover {
background-color: #131415
}
.player-nav--end>a.show-button {
background-color: #0094c9
}
.player-nav--end>a.show-button:hover {
background-color: #15212a
}
.player-nav--end>a.show-button:hover .icon-chevrons {
color: #0094c9
}
.player-nav--end>a.show-button .icon-chevrons {
color: #fff
}
.player-nav--end>a.player-nav--next-slide,
.player-nav--end>a.player-nav--previous-slide {
width: 0;
text-align: center;
opacity: 0;
pointer-events: none;
padding: 0
}
.player-nav--end>a.player-nav--next-slide>span,
.player-nav--end>a.player-nav--previous-slide>span {
padding: 14px 20px 10px;
display: block;
min-width: 250px
}
.player-nav--end>a.player-nav--next-slide.disabled,
.player-nav--end>a.player-nav--previous-slide.disabled {
background-color: #040608;
color: #1a1a1a;
cursor: not-allowed
}
.player-nav--end>a.player-nav--next-slide.disabled [class^=icon-],
.player-nav--end>a.player-nav--previous-slide.disabled [class^=icon-] {
color: #15212a
}
.player-nav--end>a.start {
width: 0;
overflow: hidden;
padding: 0;
transition: width .3s ease-in-out
}
.player-nav--end>a.start>span {
min-width: 120px;
padding: 14px 20px 10px;
display: block
}
@media(max-width:970px) {
.player-nav--end>a.start .seconds-outer {
display: none
}
}
.player-nav--end>a:last-child {
text-align: right
}
.player-nav--end>a [class^=icon-] {
color: #0094c9;
position: relative;
top: 2px
}
.player-nav--end>a .icon-left-arrow,
.player-nav--end>a .icon-right-arrow {
font-weight: 700
}
.player-nav--end>a .icon-chevrons,
.player-nav--end>a .icon-right-arrow {
margin-left: 6px
}
.player-nav--end>a .icon-chevrons-left,
.player-nav--end>a .icon-left-arrow {
margin-right: 6px
}
.player-nav--end .direction-label {
transition: width .3s ease-in-out
}
@media(max-width:880px) {
.player-nav--end {
display: none
}
}
.new-player {
position: relative;
width: calc(100% - 350px);
float: right;
padding: 0 20px 20px;
transition: width .3s ease-in-out
}
.new-player .new-player--inner {
max-width: 900px;
margin: 0 auto
}
.new-player .new-player--inner .ad {
margin: 10px auto 30px;
box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}
.new-player .new-player--inner .breadcrumb-wrapper {
margin-top: 15px;
padding: 0
}
.new-player .new-player--inner .breadcrumb-wrapper .icon-home {
display: none
}
.new-player .new-player--inner .breadcrumb-wrapper .breadcrumb {
padding: 0 0 0 8px;
margin: 0 0 12px
}
.new-player .new-player--inner .breadcrumb-wrapper .breadcrumb .icon-right-arrow {
color: #5d666d!important
}
.new-player .new-player--inner .breadcrumb-wrapper .breadcrumb li a {
color: #5d666d!important;
font-size: 12px
}
.new-player .new-player--inner h1 {
color: #2d3942;
background-color: #dee0e2;
padding: 12px 20px 13px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
font-size: 21px;
font-weight: 400;
text-align: center;
margin: 0
}
.new-player .new-player--inner .new-player--user-info {
background: #e8e9ea;
padding: 5px 0 0;
color: #2d3942;
text-align: center;
position: relative
}
.new-player .new-player--inner .new-player--user-info [class^=icon-] {
position: absolute;
width: 40px;
height: 40px;
border-radius: 100%;
top: calc(50% - 20px);
right: -20px;
font-size: 19px;
padding-top: 10px
}
.new-player .new-player--inner .new-player--user-info [class^=icon-].icon-full-screen-arrows,
.new-player .new-player--inner .new-player--user-info [class^=icon-].icon-full-screen-arrows:after {
border-radius: 8px
}
.new-player .new-player--inner .new-player--user-info span:first-child {
margin-right: 20px
}
.new-player .new-player--inner .new-player--user-info .module-progress {
font-size: 15px
}
.new-player .new-player--inner .new-player--user-info .user-progress {
display: inline;
margin-right: 20px;
position: relative
}
.new-player .new-player--inner .new-player--user-info .user-progress.active .speech-bubble {
top: -100px;
height: 100px
}
.new-player .new-player--inner .new-player--user-info .user-progress .speech-bubble {
position: absolute;
top: 0;
left: 50%;
height: 0;
overflow: hidden;
width: 300px;
transform: translate(-50%);
transition: all .7s cubic-bezier(.68, -.55, .265, 1.55)
}
.new-player .new-player--inner .new-player--user-info .user-progress .speech-bubble .alison-voice {
width: 40px;
height: 40px;
position: absolute;
z-index: 1;
right: calc(50% - 20px);
top: -1px
}
.new-player .new-player--inner .new-player--user-info .user-progress .speech-bubble .alison-voice img {
max-width: 100%
}
.new-player .new-player--inner .new-player--user-info .user-progress .speech-bubble .speech-bubble--inner {
position: absolute;
width: 300px;
top: 20px;
left: 0;
background-color: #fff;
padding: 30px 10px;
border-radius: 8px;
box-shadow: 0 2px 5px 0 rgba(50, 50, 50, .3)
}
.new-player .new-player--inner .new-player--user-info .user-progress .speech-bubble .speech-bubble--triangle {
content: "";
width: 32px;
position: absolute;
bottom: 20px;
left: calc(50% - 15px);
height: 0;
overflow: hidden;
transition: all .3s cubic-bezier(.075, .82, .165, 1);
transition-delay: .7s
}
.new-player .new-player--inner .new-player--user-info .user-progress .speech-bubble .speech-bubble--triangle .speech-bubble--triangle-inner {
position: absolute;
width: calc(100% - 10px);
height: 100%;
background: #fff;
top: -10px;
left: 5px;
transform: rotate(45deg);
box-shadow: 0 2px 5px 0 rgba(50, 50, 50, .3)
}
.new-player .new-player--inner .new-player--user-info .user-progress .user-progress--fill-message {
position: absolute;
top: 0;
left: 0;
background-color: #83c11f;
color: #fff;
width: 0;
overflow: hidden;
height: 100%
}
.new-player .new-player--inner .new-player--user-info .user-progress .user-progress--fill-message>div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-width: 300px;
padding: 0 20px;
font-weight: 700;
font-size: 16px
}
.new-player .new-player--inner .new-player--user-info .user-progress .user-progress--inner {
width: 300px;
top: 5px
}
.new-player .new-player--inner:after {
content: "";
clear: both;
display: table
}
.new-player .topic-helpers {
margin-top: 30px
}
@media(min-width:1000px) {
.new-player .topic-helpers .study-notes-item {
position: fixed;
right: 0;
top: 25%;
width: 400px;
z-index: 999;
min-height: 372px;
overflow: visible;
transition: all .3s ease-in-out
}
.new-player .topic-helpers .study-notes-item a {
border-bottom-left-radius: 0;
left: 0;
transition: all .3s ease-in-out
}
.new-player .topic-helpers .study-notes-item a .icon-en-write:before {
content: "\ea0f"
}
.new-player .topic-helpers .study-notes-item a:after,
.new-player .topic-helpers .study-notes-item a:before {
display: none
}
.new-player .topic-helpers .study-notes-item .slideToggle {
display: block!important;
overflow: visible!important;
height: 315px!important
}
.new-player .topic-helpers .study-notes-item.slide-in {
right: -400px
}
.new-player .topic-helpers .study-notes-item.slide-in .trigger {
border-bottom-left-radius: 8px;
display: block;
width: calc(100% + 60px);
left: -60px
}
.new-player .topic-helpers .study-notes-item.slide-in .trigger .icon-en-write:before {
content: "\ea06"
}
}
.new-player .topic-helpers>li {
overflow: hidden;
border-radius: 8px;
margin-bottom: 30px;
box-shadow: 0 3px 8px 0 rgba(50, 50, 50, .2)
}
.new-player .topic-helpers .trigger {
background: #dee0e2;
color: #2d3942;
text-align: left;
font-size: 20px;
font-weight: 400;
padding: 9px 11px;
margin: 0;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
display: block
}
.new-player .topic-helpers .trigger:after,
.new-player .topic-helpers .trigger:before {
background-color: #2d3942;
top: 27px;
right: 20px
}
.new-player .topic-helpers .trigger:after {
right: 29px
}
.new-player .topic-helpers .trigger>span:first-child {
color: #fff;
background-color: #0094c9;
width: 40px;
height: 38px;
display: inline-block;
text-align: center;
border-radius: 100%;
font-size: 19px;
padding-top: 9px;
margin-right: 20px
}
.new-player .topic-helpers .slideToggle {
background: #fff
}
.new-player .topic-helpers .slideToggle.text-version {
padding: 20px
}
.new-player .topic-helpers .slideToggle.text-version p {
color: #5d666d
}
.new-player .topic-helpers .slideToggle.player-reviews {
padding: 20px 20px 10px
}
.new-player .topic-helpers .slideToggle.player-reviews .user-comments-list .user-comment:last-child {
border-bottom: 0 solid
}
.new-player .topic-helpers .slideToggle.player-reviews .extras {
padding: 0 0 10px
}
.new-player .topic-helpers .slideToggle.player-reviews .user-comment {
border-bottom: 1px solid #d2d7dc
}
.new-player .topic-helpers .slideToggle.player-reviews .user-comment:first-child {
margin-top: 0
}
.new-player .topic-helpers .slideToggle.player-reviews .info-box.post {
margin: 15px auto
}
.new-player .topic-helpers .slideToggle.player-reviews .info-box.post .body {
padding: 5px 10px 10px
}
.new-player .topic-helpers .slideToggle.player-reviews .info-box.post .top {
min-height: 0;
background: 0 0;
position: absolute;
height: 30px;
right: 0;
top: 0
}
.new-player .topic-helpers .slideToggle.player-reviews .info-box.post .top .addon {
top: 0
}
.new-player .topic-helpers .slideToggle.player-reviews .info-box.post .user-comment--side {
width: 70px;
float: left
}
.new-player .topic-helpers .slideToggle.player-reviews .info-box.post .user-comment--content {
text-align: left;
width: calc(100% - 70px)
}
.new-player .topic-helpers .slideToggle.player-reviews .info-box.post .user-comment--content .user-comment--info {
color: #5d666d
}
.new-player .topic-helpers .slideToggle.player-reviews .info-box.post .user-comment--content .user-comment--info .user-comment--name {
color: #2d3942;
margin-right: 20px
}
.new-player .topic-helpers .slideToggle.player-reviews .info-box.post .user-comment--content .body p {
font-size: 16px
}
.new-player .topic-helpers .slideToggle.player-reviews .info-box.post .comment-user--image {
width: 55px;
height: 55px;
overflow: hidden;
border-radius: 100%
}
.new-player .topic-helpers .slideToggle.player-reviews .info-box.post .comment-user--image img {
width: 100%
}
.new-player .topic-helpers .slideToggle.player-reviews input {
border: 1px solid #bcc4c5;
border-radius: 8px;
margin-bottom: 20px
}
.new-player .topic-helpers .slideToggle .field {
padding: 20px
}
.new-player .topic-helpers .slideToggle .field textarea {
border: 1px solid #bcc4c5;
border-radius: 8px
}
.new-player .topic-helpers .slideToggle .extras {
padding: 0 20px 10px 0;
text-align: right
}
.new-player .topic-helpers .slideToggle .extras .save-note,
.new-player .topic-helpers .slideToggle .extras .submit-topic-comment {
min-width: 100px;
border-radius: 5px;
padding: 6px 20px;
position: relative;
top: -6px
}
.new-player .topic-helpers .slideToggle .extras [class^=icon-] {
color: #0094c9;
font-size: 26px;
margin-right: 20px
}
@media(max-width:1070px) {
.new-player .new-player--inner {
max-width: 700px
}
.new-player .new-player--user-info span:first-child,
.new-player .new-player--user-info span:last-child {
display: none
}
}
@media(max-width:830px) {
.new-player {
width: 100%
}
.new-player .new-player--inner {
max-width: 500px
}
}
@media(max-width:600px) {
.new-player {
padding: 0 20px
}
}
@media(max-width:486px) {
.new-player .new-player--inner .new-player--user-info {
padding: 10px 50px
}
}
@media(max-width:380px) {
.new-player {
padding: 0
}
}
.hover-icon {
background: #0094c9;
color: #fff;
cursor: pointer
}
.hover-icon,
.hover-icon:after {
transition: all .3s ease-in-out
}
.hover-icon:after {
content: "";
width: 0;
height: 0;
left: 50%;
top: 50%;
position: absolute
}
.hover-icon:hover {
background: #fff;
color: #0094c9
}
.hover-icon:hover:after {
width: 100%;
height: 100%;
border: 2px solid #0094c9;
border-radius: 100%;
top: -2px;
left: -2px
}
@keyframes heart {
0%,
17.5% {
font-size: 0
}
}
@keyframes bubble {
15% {
transform: scale(1);
border-color: #f99d25;
border-width: 2.25rem
}
30%,
to {
transform: scale(1);
border-color: #f99d25;
border-width: 0
}
}
@keyframes particles {
0%,
20% {
opacity: 0
}
25% {
opacity: 1;
box-shadow: .32476rem -2.4375rem 0 0 #f99d25, -.32476rem -2.0625rem 0 0 #0094c9, 2.1082rem -1.26585rem 0 0 #83c11f, 1.41004rem -1.53985rem 0 0 #f99d25, 2.30412rem .85901rem 0 0 #0094c9, 2.08305rem .14233rem 0 0 #83c11f, .76499rem 2.33702rem 0 0 #f99d25, 1.18748rem 1.71734rem 0 0 #0094c9, -1.35019rem 2.0552rem 0 0 #83c11f, -.60229rem 1.99916rem 0 0 #f99d25, -2.44865rem .22578rem 0 0 #0094c9, -1.93852rem .77557rem 0 0 #83c11f, -1.70323rem -1.77366rem 0 0 #f99d25, -1.81501rem -1.03204rem 0 0 #0094c9
}
}
#testimonials {
background-color: #f3f6f7
}
#testimonials figure.bg-image {
background: #fff
}
#testimonials figure.bg-image>img {
min-width: auto;
min-height: auto;
height: auto;
width: 100%;
display: block
}
@media(max-width:1330px) {
#testimonials figure.bg-image>img {
display: none
}
}
#testimonials h1 {
font-size: 35px
}
#testimonials h1.name {
color: #2d3942
}
#testimonials .banner .banner-align {
height: 350px
}
#testimonials .banner .banner-align h1 {
color: #2d3942;
font-weight: 500;
font-size: 2.575em;
margin-bottom: 0
}
#testimonials .banner .banner-align h3,
#testimonials .banner .banner-align p {
color: #5d666d
}
#testimonials .banner .banner-align .branding.single-testimonial {
max-width: 900px;
margin-left: auto;
margin-right: auto
}
#testimonials .banner .banner-align .branding.single-testimonial.success-story {
margin-bottom: 90px
}
#testimonials .banner .banner-align .branding.single-testimonial.success-story p {
color: #5d666d
}
#testimonials .banner .banner-align .branding.single-testimonial p:first-child {
font-size: 1.305em
}
#testimonials .banner .banner-align .headline {
margin-top: -20px;
margin-bottom: 30px
}
#testimonials .banner .banner-align .country-in-focus img {
border-radius: 3px
}
#testimonials .banner .banner-align .country-in-focus p {
color: #5d666d
}
#testimonials .banner .banner-align .country-in-focus p:first-child {
font-size: 1.375em;
margin-bottom: 5px
}
#testimonials .banner .banner-align .country-in-focus p .current-country-in-focus {
color: #0091c7
}
#testimonials .banner .banner-align .country-in-focus p .up-next {
font-style: italic;
font-size: .775em
}
@media(max-width:500px) {
#testimonials .banner .banner-align {
height: 250px
}
}
#testimonials .testimonial-page-content {
position: relative
}
#testimonials .testimonial-page-content .sticky-ad {
width: 200px;
position: absolute;
right: 10px;
top: 93px
}
@media(max-width:1350px) {
#testimonials .testimonial-page-content .sticky-ad {
display: none
}
}
#testimonials .hidden-field {
position: absolute;
left: -99999px
}
#testimonials .floating-fields {
clear: both;
position: relative;
margin-bottom: 40px
}
#testimonials .floating-fields.hide-video .video-trigger {
width: 0;
overflow: hidden;
border: 0 solid
}
#testimonials .floating-fields.hide-video .image-trigger {
left: 50%;
transform: translate(-50%);
background-color: #0094c9
}
#testimonials .floating-fields.hide-video .image-trigger .image-field,
#testimonials .floating-fields.hide-video .image-trigger .image-field>span {
color: #fff
}
#testimonials .floating-fields.hide-video .or-middle {
opacity: 0
}
#testimonials .floating-fields.hide-image .image-trigger {
width: 0;
overflow: hidden;
border: 0 solid
}
#testimonials .floating-fields.hide-image .video-trigger {
left: 50%;
transform: translate(-50%);
background-color: #0094c9
}
#testimonials .floating-fields.hide-image .video-trigger .video-field,
#testimonials .floating-fields.hide-image .video-trigger .video-field>span {
color: #fff
}
#testimonials .floating-fields.hide-image .or-middle {
opacity: 0
}
#testimonials .floating-fields .or-middle {
position: absolute;
text-align: center;
width: 100%;
left: 0;
top: 80px;
font-size: 23px;
color: #5d666d
}
#testimonials .floating-fields .float-50 {
float: left;
width: 40%;
clear: none;
border: 1px solid #5d666d;
padding: 30px 0;
cursor: pointer;
position: relative;
z-index: 9;
left: 0;
margin-left: 18px;
max-height: 157px;
transition: all .4s ease-in;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}
#testimonials .floating-fields .float-50:last-child {
float: right;
margin-right: 18px;
margin-left: 0
}
#testimonials .floating-fields .float-50 .image-field,
#testimonials .floating-fields .float-50 .video-field {
text-align: center;
color: #5d666d
}
#testimonials .floating-fields .float-50 .image-field>span,
#testimonials .floating-fields .float-50 .video-field>span {
display: block;
color: #5d666d;
font-size: 75px
}
@media(max-width:600px) {
#testimonials .floating-fields .float-50 {
float: none;
width: 100%;
clear: both;
margin-left: 0
}
#testimonials .floating-fields .float-50:last-child {
float: none;
margin-right: 0;
margin-top: 45px
}
#testimonials .floating-fields .or-middle {
top: 171px
}
}
#testimonials .highlighted {
margin-bottom: 50px
}
#testimonials .testimonial-page-ad .ad {
margin: 0 auto;
padding: 60px 0 100px
}
#testimonials .testimonial-outer {
background-color: #f3f6f7
}
#testimonials .testimonial-outer .testimonial-wrapper {
max-width: 1500px;
margin: 0 auto;
min-height: 660px
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial {
width: 100%;
float: left;
padding: 30px
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial>div {
background-color: #fff;
padding: 20px;
margin-bottom: 30px;
box-shadow: 0 3px 5px 0 rgba(50, 50, 50, .5)
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .country_flags {
margin-right: 10px
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial.video .testimonial-content .testimonial-left {
width: 50%;
float: left
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial.video .testimonial-content .testimonial-right {
float: left;
width: 50%;
padding-left: 30px
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial.video .testimonial-content .testimonial-right .testimonial-country {
margin-bottom: 25px
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial.video .testimonial-content .testimonial-right .testimonial-country .country {
color: #566d7f;
font-style: italic
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial.video .testimonial-content .testimonial-right h2 {
font-size: 22px;
text-align: left;
font-weight: 300;
margin-bottom: 10px
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-content .testimonial-left {
width: 300px;
float: left
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-content .testimonial-left h2 {
font-size: 22px;
text-align: center;
font-weight: 300;
margin-bottom: 15px
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-content .testimonial-left .testimonial-image {
width: 200px;
height: 200px;
border-radius: 100%;
margin: 0 auto;
overflow: hidden
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-content .testimonial-left .testimonial-image img {
max-width: 100%
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-content .testimonial-left .testimonial-country .country {
text-align: center;
margin-top: 25px;
color: #566d7f;
font-style: italic
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-content .testimonial-right {
float: left;
width: calc(100% - 300px)
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-right {
position: relative
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-right .learning-outcomes {
padding-top: 20px;
font-size: 15px;
color: #059405
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-right .learning-outcomesstrong {
font-weight: 500
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-right .learning-outcomesspan {
font-weight: 400
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-courses {
margin-bottom: 40px
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-courses h3 {
font-size: 21px;
text-align: center
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-courses>ul li {
width: 50%;
float: left;
margin-bottom: 15px
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-courses>ul li .course-name {
color: #5d666d
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-courses>ul li .completed-category {
background-color: #0093c9;
color: #fff;
padding: 2px 15px;
border-radius: 4px;
margin-right: 10px
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-courses>ul li .completed-category.language-category {
background: #10a650
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-courses>ul li .completed-category.science-category {
background: #2d3942
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-courses>ul li .completed-category.health-category {
background: #e42330
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-courses>ul li .completed-category.humanities-category {
background: #bfd131
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-courses>ul li .completed-category.business-category {
background: #f49b29
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-courses>ul li .completed-category.math-category {
background: #833a8d
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-courses>ul li .completed-category.marketing-category {
background: #c81a7f
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-courses>ul li .completed-category.lifestyle-category {
background: #2a0040
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-courses>ul li .completed-category+a {
line-height: 1.575em
}
@media(max-width:1150px) {
#testimonials .testimonial-outer .testimonial-wrapper .testimonial {
width: 100%
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-content .testimonial-left,
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-content .testimonial-right {
width: 100%;
float: none
}
}
@media(max-width:500px) {
#testimonials .testimonial-outer .testimonial-wrapper .testimonial {
position: relative
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial.video .testimonial-content .testimonial-left,
#testimonials .testimonial-outer .testimonial-wrapper .testimonial.video .testimonial-content .testimonial-right {
width: 100%;
float: none
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial.video .testimonial-content .testimonial-left {
margin-bottom: 30px
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial.video .testimonial-content .testimonial-right {
position: static
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial.video .testimonial-content .testimonial-right .link-group {
right: 35px;
top: 25px
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-content .testimonial-left,
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-content .testimonial-right {
width: 100%;
float: none
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-content .testimonial-left {
margin-bottom: 30px
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-content .testimonial-right {
position: static
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-content .testimonial-right .link-group {
right: 35px;
top: 25px
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial .testimonial-courses>ul li {
float: none;
width: 100%
}
}
#testimonials .testimonial-outer .testimonial-wrapper .testimonial-side-ad {
width: 200px;
margin: 30px 0 0;
float: right
}
@media(max-width:1151px) {
#testimonials .testimonial-outer .testimonial-wrapper .testimonial-side-ad {
display: none
}
}
#testimonials .checkbox-fields .checkbox-row input[type=checkbox]:checked+label:after {
background: #0091c7;
position: absolute;
content: " ";
display: inline-block;
height: 10px;
left: 23px;
top: auto;
width: 10px;
margin-top: 3px
}
#relations-widget {
position: relative;
float: left;
height: auto
}
#relations-widget.widget-open {
left: 0!important
}
#relations-widget #relations-widget-mobile-handle {
position: absolute;
display: none;
top: 30px;
right: -32px;
width: 32px;
height: 50px;
z-index: 9999;
cursor: pointer;
background-color: #0094c9;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px
}
#relations-widget #relations-widget-mobile-handle .rotate {
transform: rotateY(-180deg)
}
#relations-widget #relations-widget-mobile-handle div i {
color: #fff;
line-height: 50px;
text-align: center;
margin: 0 7px;
transition: transform 2s ease
}
#relations-widget #relations-widget-wrap {
width: 220px;
margin: 0 auto
}
#relations-widget #relations-widget-wrap #more-links {
position: relative;
height: auto;
margin-top: 17px;
width: 100%
}
#relations-widget #relations-widget-wrap #more-links a:link,
#relations-widget #relations-widget-wrap #more-links a:visited {
color: #6f6f6f;
display: block;
font-size: 15px;
margin: 10px 0 5px
}
#relations-widget #relations-widget-wrap #more-links a:hover {
color: #f49b29!important
}
#relations-widget #relations-widget-header {
position: relative;
height: 64px;
width: 100%;
line-height: 64px;
display: table
}
#relations-widget #relations-widget-header h2 {
font-size: 1.25em;
color: #000;
vertical-align: middle;
font: 300 1.25em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
display: table-cell
}
#relations-widget #relations-widget-content {
position: relative;
overflow: hidden
}
#relations-widget #relations-widget-content a:link,
#relations-widget #relations-widget-content a:visited {
color: #0094c9;
display: block;
margin: 10px 13px 10px 0;
font-size: 15px;
transition: color .3s ease
}
#relations-widget #relations-widget-content a:first-child {
margin-top: 0!important
}
#relations-widget #relations-widget-content a:hover {
color: #f49b29
}
#relations-widget h1 {
font-size: 35px
}
@media(max-width:1100px) {
#relations-widget {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px
}
}
.ps {
overflow-x: visible!important;
overflow-y: hidden!important;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto
}
.ps__rail-y {
opacity: .6;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
width: 15px;
right: 0;
position: absolute
}
.ps--active-y>.ps__rail-y {
display: block;
background-color: transparent
}
.ps__thumb-y {
background-color: #7a7a7a;
border-radius: 6px;
transition: background-color .2s linear, width .2s ease-in-out;
-webkit-transition: background-color .2s linear, width .2s ease-in-out;
width: 6px;
right: 2px;
position: absolute
}
.ps__rail-y:focus>.ps__thumb-y {
background-color: #999;
width: 11px
}
@supports(-ms-overflow-style:none) {
.ps {
overflow: auto!important
}
}
@media(-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
.ps {
overflow: auto!important
}
}
#testimonial-case-study {
color: #2d3942
}
#testimonial-case-study h1 {
font: 400 3.225em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
color: #465159
}
#testimonial-case-study h2 {
font: 400 1.725em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
#testimonial-case-study h3 {
font: 400 1.4375em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
#testimonial-case-study p {
font-size: .975em
}
#testimonial-case-study a:link,
#testimonial-case-study a:visited {
color: #0091c7
}
#testimonial-case-study a:active,
#testimonial-case-study a:focus,
#testimonial-case-study a:hover {
color: #00597b
}
#testimonial-case-study .img-left {
display: block;
float: left
}
#testimonial-case-study .img-right {
display: block;
float: right
}
#testimonial-case-study section#heading-section img {
width: 100%;
height: auto
}
@media(min-width:692px) {
#testimonial-case-study section#heading-section img {
width: auto;
height: auto
}
}
@media(min-width:992px) {
#testimonial-case-study section#heading-section img {
width: 100%;
height: auto
}
}
@media(min-width:1550px) {
#testimonial-case-study section#heading-section img {
width: auto;
height: auto
}
}
#testimonial-case-study section#heading-section .outer-wrap {
height: 375px;
display: table;
width: 100%
}
#testimonial-case-study section#heading-section .outer-wrap .inner-wrap {
display: table-cell;
vertical-align: middle;
width: 100%
}
#testimonial-case-study section#heading-section .outer-wrap .inner-wrap .insert {
padding-left: 20px;
padding-right: 20px;
max-width: 1160px
}
@media only screen and (min-width:1020px) {
#testimonial-case-study section#heading-section .outer-wrap .inner-wrap .insert {
padding-left: 70px;
padding-right: 0
}
}
#testimonial-case-study section#heading-section .outer-wrap .inner-wrap .insert p {
color: #5d666d
}
#testimonial-case-study section#heading-section .outer-wrap .inner-wrap .insert p.subheadline {
margin-top: 60px;
color: #b4bdbf;
font-style: italic
}
#testimonial-case-study section#heading-section .outer-wrap .inner-wrap .insert-right {
width: 100%;
text-align: right
}
#testimonial-case-study section#body-section {
background: #f3f6f7
}
#testimonial-case-study section#body-section .outer-wrap {
height: 333px;
display: table
}
#testimonial-case-study section#body-section .outer-wrap .inner-wrap {
display: table-cell;
vertical-align: middle
}
#testimonial-case-study section#body-section .outer-wrap .inner-wrap .insert {
padding: 0 20px;
color: #5d666d
}
#testimonial-case-study section#lower-body-section .table-wrapper {
max-width: 760px
}
#testimonial-case-study section#lower-body-section .table-wrapper table {
border-collapse: collapse
}
#testimonial-case-study section#lower-body-section .table-wrapper table thead th {
padding: 7px;
border: 2px solid #fff;
background-color: #5d666d;
color: #fff
}
#testimonial-case-study section#lower-body-section .table-wrapper table tbody td,
#testimonial-case-study section#lower-body-section .table-wrapper table tbody th {
padding: 7px;
border: 2px solid #fff
}
#testimonial-case-study section#lower-body-section .table-wrapper table tbody tr {
background-color: #f1f2f2;
color: #5d666d;
text-shadow: none;
transition: all .3s ease-in-out
}
#testimonial-case-study section#lower-body-section .table-wrapper table tbody tr:hover {
background-color: #83c11f;
color: #fff
}
#testimonial-case-study section#footer-section {
padding-top: 30px
}
#testimonial-case-study section#footer-section .testimonials-static-wrap {
max-width: 1800px;
padding: 20px;
margin-left: auto;
margin-right: auto;
text-align: center
}
#testimonial-case-study section#footer-section .testimonials-static-wrap a:link,
#testimonial-case-study section#footer-section .testimonials-static-wrap a:visited {
color: #0091c7
}
#testimonial-case-study section#footer-section .testimonials-static-wrap a:active,
#testimonial-case-study section#footer-section .testimonials-static-wrap a:focus,
#testimonial-case-study section#footer-section .testimonials-static-wrap a:hover {
color: #00597b
}
#testimonial-case-study section#footer-section .testimonials-static-wrap .testimonial-static-link {
text-align: center;
display: inline-block;
width: 338px;
min-height: 100px;
margin: 25px 5px;
vertical-align: top;
box-shadow: 0 0 15px #aaa;
transition: box-shadow .5s ease-in-out
}
#testimonial-case-study section#footer-section .testimonials-static-wrap .testimonial-static-link:hover {
box-shadow: 0 0 15px #5d666d
}
#testimonial-case-study section#footer-section .testimonials-static-wrap .testimonial-static-link img {
width: 100%;
height: auto
}
#testimonial-case-study section#footer-section .testimonials-static-wrap .testimonial-static-link .content-wrap {
display: table
}
#testimonial-case-study section#footer-section .testimonials-static-wrap .testimonial-static-link .content-wrap p {
padding: 5px 15px;
height: 112px;
display: table-cell;
vertical-align: middle
}
#testimonial-case-study section#footer-section .testimonials-static-wrap .testimonial-static-link a {
color: #2d3942;
font: 400 1.275em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
#testimonial-case-study .social-share {
margin: 30px auto 60px;
width: 200px
}
#testimonial-case-study .social-share a:link i {
font-size: 35px;
color: #f49b29
}
#tags-page {
background-color: #f3f6f7
}
#tags-page span.upperCase {
text-transform: uppercase
}
#tags-page .tag-popup .tag-popup-content .popup-top-bar #categories ul li p span.upper,
#tags-page span.capitalize {
text-transform: capitalize
}
#tags-page .popover {
background-color: #2d3942;
min-width: 45px;
text-align: center
}
#tags-page .popover.bottom>.arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #2d3942;
top: -11px
}
#tags-page .popover.bottom>.arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #2d3942
}
#tags-page .popover.top>.arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #2d3942;
bottom: -11px
}
#tags-page .popover.top>.arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #2d3942
}
#tags-page .popover-content {
padding: 3px 5px;
color: #fff;
font-size: 12px
}
#tags-page .popover-content ul {
padding-left: 7px;
margin-top: 0;
list-style: disc outside none
}
#tags-page .tag-popup {
background: hsla(0, 0%, 83%, .7);
display: none;
position: absolute;
width: 100%;
z-index: 100;
top: 0;
left: 0;
height: 100%;
box-shadow: 0 3px 8px 0 rgba(50, 50, 50, .2)
}
#tags-page .tag-popup .tag-popup-content {
background: #fff;
border-radius: 5px;
min-height: 400px;
position: fixed;
top: 269px;
left: 50%;
transform: translate(-50%);
width: calc(100% - 400px)
}
@media screen and (max-width:1024px) {
#tags-page .tag-popup .tag-popup-content {
width: calc(100% - 20px);
top: 74px
}
}
#tags-page .tag-popup .tag-popup-content .popup-top-bar {
padding: 20px 20px 0
}
#tags-page .tag-popup .tag-popup-content .popup-top-bar h2 {
font-weight: 500;
font-size: 1em;
margin: 0 0 15px
}
#tags-page .tag-popup .tag-popup-content .popup-top-bar #categories ul {
float: right
}
#tags-page .tag-popup .tag-popup-content .popup-top-bar #categories ul li {
display: inline-block;
width: 185px;
padding-bottom: 0
}
@media screen and (max-width:1430px) {
#tags-page .tag-popup .tag-popup-content .popup-top-bar #categories ul li {
width: 173px;
padding-bottom: 20px
}
}
#tags-page .tag-popup .tag-popup-content .popup-top-bar #categories ul li p {
margin: 0
}
#tags-page .tag-popup .tag-popup-content .popup-top-bar #categories ul li p span.capitalize,
#tags-page .tag-popup .tag-popup-content .popup-top-bar #categories ul li p span.upper {
text-transform: capitalize;
display: inline-block;
margin-left: 2px
}
#tags-page .tag-popup .tag-popup-content .popup-top-bar #categories ul li p span.upper {
text-transform: uppercase
}
#tags-page .tag-popup .tag-popup-content .popup-top-bar #categories ul li span.category-icon {
display: inline-block;
vertical-align: top;
font-size: 1.475em
}
#tags-page .tag-popup .tag-popup-content .popup-top-bar #categories ul li span.category-icon.icon-category-it {
color: #0093c9
}
#tags-page .tag-popup .tag-popup-content .popup-top-bar #categories ul li span.category-icon.icon-category-business {
color: #f49b29
}
#tags-page .tag-popup .tag-popup-content .popup-top-bar #categories ul li span.category-icon.icon-category-science {
color: #2d3942
}
#tags-page .tag-popup .tag-popup-content .popup-top-bar #categories ul li span.category-icon.icon-category-health {
color: #e42330
}
#tags-page .tag-popup .tag-popup-content .popup-top-bar #categories ul li span.category-icon.icon-category-marketing {
color: #c81a7f
}
#tags-page .tag-popup .tag-popup-content .popup-top-bar #categories ul li span.category-icon.icon-category-humanities {
color: #bfd131
}
#tags-page .tag-popup .tag-popup-content .popup-top-bar #categories ul li span.category-icon.icon-category-math {
color: #833a8d
}
#tags-page .tag-popup .tag-popup-content .popup-top-bar #categories ul li span.category-icon.icon-category-lifestyle {
color: #2a0040
}
#tags-page .tag-popup .tag-popup-content .popup-top-bar #categories ul li span.category-icon.icon-category-language {
color: #10a650
}
#tags-page .tag-popup .tag-popup-content .tag-popup-inner-content .description-wrap {
padding: 20px;
background-color: #f3f6f7
}
#tags-page .tag-popup .tag-popup-content .tag-popup-inner-content .description-wrap .description-scroll {
height: auto;
max-height: 145px
}
#tags-page .tag-popup .tag-popup-content .tag-popup-inner-content .description-wrap .description-scroll #description {
padding-right: 20px
}
#tags-page .tag-popup .tag-popup-content .tag-popup-inner-content .description-wrap .description-scroll #description,
#tags-page .tag-popup .tag-popup-content .tag-popup-inner-content .description-wrap .description-scroll #description p,
#tags-page .tag-popup .tag-popup-content .tag-popup-inner-content .description-wrap .description-scroll #description span {
color: #2d3942!important;
font-weight: 400!important;
font-size: .9375em!important;
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif!important
}
#tags-page .tag-popup .tag-popup-content .tag-popup-inner-content .description-wrap .description-scroll #description a:link,
#tags-page .tag-popup .tag-popup-content .tag-popup-inner-content .description-wrap .description-scroll #description a:visited {
color: #0091c7!important
}
#tags-page .tag-popup .tag-popup-content .tag-popup-inner-content .description-wrap .description-scroll #description a:active,
#tags-page .tag-popup .tag-popup-content .tag-popup-inner-content .description-wrap .description-scroll #description a:focus,
#tags-page .tag-popup .tag-popup-content .tag-popup-inner-content .description-wrap .description-scroll #description a:hover {
color: #00597b!important
}
#tags-page .tag-popup .tag-popup-content .tag-support {
padding: 20px 10px 0
}
#tags-page .tag-popup .tag-popup-content .tag-support h4 {
font-weight: 500;
font-size: 1em;
margin: 0 0 -5px;
color: #2d3942;
padding: 0 20px
}
#tags-page .tag-popup .tag-popup-content .tag-support #related-tags {
padding-bottom: 20px
}
#tags-page .tag-popup .tag-popup-content .tag-support #related-tags .related-scroll {
height: auto;
max-height: 250px
}
@media screen and (max-width:1024px) {
#tags-page .tag-popup .tag-popup-content .tag-support #related-tags .related-scroll {
max-height: 140px
}
}
#tags-page .tag-popup .tag-popup-content .tag-support #related-tags .related-scroll ul {
padding-bottom: 20px
}
#tags-page .tag-popup .tag-popup-content .tag-support #related-tags .related-scroll ul li {
width: 247px;
display: inline-block;
vertical-align: top;
text-align: left;
height: 50px;
cursor: pointer;
padding: 10px
}
#tags-page .tag-popup .tag-popup-content .tag-support #related-tags .related-scroll ul li div.tag-wrap {
float: left;
margin-top: 8px;
box-shadow: 2px 2px 10px #ced3d6;
border-radius: 5px;
transition: box-shadow .2s ease-in-out;
color: #2d3942
}
#tags-page .tag-popup .tag-popup-content .tag-support #related-tags .related-scroll ul li div.tag-wrap:hover {
box-shadow: 2px 2px 20px #a1a4a7
}
#tags-page .tag-popup .tag-popup-content .tag-support #related-tags .related-scroll ul li div.tag-wrap div.tag-text {
padding: 7px 10px;
float: left;
font-weight: 500;
font-size: .775em;
background: #fff;
border-radius: 5px 0 0 5px;
min-width: 175px
}
#tags-page .tag-popup .tag-popup-content .tag-support #related-tags .related-scroll ul li div.tag-wrap div.tag-text.blank {
background: #d2d2d2;
color: #d2d2d2
}
#tags-page .tag-popup .tag-popup-content .tag-support #related-tags .related-scroll ul li div.tag-wrap div.tag-categories-wrap {
padding: 0;
float: right;
height: 30px;
width: 30px;
background-color: #fff;
border-radius: 0 5px 5px 0
}
#tags-page .tag-popup .tag-popup-content .tag-support #related-tags .related-scroll ul li div.tag-wrap div.tag-categories-wrap div.tag-category-box {
width: 30px;
height: 30px;
float: right;
text-align: center;
display: table;
background-color: #f3f6f7
}
#tags-page .tag-popup .tag-popup-content .tag-support #related-tags .related-scroll ul li div.tag-wrap div.tag-categories-wrap div.tag-category-box:first-child {
border-radius: 0 5px 5px 0
}
#tags-page .tag-popup .tag-popup-content .tag-support #related-tags .related-scroll ul li div.tag-wrap div.tag-categories-wrap div.tag-category-box>.tag-icon {
display: table-cell;
vertical-align: middle;
font-size: 1.275em
}
#tags-page .tag-popup .tag-popup-content .tag-support #related-tags .related-scroll ul li div.tag-wrap div.tag-categories-wrap div.tag-category-box>.tag-icon.icon-category-it {
color: #0093c9
}
#tags-page .tag-popup .tag-popup-content .tag-support #related-tags .related-scroll ul li div.tag-wrap div.tag-categories-wrap div.tag-category-box>.tag-icon.icon-category-business {
color: #f49b29
}
#tags-page .tag-popup .tag-popup-content .tag-support #related-tags .related-scroll ul li div.tag-wrap div.tag-categories-wrap div.tag-category-box>.tag-icon.icon-category-science {
color: #2d3942
}
#tags-page .tag-popup .tag-popup-content .tag-support #related-tags .related-scroll ul li div.tag-wrap div.tag-categories-wrap div.tag-category-box>.tag-icon.icon-category-health {
color: #e42330
}
#tags-page .tag-popup .tag-popup-content .tag-support #related-tags .related-scroll ul li div.tag-wrap div.tag-categories-wrap div.tag-category-box>.tag-icon.icon-category-marketing {
color: #c81a7f
}
#tags-page .tag-popup .tag-popup-content .tag-support #related-tags .related-scroll ul li div.tag-wrap div.tag-categories-wrap div.tag-category-box>.tag-icon.icon-category-humanities {
color: #bfd131
}
#tags-page .tag-popup .tag-popup-content .tag-support #related-tags .related-scroll ul li div.tag-wrap div.tag-categories-wrap div.tag-category-box>.tag-icon.icon-category-math {
color: #833a8d
}
#tags-page .tag-popup .tag-popup-content .tag-support #related-tags .related-scroll ul li div.tag-wrap div.tag-categories-wrap div.tag-category-box>.tag-icon.icon-category-lifestyle {
color: #2a0040
}
#tags-page .tag-popup .tag-popup-content .tag-support #related-tags .related-scroll ul li div.tag-wrap div.tag-categories-wrap div.tag-category-box>.tag-icon.icon-category-language {
color: #10a650
}
#tags-page .tag-popup .tag-popup-content h3 {
text-align: center;
padding-top: 55px;
margin: 0
}
#tags-page .tag-popup .tag-popup-content .icon-cross {
font-size: 1.125em;
color: #838b8f;
position: relative;
right: 0;
top: 0;
float: right
}
#tags-page .tag-popup .tag-popup-content .icon-cross:hover {
text-decoration: none;
cursor: hand
}
#tags-page .tag-popup .tag-popup-content .tag-button {
max-width: 175px;
border-radius: 3px;
display: block;
margin-left: auto;
margin-right: auto;
font-size: 14px;
padding: 5px 10px
}
#tags-page .tag-popup.hidden {
display: none
}
#tags-page section#tags-main-wrap {
width: calc(100% - 222px);
padding: 10px 0;
min-height: 700px
}
@media screen and (max-width:1350px) {
#tags-page section#tags-main-wrap {
width: 100%
}
}
#tags-page section#tags-main-wrap #top-bar {
padding: 15px 20px
}
#tags-page section#tags-main-wrap #top-bar .row h1 {
font-size: 25px;
font-weight: 400;
margin-bottom: 20px
}
#tags-page section#tags-main-wrap #top-bar div#tag-search-form input[name=tag-search] {
width: 400px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
@media screen and (max-width:1050px) {
#tags-page section#tags-main-wrap #top-bar div#tag-search-form input[name=tag-search] {
width: calc(100% - 80px)
}
}
#tags-page section#tags-main-wrap #top-bar div#tag-search-form button {
background-color: #0094c9;
width: 80px;
height: 39px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
padding: 10px 4px 10px 0;
margin: 10px auto 0 -4px;
font-size: 14px;
line-height: 21px
}
#tags-page section#tags-main-wrap #top-bar div#tag-search-form button:hover {
color: #0094c9;
background-color: #fff
}
#tags-page section#tags-main-wrap #top-bar .sort {
display: inline-block;
position: relative;
z-index: 1;
margin-top: 14px
}
#tags-page section#tags-main-wrap #top-bar .sort select {
display: inline-block;
border-radius: 5px;
background-color: #e9eef2;
border: 1px solid #b4bdbf;
font-size: 13.5px;
width: 140px;
padding: 5px 10px;
margin-right: 40px
}
#tags-page section#tags-main-wrap #top-bar .sort:after {
font-family: icomoon!important;
content: "\e9bf";
position: absolute;
top: 0;
right: 0;
color: #5d666d;
pointer-events: none;
padding: 5px 7px;
background: #fff;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border: 1px solid #b4bdbf
}
#tags-page section#tags-main-wrap #top-bar span.tags-count {
font-size: .9375em;
color: #b7c0c2;
padding-top: 7px;
display: inline-block;
width: 100px
}
#tags-page section#tags-main-wrap #tags-listing div#no-results {
width: 100%;
text-align: center;
padding: 40px 20px;
display: none
}
#tags-page section#tags-main-wrap #tags-listing div#no-results div.insert {
max-width: 800px;
border-radius: 5px;
background-color: #e9eef2;
border: 1px solid #b4bdbf;
font-weight: 400;
font-size: 1.275em;
margin: 0 auto;
padding: 30px 0
}
#tags-page section#tags-main-wrap #tags-listing ul.tags-list {
text-align: left
}
@media screen and (max-width:1700px) {
#tags-page section#tags-main-wrap #tags-listing ul.tags-list {
text-align: center
}
}
#tags-page section#tags-main-wrap #tags-listing ul.tags-list li {
width: 336px;
display: inline-block;
padding: 0 20px;
text-align: left;
height: 50px;
cursor: pointer
}
#tags-page section#tags-main-wrap #tags-listing ul.tags-list li div.tag-wrap {
float: left;
margin-top: 8px;
box-shadow: 2px 2px 10px #ced3d6;
border-radius: 5px;
transition: box-shadow .2s ease-in-out;
color: #2d3942
}
#tags-page section#tags-main-wrap #tags-listing ul.tags-list li div.tag-wrap:hover {
box-shadow: 2px 2px 20px #a1a4a7
}
#tags-page section#tags-main-wrap #tags-listing ul.tags-list li div.tag-wrap div.tag-text {
padding: 7px 10px;
float: left;
font-weight: 500;
font-size: .775em;
background: #fff;
border-radius: 5px 0 0 5px;
width: 206px
}
#tags-page section#tags-main-wrap #tags-listing ul.tags-list li div.tag-wrap div.tag-text.blank {
background: #d2d2d2;
color: #d2d2d2
}
#tags-page section#tags-main-wrap #tags-listing ul.tags-list li div.tag-wrap div.tag-categories-wrap {
padding: 0;
float: right;
height: 30px;
width: 90px;
background-color: #fff;
border-radius: 0 5px 5px 0
}
#tags-page section#tags-main-wrap #tags-listing ul.tags-list li div.tag-wrap div.tag-categories-wrap div.tag-category-box {
width: 30px;
height: 30px;
float: right;
text-align: center;
display: table;
background-color: #e8edf0
}
#tags-page section#tags-main-wrap #tags-listing ul.tags-list li div.tag-wrap div.tag-categories-wrap div.tag-category-box:first-child {
border-radius: 0 5px 5px 0
}
#tags-page section#tags-main-wrap #tags-listing ul.tags-list li div.tag-wrap div.tag-categories-wrap div.tag-category-box>.tag-icon {
display: table-cell;
vertical-align: middle;
font-size: 1.275em
}
#tags-page section#tags-main-wrap #tags-listing ul.tags-list li div.tag-wrap div.tag-categories-wrap div.tag-category-box>.tag-icon.icon-category-it {
color: #0093c9
}
#tags-page section#tags-main-wrap #tags-listing ul.tags-list li div.tag-wrap div.tag-categories-wrap div.tag-category-box>.tag-icon.icon-category-business {
color: #f49b29
}
#tags-page section#tags-main-wrap #tags-listing ul.tags-list li div.tag-wrap div.tag-categories-wrap div.tag-category-box>.tag-icon.icon-category-science {
color: #2d3942
}
#tags-page section#tags-main-wrap #tags-listing ul.tags-list li div.tag-wrap div.tag-categories-wrap div.tag-category-box>.tag-icon.icon-category-health {
color: #e42330
}
#tags-page section#tags-main-wrap #tags-listing ul.tags-list li div.tag-wrap div.tag-categories-wrap div.tag-category-box>.tag-icon.icon-category-marketing {
color: #c81a7f
}
#tags-page section#tags-main-wrap #tags-listing ul.tags-list li div.tag-wrap div.tag-categories-wrap div.tag-category-box>.tag-icon.icon-category-humanities {
color: #bfd131
}
#tags-page section#tags-main-wrap #tags-listing ul.tags-list li div.tag-wrap div.tag-categories-wrap div.tag-category-box>.tag-icon.icon-category-math {
color: #833a8d
}
#tags-page section#tags-main-wrap #tags-listing ul.tags-list li div.tag-wrap div.tag-categories-wrap div.tag-category-box>.tag-icon.icon-category-lifestyle {
color: #2a0040
}
#tags-page section#tags-main-wrap #tags-listing ul.tags-list li div.tag-wrap div.tag-categories-wrap div.tag-category-box>.tag-icon.icon-category-language {
color: #10a650
}
#learner-outcomes {
background-color: #f3f6f7
}
#learner-outcomes h1 {
font-size: 50px;
font-weight: 360
}
#learner-outcomes h2 {
font-size: 30px;
font-weight: 360
}
#learner-outcomes h3 {
font-weight: 400;
font-size: 30px;
color: #83c11f
}
@media(max-width:500px) {
#learner-outcomes h1 {
font-size: 30px
}
#learner-outcomes h2 {
font-size: 20px;
font-weight: 360
}
}
#learner-outcomes .banner .banner-align {
height: 350px
}
@media(max-width:500px) {
#learner-outcomes .banner .banner-align {
height: 250px
}
}
#learner-outcomes .learner-outcomes-outer {
background-color: #f3f6f7
}
#learner-outcomes .learner-outcomes-outer .learner-outcomes-wrapper {
max-width: 1335px;
margin: 30px auto
}
#learner-outcomes .learner-outcomes-outer .learner-outcomes-wrapper strong {
font: 400 1.25em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
color: #2e3942
}
#learner-outcomes .learner-outcomes-outer .learner-outcomes-wrapper .bottom-segment-wrap {
width: 100%;
height: auto;
margin: 50px 0 30px
}
#learner-outcomes .learner-outcomes-outer .learner-outcomes-wrapper .bottom-segment-wrap .photo-left {
float: left;
width: 36%;
margin-right: 2%
}
@media(max-width:600px) {
#learner-outcomes .learner-outcomes-outer .learner-outcomes-wrapper .bottom-segment-wrap .photo-left {
display: none
}
}
#learner-outcomes .learner-outcomes-outer .learner-outcomes-wrapper .bottom-segment-wrap .photo-left img {
width: 100%;
height: auto
}
#learner-outcomes .learner-outcomes-outer .learner-outcomes-wrapper .bottom-segment-wrap .content-right {
float: left;
width: 62%;
height: auto
}
@media(max-width:600px) {
#learner-outcomes .learner-outcomes-outer .learner-outcomes-wrapper .bottom-segment-wrap .content-right {
width: 100%
}
}
#learner-outcomes .learner-outcomes-outer .learner-outcomes-wrapper .bottom-segment-wrap .content-right .header {
width: 100%;
display: inline-block
}
#learner-outcomes .learner-outcomes-outer .learner-outcomes-wrapper .bottom-segment-wrap .content-right .header .flag {
position: relative;
float: left;
width: 50px;
height: auto
}
#learner-outcomes .learner-outcomes-outer .learner-outcomes-wrapper .bottom-segment-wrap .content-right .header .flag img {
height: 45px;
width: auto
}
#learner-outcomes .learner-outcomes-outer .learner-outcomes-wrapper .bottom-segment-wrap .content-right .header .title {
position: relative;
float: left;
line-height: 45px;
height: auto
}
#learner-outcomes .learner-outcomes-outer .learner-outcomes-wrapper .bottom-segment-wrap .content-right .pie-container {
float: left
}
#learner-outcomes .learner-outcomes-outer .learner-outcomes-wrapper .bottom-segment-wrap .content-right .pie-container img {
width: 55px;
transition: tranform 1s;
-webkit-transition: transform 1s
}
#learner-outcomes .learner-outcomes-outer .learner-outcomes-wrapper .bottom-segment-wrap .content-right .pie-container img:hover {
transform: rotate(1turn)
}
@media(max-width:900px) {
#learner-outcomes .learner-outcomes-outer .learner-outcomes-wrapper .bottom-segment-wrap .content-right .pie-container {
text-align: center;
width: 100%
}
#learner-outcomes .learner-outcomes-outer .learner-outcomes-wrapper .bottom-segment-wrap .content-right .pie-container img {
width: 100px
}
}
#learner-outcomes .learner-outcomes-outer .learner-outcomes-wrapper .bottom-segment-wrap .content-right .stats-link-cont {
float: left;
margin-left: 15px;
line-height: 55px
}
@media(max-width:900px) {
#learner-outcomes .learner-outcomes-outer .learner-outcomes-wrapper .bottom-segment-wrap .content-right .stats-link-cont {
margin: 20px 0;
text-align: center;
line-height: 20px
}
}
#learner-outcomes .learner-outcomes-outer .learner-outcomes-wrapper .social-share {
margin-bottom: 30px
}
#learner-outcomes .learner-outcomes-outer .learner-outcomes-wrapper .social-share a:link i {
font-size: 35px
}
#learner-outcomes .learner-outcomes-outer a:link,
#learner-outcomes .learner-outcomes-outer a:visited {
color: #f49b29
}
@media(max-width:1500px) {
#learner-outcomes .learner-outcomes-outer .learner-outcomes-wrapper {
max-width: 94%;
padding: 0 3%
}
}
.push-notification {
display: none;
position: fixed;
width: 100%;
bottom: 0;
right: 0;
z-index: 9999;
background: #fff;
background: linear-gradient(180deg, #fff 0, #dbdbdb);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFDBDBDB", GradientType=0);
box-shadow: 0 0 9px 5px rgba(50, 50, 50, .5)
}
.push-notification .push-notification-inner {
position: relative;
padding: 10px
}
.push-notification .push-notification-inner .close {
position: absolute;
right: 5px;
top: 5px;
cursor: pointer
}
.push-notification .push-notification-inner .notification-image {
width: 100px;
float: left;
display: none
}
.push-notification .push-notification-inner .notification-image img {
max-width: 100%
}
.push-notification .push-notification-inner .notification-content {
width: 360px;
float: left
}
.push-notification .push-notification-inner .notification-content a {
margin-bottom: 0;
color: #2d3942
}
.push-notification .push-notification-inner .notification-content h3 {
font-size: 18px;
margin: 0 0 13px;
font-weight: 300;
color: #2d3942
}
.push-notification .push-notification-inner .notification-content h3 span {
margin-right: 5px;
color: #2d3942
}
@media only screen and (min-width:768px) {
.push-notification {
width: 500px;
bottom: 20px;
right: 40px
}
.push-notification .push-notification-inner {
padding: 20px
}
.push-notification .push-notification-inner .close {
right: 20px;
top: 20px
}
.push-notification .push-notification-inner .notification-image {
display: block
}
.push-notification .push-notification-inner .notification-content {
padding-left: 20px
}
.push-notification .push-notification-inner .notification-content h3 {
font-size: 16px
}
.push-notification .push-notification-inner .notification-content a {
font-size: 14px
}
}
#alison-notifications {
background: #f3f6f7
}
#alison-notifications #notification-header {
padding: 0 20px 10px
}
#alison-notifications #notification-header h1 {
font-weight: 400;
font-size: 1.4375em;
text-align: center
}
#alison-notifications #notification-header a {
position: relative;
color: #0091c7;
text-decoration: none
}
#alison-notifications #notification-header a:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: -4px;
left: 0;
background-color: #006c94;
visibility: hidden;
transform: scaleX(0);
transition: all .3s ease-in-out 0s
}
#alison-notifications #notification-header a.active,
#alison-notifications #notification-header a:hover {
color: #006c94
}
#alison-notifications #notification-header a.active.active,
#alison-notifications #notification-header a.active:before,
#alison-notifications #notification-header a:hover.active,
#alison-notifications #notification-header a:hover:before {
visibility: visible;
transform: scaleX(1)
}
#alison-notifications #no-notifications {
display: none;
width: 300px;
margin: 50px auto;
background: #fff;
text-align: center;
padding: 20px;
border-radius: 5px;
border: 2px solid #eae9e9
}
#alison-notifications #notifications-wrapper {
width: calc(100% - 222px);
padding: 10px 20px;
min-height: 300px
}
@media(max-width:1350px) {
#alison-notifications #notifications-wrapper {
width: 100%
}
}
#alison-notifications #notifications-wrapper .notification-block span.archive-all,
#alison-notifications #notifications-wrapper .notification-block span.heading {
font-weight: 500;
font-size: 1.1375em;
display: none;
margin-top: 20px;
margin-bottom: 10px
}
#alison-notifications #notifications-wrapper .notification-block span.archive-all.element-visible,
#alison-notifications #notifications-wrapper .notification-block span.heading.element-visible {
display: inline-block
}
#alison-notifications #notifications-wrapper .notification-block span.archive-all {
cursor: pointer
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification {
width: 100%;
min-height: 20px;
margin: 10px 0 20px;
border-radius: 5px;
box-shadow: 0 0 18px #c5c5c5;
padding: 10px 20px
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification.unread {
background: #fff
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-meta {
width: 100px;
border-right: 1px solid #d2d7dc;
float: left;
text-align: center;
padding-right: 20px;
color: #8c8c8c
}
@media(max-width:450px) {
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-meta {
width: 100%;
border-right: none;
border-bottom: 1px solid #d2d7dc;
padding-bottom: 10px
}
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body {
padding: 0 20px;
float: left;
width: calc(100% - 160px);
font: 400 14px Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
line-height: 1.5em
}
@media(max-width:450px) {
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body {
width: 100%;
padding: 10px 0
}
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body h3 {
font-weight: 500;
font-size: 17px;
margin: 0 0 10px
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body h3 span {
display: inline-block;
margin-left: 10px;
background: #83c11f;
padding: 1px 5px;
border-radius: 3px;
color: #fff;
font-weight: 400;
font-size: 1.0075em
}
@media(max-width:450px) {
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body h3 {
text-align: center
}
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body .icon-group .social-buttons {
margin-top: 15px
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body .icon-group .social-buttons a:link,
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body .icon-group .social-buttons a:visited {
color: #0091c7;
margin: 0 5px 0 0;
opacity: 1
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body .icon-group .social-buttons a:active,
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body .icon-group .social-buttons a:focus,
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body .icon-group .social-buttons a:hover {
color: #006c94;
margin: 0 5px 0 0;
opacity: 1
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body a:link,
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body a:visited {
color: #0091c7
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body a:active,
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body a:focus,
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body a:hover {
color: #006c94
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body p {
font-size: 14px;
margin: 0
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body p a:link,
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body p a:visited {
color: #0091c7
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body p a:active,
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body p a:focus,
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body p a:hover {
color: #006c94
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body p .btn1,
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body p a[data-button=btn1] {
background: #0091c7;
color: #fff!important;
padding: 1px 7px;
margin: 10px 0;
display: inline-block;
border-radius: 3px
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body p .btn1:hover,
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body p a[data-button=btn1]:hover {
background: #006c94
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body p .btn2,
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body p a[data-button=btn2] {
background: #83c11f;
color: #fff!important;
padding: 1px 7px;
margin: 10px 0;
display: inline-block;
border-radius: 3px
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body p .btn2:hover,
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-body p a[data-button=btn2]:hover {
background: #659518
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-nav {
width: 40px;
float: right
}
@media(max-width:450px) {
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-nav {
width: 100%;
padding: 10px 0
}
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-nav>div {
width: 100%;
float: none
}
@media(max-width:450px) {
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-nav>div {
width: 50%;
float: right
}
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-nav a {
display: block;
width: 36px;
height: 36px;
background: #d2d7dc;
color: #fff;
border-radius: 50%;
margin: 0 auto 10px
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-nav a.delete:hover {
background: #e42330
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-nav a.move-to-archive:hover {
background: #10a650
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-nav a.move-to-current:hover {
background: #acafb1
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-nav a span {
display: inline-block;
height: 36px;
width: 36px;
text-align: center;
vertical-align: middle;
padding-top: 10px;
font-weight: 700
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-nav .popover {
box-shadow: none;
border: none;
padding: 11px 15px;
background: 0 0
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-nav .popover.left {
margin-left: 0
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-nav .popover .arrow {
display: none
}
#alison-notifications #notifications-wrapper .notification-block .notification-container article.single-notification .notification-nav .popover .popover-content {
border-radius: 3px;
padding: 2px 7px;
background: #b4bdbf;
color: #465159;
font-weight: 700;
font-size: .875em
}
#company-details,
#contact-us {
position: relative;
z-index: 10
}
#company-details .contact-form-container .field select,
#contact-us .contact-form-container .field select {
border-radius: 0;
height: 40px
}
#company-details.sending .contact-form-container,
#company-details.sent .contact-form-container,
#contact-us.sending .contact-form-container,
#contact-us.sent .contact-form-container {
opacity: .5
}
#company-details.sending .info-box .content .body .mail-loader,
#company-details.sent .info-box .content .body .mail-loader,
#contact-us.sending .info-box .content .body .mail-loader,
#contact-us.sent .info-box .content .body .mail-loader {
z-index: 9;
opacity: 1
}
#company-details.sending .info-box .content .body .mail-loader .mail-loader-inner,
#company-details.sent .info-box .content .body .mail-loader .mail-loader-inner,
#contact-us.sending .info-box .content .body .mail-loader .mail-loader-inner,
#contact-us.sent .info-box .content .body .mail-loader .mail-loader-inner {
background: 0 0
}
#company-details.sent .info-box .content .body .mail-loader .checkmark__circle,
#contact-us.sent .info-box .content .body .mail-loader .checkmark__circle {
animation: stroke .6s cubic-bezier(.65, 0, .45, 1) forwards
}
#company-details.sent .info-box .content .body .mail-loader .checkmark,
#contact-us.sent .info-box .content .body .mail-loader .checkmark {
animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both
}
#company-details.sent .info-box .content .body .mail-loader .checkmark__check,
#contact-us.sent .info-box .content .body .mail-loader .checkmark__check {
animation: stroke .3s cubic-bezier(.65, 0, .45, 1) .8s forwards
}
#company-details .info-box,
#contact-us .info-box {
margin: -125px auto 50px;
z-index: 2
}
#company-details .info-box .contact-form-container .col-md-6 .upload,
#contact-us .info-box .contact-form-container .col-md-6 .upload {
margin: 20px 0;
text-align: left
}
#company-details .info-box .contact-form-container .col-md-6 .upload .icon-upload,
#contact-us .info-box .contact-form-container .col-md-6 .upload .icon-upload {
color: #2e3942;
font-weight: 400;
font-size: .8125em
}
#company-details .info-box .contact-form-container .col-md-6 .upload .icon-upload:before,
#contact-us .info-box .contact-form-container .col-md-6 .upload .icon-upload:before {
color: #5d666d;
opacity: .7;
font-size: 1.125em;
margin-right: 10px
}
#company-details .info-box .contact-form-container .col-md-6 .upload label,
#contact-us .info-box .contact-form-container .col-md-6 .upload label {
cursor: pointer;
color: #5d666d;
opacity: .7;
font-size: 1em;
font-weight: 400
}
#company-details .info-box .contact-form-container .col-md-6 .upload label:hover,
#contact-us .info-box .contact-form-container .col-md-6 .upload label:hover {
color: #0091c7
}
#company-details .info-box .contact-form-container .col-md-6 .upload .icon-upload,
#contact-us .info-box .contact-form-container .col-md-6 .upload .icon-upload {
padding: 10px
}
#company-details .info-box .contact-form-container .col-md-6 .upload .icon-cross2,
#contact-us .info-box .contact-form-container .col-md-6 .upload .icon-cross2 {
cursor: pointer
}
#company-details .info-box .round-image,
#contact-us .info-box .round-image {
background: 0 0
}
#company-details .info-box .round-image div [class*=icon],
#contact-us .info-box .round-image div [class*=icon] {
font-size: 1.25em
}
@media only screen and (min-width:1020px) {
#company-details .info-box .round-image div [class*=icon],
#contact-us .info-box .round-image div [class*=icon] {
font-size: 2.625em
}
}
#company-details .info-box .half-img .image,
#contact-us .info-box .half-img .image {
border-color: #fff
}
#company-details .info-box .content,
#contact-us .info-box .content {
padding: 0
}
#company-details .info-box .content .header,
#contact-us .info-box .content .header {
padding: 0;
height: 0
}
#company-details .info-box .content .body,
#contact-us .info-box .content .body {
padding: 0
}
#company-details .info-box .content .body .mail-loader,
#contact-us .info-box .content .body .mail-loader {
height: 60px;
padding: 5px;
top: 50%;
left: 50%;
width: 60px;
border-radius: 50%;
background: 0 0;
position: absolute;
text-align: center;
z-index: -1;
transform: translate(-50%, -50%);
transition: opacity .5s ease-in
}
#company-details .info-box .content .body .mail-loader .checkmark__circle,
#contact-us .info-box .content .body .mail-loader .checkmark__circle {
stroke-dasharray: 166;
stroke-dashoffset: 166;
stroke-width: 50;
stroke-miterlimit: 10;
stroke: #00a950;
fill: none
}
#company-details .info-box .content .body .mail-loader .checkmark,
#contact-us .info-box .content .body .mail-loader .checkmark {
width: 100%;
height: 100%;
border-radius: 50%;
display: block;
stroke-width: 2;
stroke: #fff;
stroke-miterlimit: 10;
box-shadow: inset 0 0 0 #7ac142;
position: absolute;
top: 0;
left: 0
}
#company-details .info-box .content .body .mail-loader .checkmark__check,
#contact-us .info-box .content .body .mail-loader .checkmark__check {
transform-origin: 50% 50%;
stroke-dasharray: 48;
stroke-dashoffset: 48
}
#company-details .info-box .content .body .mail-loader .mail-loader-inner,
#contact-us .info-box .content .body .mail-loader .mail-loader-inner {
background: #0091c7;
border-radius: 50%;
height: 100%;
padding-top: 27px;
width: 100%
}
#company-details .info-box .content .body .contact-address-container,
#contact-us .info-box .content .body .contact-address-container {
padding: 20px 20px 30px;
background: #2e3942;
color: #fff;
font-weight: 200
}
#company-details .info-box .content .body .contact-address-container .row,
#contact-us .info-box .content .body .contact-address-container .row {
opacity: .6;
margin-top: 20px
}
#company-details .info-box .content .body .contact-address-container .row a,
#contact-us .info-box .content .body .contact-address-container .row a {
color: #0094c9
}
#company-details .info-box .content .body .contact-address-container .row p,
#contact-us .info-box .content .body .contact-address-container .row p {
font: 300 .9375em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
color: #fff;
padding: 0
}
#company-details .info-box .content .body .contact-address-container .row [class^=icon],
#contact-us .info-box .content .body .contact-address-container .row [class^=icon] {
float: right;
font-size: 1.25em
}
#company-details .info-box .content .body .contact-address-container .row ul li,
#contact-us .info-box .content .body .contact-address-container .row ul li {
font: 300 .9375em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
margin-top: 3px
}
#company-details .info-box .content .body .contact-address-container .row textarea,
#contact-us .info-box .content .body .contact-address-container .row textarea {
box-sizing: padding-box;
overflow: hidden
}
#company-details .info-box .content .body .contact-address-container .row .social-right,
#contact-us .info-box .content .body .contact-address-container .row .social-right {
float: right;
margin-top: 3px
}
#company-details .info-box .content .body .contact-address-container .row .icon-group,
#contact-us .info-box .content .body .contact-address-container .row .icon-group {
display: inline-block;
text-align: center;
float: none
}
#company-details .info-box .content .body .contact-address-container .row .icon-group [class*=icon],
#contact-us .info-box .content .body .contact-address-container .row .icon-group [class*=icon] {
font-size: 1.5625em;
margin: 0 5px;
transition: all .3s ease-in
}
#company-details .info-box .content .body .contact-address-container .row .icon-group [class*=icon]:hover,
#contact-us .info-box .content .body .contact-address-container .row .icon-group [class*=icon]:hover {
opacity: 1;
color: #3fbdff
}
#company-details .info-box .content .body .contact-address-container .row .icon-group a,
#contact-us .info-box .content .body .contact-address-container .row .icon-group a {
color: #fff;
padding: 0
}
#company-details .info-box .content .body .contact-map-container,
#contact-us .info-box .content .body .contact-map-container {
height: 360px;
width: 100%
}
#company-details .info-box .content .body .contact-form-container,
#contact-us .info-box .content .body .contact-form-container {
padding: 40px 20px 0
}
#company-details .info-box .content .body .contact-form-container .row,
#contact-us .info-box .content .body .contact-form-container .row {
margin-top: 50px
}
#company-details .info-box .content .body .contact-form-container .row [type=submit],
#contact-us .info-box .content .body .contact-form-container .row [type=submit] {
max-width: 145px
}
#company-details .info-box .content .body .contact-form-container h4,
#contact-us .info-box .content .body .contact-form-container h4 {
margin-bottom: 0;
color: #5d666d
}
.banner .banner-satellite img {
width: 125px
}
.banner .banner-satellite-dish {
display: none;
position: absolute;
right: 0;
bottom: 0
}
.banner p a {
font-size: inherit
}
@media only screen and (min-width:768px) {
.banner .banner-satellite {
position: absolute;
left: 50px;
top: 50px
}
.banner .banner-satellite img {
width: 125px
}
}
@media only screen and (min-width:1240px) {
.banner .banner-satellite-dish {
display: block
}
}
@keyframes stroke {
to {
stroke-dashoffset: 0
}
}
@keyframes scale {
0%,
to {
transform: none
}
50% {
transform: scale3d(1.1, 1.1, 1)
}
}
@keyframes fill {
to {
box-shadow: inset 0 0 0 30px #7ac142
}
}
.banner-left {
background: url(https://cdn01.alison-static.net/public/html/site/img/mountains.png) no-repeat left -70px bottom -10px/contain;
bottom: 0;
height: 190px;
left: 0;
position: absolute;
width: 100%
}
@media only screen and (min-width:768px) {
.banner-left {
bottom: -15px;
height: 220px
}
}
@media only screen and (min-width:1020px) {
.banner-left {
background-position: left -90px bottom -10px;
height: 300px
}
}
@media only screen and (min-width:1240px) {
.banner-left {
height: 370px
}
}
@media only screen and (min-width:1500px) {
.banner-left {
height: 400px
}
}
@media only screen and (min-width:1700px) {
.banner-left {
background-position: left -20px bottom -10px;
bottom: -25px
}
}
.banner-right {
background: url(https://cdn01.alison-static.net/public/html/site/img/mountain-with-flags.png) no-repeat right -50px bottom -10px/contain;
bottom: -10px;
height: 190px;
position: absolute;
right: 0;
width: 100%
}
@media only screen and (min-width:768px) {
.banner-right {
bottom: -15px;
height: 220px
}
}
@media only screen and (min-width:1020px) {
.banner-right {
height: 265px
}
}
@media only screen and (min-width:1240px) {
.banner-right {
background-position: right -90px bottom -10px;
height: 360px
}
}
@media only screen and (min-width:1500px) {
.banner-right {
height: 430px
}
}
@media only screen and (min-width:1700px) {
.banner-right {
bottom: -25px;
height: 445px
}
}
@media only screen and (min-width:1800px) {
.banner-right {
background-position: right -20px bottom -10px
}
}
.about-banner {
margin-bottom: 200px;
text-align: left
}
.about-banner h1 strong {
display: block;
font-weight: 200
}
.about-banner p {
font-size: 1.0625em
}
@media only screen and (min-width:768px) {
.about-banner {
max-width: 450px;
margin: 0 auto 70px
}
}
@media only screen and (min-width:1020px) {
.about-banner {
max-width: 560px
}
}
@media only screen and (min-width:1700px) {
.about-banner {
max-width: 730px
}
.about-banner p {
font-size: 1.1875em
}
}
@media only screen and (min-width:1700px) {
.about-banner.aap-banner {
max-width: 850px
}
}
.three-columns {
background: #f1f2f2;
margin: -50px 0 50px;
padding: 60px 0 30px;
text-align: center;
position: relative;
z-index: 1
}
.three-columns:after {
background: inherit;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: -1;
-webkit-backface-visibility: hidden;
bottom: 0;
outline: 2px solid transparent;
transform: skewY(-1deg);
transform-origin: 100%;
-moz-transform: skewY(-1deg);
-moz-transform-origin: 100%;
-ms-transform: skewY(-1deg);
-ms-transform-origin: 100%;
-webkit-transform: skewY(-1deg);
-webkit-transform-origin: 100%
}
.three-columns li {
display: inline-block;
margin: 0 10px 35px;
max-width: 280px;
padding: 60px 0 0;
vertical-align: top
}
.three-columns .circle {
border-radius: 50%;
height: 75px;
line-height: 75px;
margin: -45px auto 0;
position: relative;
width: 75px
}
.three-columns .circle.green {
background: #008445;
color: #008445
}
.three-columns .circle.blue {
background: #0091c7;
color: #0091c7
}
.three-columns .circle.grey {
background: #2e3942;
color: #2e3942
}
.three-columns .circle:before {
font-size: 105px;
left: -18px;
position: absolute;
top: -24px
}
.three-columns .circle span {
color: #fff;
font-size: 14px;
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif!important
}
.three-columns .content {
background: #eceded;
margin: -30px auto 0;
min-height: 250px;
padding: 40px 20px 30px
}
.three-columns .content span {
color: #0091c7;
font-size: .875em
}
.three-columns h2 {
color: #2e3942;
font: 400 1.25em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
@media only screen and (min-width:768px) {
.three-columns li {
margin: 0 25px 35px
}
}
@media only screen and (min-width:1020px) {
.three-columns {
padding: 80px 0 30px
}
.three-columns li {
margin: 0 15px 35px
}
}
.text-strip {
padding: 30px 0 50px;
text-align: center
}
.text-strip .wrapper {
max-width: 725px
}
@media only screen and (min-width:768px) {
.text-strip {
background: url(https://cdn01.alison-static.net/public/html/site/img/ipad-photo.png) no-repeat left -250px bottom -55px/contain
}
}
@media only screen and (min-width:1240px) {
.text-strip {
background-position: left -150px bottom 0
}
}
.about-banner {
margin-bottom: 0;
text-align: center
}
.about-banner .careers-support-button {
margin-bottom: 10px
}
@media only screen and (min-width:400px) {
.about-banner .careers-support-button {
width: 50%;
margin-bottom: 10px
}
}
@media only screen and (min-width:1020px) {
.about-banner .careers-support-button {
width: 20%;
margin-bottom: 0
}
}
.about-banner a.careers-page-heading-button {
font-size: 12px;
margin: 0 5px;
border-radius: 5px;
width: 150px;
box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}
@media only screen and (min-width:868px) {
.careers-listing-banner {
max-width: 1000px
}
}
.bold {
text-align: center;
padding: 0 40px
}
section.content-section p {
color: #5d666d
}
section.content-section p:last-child {
margin-bottom: 50px
}
section#work-in-galway-content .galway-highlight h4 {
color: #fff!important
}
section#work-in-galway-content .about-text-strip .inner-wrapper h4,
section#work-in-galway-content .content-section h4 {
color: #000
}
section#work-in-galway-content .about-text-strip .inner-wrapper a:link,
section#work-in-galway-content .about-text-strip .inner-wrapper a:visited,
section#work-in-galway-content .content-section a:link,
section#work-in-galway-content .content-section a:visited {
color: #f49b29;
text-decoration: none;
transition: color 2s
}
section#work-in-galway-content .about-text-strip .inner-wrapper a:active,
section#work-in-galway-content .about-text-strip .inner-wrapper a:focus,
section#work-in-galway-content .about-text-strip .inner-wrapper a:hover,
section#work-in-galway-content .content-section a:active,
section#work-in-galway-content .content-section a:focus,
section#work-in-galway-content .content-section a:hover {
color: #c6740a;
text-decoration: none
}
section#work-in-galway-content .about-text-strip .email-outer-circle a:before,
section#work-in-galway-content .text-strip-top .email-outer-circle a:before {
padding: 0 20px
}
section#work-in-galway-content .our-company a:link,
section#work-in-galway-content .our-company a:visited {
color: #fff;
text-decoration: none;
transition: color 2s
}
section#work-in-galway-content .our-company a:active,
section#work-in-galway-content .our-company a:focus,
section#work-in-galway-content .our-company a:hover {
color: #d9d9d9;
text-decoration: none
}
section#work-in-galway-content blockquote {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 1.5em 150px;
padding: .5em 10px;
quotes: "“" "â€" "‘" "’";
font-family: sans-serif
}
section#work-in-galway-content blockquote:before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: .1em;
margin-right: .25em;
vertical-align: -.4em
}
section#adsfree-landing .top-row {
position: relative;
width: 100%
}
section#adsfree-landing .top-row .left-section {
position: relative;
margin: 0;
width: 100%;
height: 100%;
padding: 35px 2.53% 0
}
section#adsfree-landing .top-row .left-section h2 {
font-size: 1.7em;
font-weight: 400
}
section#adsfree-landing .top-row .left-section p {
font-size: .6em;
margin-bottom: 10px
}
section#adsfree-landing .top-row .right-section {
position: relative;
width: 100%;
padding: 0 1.2%;
height: auto;
background-color: #fff;
z-index: 2;
text-align: center;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px
}
section#adsfree-landing .top-row .right-section .adsfree-option {
position: relative;
display: inline-block;
text-align: center;
margin: 19px 1.33% 40px;
width: 22%;
height: 480px;
background-color: #fff;
border-radius: 20px;
border: 2px solid #0094c9;
vertical-align: top
}
section#adsfree-landing .top-row .right-section .adsfree-option .ribbon {
width: 100px;
height: 26px;
top: 10px;
left: -13px;
position: absolute;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
color: #fff;
font-size: 12px;
line-height: 26px;
text-align: center;
text-transform: uppercase;
background: #83c11f
}
section#adsfree-landing .top-row .right-section .adsfree-option .ribbon i {
position: absolute;
left: -11px;
bottom: -11px;
z-index: 10;
border: 11px solid transparent;
border-right-color: #83c11f
}
section#adsfree-landing .top-row .right-section .adsfree-option:hover .option-button {
background-color: #0094c9;
color: #fff
}
section#adsfree-landing .top-row .right-section .adsfree-option.popular {
background-color: #0094c9;
transition: transform .8s
}
section#adsfree-landing .top-row .right-section .adsfree-option.popular:hover {
transform: scale(1.02);
transition: transform .3s ease-out
}
section#adsfree-landing .top-row .right-section .adsfree-option.popular:hover .option-button {
background-color: #0094c9;
color: #fff;
border-color: #fff
}
section#adsfree-landing .top-row .right-section .adsfree-option .option-image {
position: relative;
margin-top: 23px
}
section#adsfree-landing .top-row .right-section .adsfree-option .option-image img {
display: block;
width: 80px;
height: 80px;
margin: auto
}
section#adsfree-landing .top-row .right-section .adsfree-option .option-title {
position: relative;
margin-top: 23px;
font-size: 1.2em;
text-align: center;
color: grey;
text-transform: uppercase;
font-weight: 700
}
section#adsfree-landing .top-row .right-section .adsfree-option .option-price {
position: relative;
margin-top: 23px;
font-size: 2.3em;
text-align: center;
color: #2e3942;
text-transform: uppercase
}
section#adsfree-landing .top-row .right-section .adsfree-option .option-tag {
position: relative;
margin-top: 23px;
font-size: .9em;
text-align: center;
color: grey
}
section#adsfree-landing .top-row .right-section .adsfree-option .option-deal {
position: relative;
margin-top: 29px;
font-size: 1.1em;
text-align: center;
color: #2e3942;
font-weight: 700
}
section#adsfree-landing .top-row .right-section .adsfree-option .option-text {
position: relative;
padding: 0 10px;
margin-top: 15px;
font-size: .8em;
text-align: center;
color: grey
}
section#adsfree-landing .top-row .right-section .adsfree-option .white {
color: #fff
}
section#adsfree-landing .top-row .right-section .adsfree-option .option-button {
position: relative;
padding: 6px;
margin: 15px auto;
width: 90%;
max-width: 200px;
font-size: 1em;
text-align: center;
color: #0094c9;
border-radius: 6px;
border: 1px solid #0094c9;
transition: background-color .4s ease-out, color .4s ease-out
}
section#adsfree-landing .top-row .right-section .adsfree-option .option-button.white {
background-color: #fff;
color: #0094c9
}
@media(max-width:1235px) {
section#adsfree-landing .top-row .right-section .adsfree-option {
width: 47%!important
}
}
@media(max-width:655px) {
section#adsfree-landing .top-row .right-section .adsfree-option {
margin: 15px 5%!important;
width: 85%!important
}
}
@media(max-width:655px) {
section#adsfree-landing .top-row .left-section {
padding: 35px 6% 0
}
}
section#adsfree-landing .premium-sub-cont {
position: relative;
width: 100%;
text-align: center;
padding: 0 5% 40px;
color: grey;
font-size: 14px
}
section#adsfree-landing .bottom-strip {
position: relative;
width: 100%;
height: 180px;
z-index: 1;
padding-top: 20px;
background: #0094c9
}
@media(max-width:1235px) {
section#adsfree-landing .bottom-strip {
display: none
}
section#adsfree-landing .top-row {
height: auto;
margin-bottom: 20px
}
}
div#go-premium .wrapper {
max-width: 1180px;
padding: 0
}
div#go-premium .banner-container .banner {
height: 470px!important
}
@media(max-width:1220px) {
div#go-premium .banner-container .banner {
height: auto!important
}
}
div#go-premium .banner-container .banner .bg-image img {
bottom: unset;
top: 0
}
div#go-premium .premium-header-left {
position: relative;
float: left;
width: 50%;
text-align: left;
margin-top: 30px
}
div#go-premium .premium-header-left h1 {
font-size: 5em;
font-weight: 700
}
div#go-premium .premium-header-left h2 {
font-size: 3em;
font-weight: 500
}
@media(max-width:1220px) {
div#go-premium .premium-header-left {
margin-left: 25px
}
}
@media(max-width:990px) {
div#go-premium .premium-header-left {
margin: 25px auto 0;
text-align: center;
width: 100%
}
}
@media(max-width:550px) {
div#go-premium .premium-header-left h1 {
font-size: 2em
}
div#go-premium .premium-header-left h2 {
font-size: 1.2em;
margin-top: -10px
}
}
div#go-premium .premium-header-right {
position: relative;
float: right;
width: 430px;
height: 410px;
margin: 30px 0;
background-color: #fff;
opacity: .9;
border-radius: 4px;
filter: alpha(opacity=90)
}
div#go-premium .premium-header-right .head-section {
height: auto;
border-bottom: 1px solid #d2d7dc;
margin-bottom: 25px
}
div#go-premium .premium-header-right .head-section .monthly-title {
text-align: center;
margin-top: 20px;
font-size: 21px;
line-height: 30px;
color: #2d3942
}
div#go-premium .premium-header-right .head-section .monthly-title img {
vertical-align: -5%;
margin-right: 8px
}
div#go-premium .premium-header-right .head-section .monthly-description {
color: #555;
text-align: center;
font-size: 16px;
width: 80%;
margin: 14px auto
}
@media(max-width:550px) {
div#go-premium .premium-header-right .head-section .monthly-description {
font-size: 13px
}
}
div#go-premium .premium-header-right .point {
text-align: left;
margin: 7px 0 0 90px
}
div#go-premium .premium-header-right .point .point-title {
color: #2d3942;
width: 230px;
font-size: 14px;
display: inline-block
}
div#go-premium .premium-header-right .point .point-tick {
display: inline-block
}
@media(max-width:1220px) {
div#go-premium .premium-header-right {
margin-right: 25px
}
}
@media(max-width:990px) {
div#go-premium .premium-header-right {
margin: 35px auto;
text-align: center;
float: none;
clear: both;
padding-top: 1px
}
}
@media(max-width:550px) {
div#go-premium .premium-header-right {
width: 90%
}
div#go-premium .premium-header-right .point {
text-align: center;
margin: 10px auto
}
div#go-premium .premium-header-right .point .point-title {
font-size: 13px;
width: 190px
}
}
div#go-premium a.go-premium:link,
div#go-premium a.go-premium:visited {
background-color: #f49b29;
margin: 18px auto 20px;
text-align: center;
color: #fff;
font-size: 16px;
line-height: 40px;
height: 40px;
width: 250px;
display: block;
border-radius: 3px;
transition: background-color .5s ease
}
div#go-premium a.go-premium:link:hover,
div#go-premium a.go-premium:visited:hover {
background-color: #ff8f00
}
div#go-premium a.blue:link,
div#go-premium a.blue:visited {
background-color: #0094c9
}
div#go-premium a.blue:link:hover,
div#go-premium a.blue:visited:hover {
background-color: #006c94!important
}
div#go-premium .premium-subscript {
color: #555;
margin: 0 auto;
text-align: center;
font-size: 11px;
width: 84%;
font-style: italic;
line-height: 16px
}
div#go-premium .premium-subscript a:link,
div#go-premium .premium-subscript a:visited {
color: #f49b29
}
div#go-premium .section-padding {
padding: 34px 0
}
div#go-premium h3 {
font-size: 25px;
text-align: center;
color: #2d3942
}
div#go-premium .orange {
color: #f49b29!important;
margin-bottom: 40px
}
div#go-premium p {
font-size: .95em;
color: #555;
margin-bottom: 36px
}
div#go-premium .why-upgrade {
background-color: #f3f6f7;
width: 100%;
text-align: center
}
div#go-premium .reason {
text-align: center;
display: inline-block;
width: 250px;
margin: 0 15px;
height: auto;
vertical-align: top
}
div#go-premium .reason h4 {
font-size: 1.2em;
margin-top: 10px
}
div#go-premium .reason p {
font-size: .88em;
padding: 0 10px
}
@media(max-width:1180px) {
div#go-premium .reason {
width: 360px
}
}
div#go-premium p.full-width {
margin-top: 20px;
color: #999;
font-size: .8em;
font-style: italic
}
div#go-premium p.full-width a:link,
div#go-premium p.full-width a:visited {
color: #f49b29
}
div#go-premium .faq-wrap {
margin-bottom: 12px
}
div#go-premium .faq-wrap:last-of-type {
margin-bottom: 30px
}
div#go-premium .question {
position: relative;
width: 100%;
background-color: #e9eef2;
height: 55px;
line-height: 55px;
padding: 0 3%;
color: #5d666d;
cursor: pointer
}
div#go-premium .question:hover .reveal {
background-color: #006c94!important
}
div#go-premium .question .reveal {
position: absolute;
top: 0;
right: 0;
width: 55px;
height: 55px;
text-align: center;
display: table;
color: #fff;
background-color: #0094c9;
transition: background-color .5s ease
}
div#go-premium .question .reveal .vertical-align {
vertical-align: middle;
display: table-cell
}
div#go-premium .answer {
position: relative;
display: none;
margin: 0;
width: 100%;
height: auto;
background-color: #f2f2f2;
overflow: hidden;
color: #5d666d;
padding: 20px 55px 20px 3%;
font-size: .85em
}
div#go-premium .answer a:link,
div#go-premium .answer a:visited {
color: #f49b29
}
@media(max-width:1220px) {
div#go-premium h3 {
font-size: 21px;
padding: 0 5%
}
div#go-premium p {
padding: 0 5%;
text-align: justify
}
div#go-premium .faq-wrap {
padding: 0 5%
}
}
@media(max-width:550px) {
div#go-premium a.go-premium:link,
div#go-premium a.go-premium:visited {
width: 200px
}
div#go-premium .reason {
width: 90%;
margin: 0 auto
}
div#go-premium .answer,
div#go-premium .question {
font-size: 12px
}
div#go-premium .two-line {
line-height: 17px;
padding: 10px 55px 0 10px
}
}
.headline {
max-width: 780px;
margin: 50px auto
}
.headline h6 {
color: #5d666d;
text-align: center
}
.headline h6 a:link,
.headline h6 a:visited {
color: #5d666d;
font-weight: 400;
outline: none;
text-decoration: none;
transition: all .25s ease-in
}
.headline h6 a:active,
.headline h6 a:focus,
.headline h6 a:hover {
color: #0091c7;
text-decoration: underline
}
.four-columns {
background: #fff;
color: #5d666d;
margin: -50px 0 0;
padding: 50px 0 30px;
text-align: center;
position: relative;
z-index: 1
}
.four-columns:after {
background: inherit;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: -1;
-webkit-backface-visibility: hidden;
bottom: 0;
outline: 2px solid transparent;
transform: skewY(-1deg);
transform-origin: 100%;
-moz-transform: skewY(-1deg);
-moz-transform-origin: 100%;
-ms-transform: skewY(-1deg);
-ms-transform-origin: 100%;
-webkit-transform: skewY(-1deg);
-webkit-transform-origin: 100%
}
.four-columns .wrapper {
z-index: 2
}
.four-columns ol li {
padding-top: 50px;
display: inline-block;
margin: 0 20px;
max-width: 230px;
vertical-align: top
}
.four-columns .circle {
border-radius: 50%;
height: 75px;
line-height: 75px;
margin: -45px auto 0;
position: relative;
width: 75px
}
.four-columns .circle:before {
font-size: 105px;
left: -18px;
position: absolute;
top: -24px
}
.four-columns .content {
background: 0 0;
min-height: 250px;
padding: 0 10px
}
.four-columns h2 {
color: #2e3942;
font: 400 1.25em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
margin: 10px 0
}
@media only screen and (min-width:768px) {
.four-columns li {
margin: 0 25px
}
}
@media only screen and (min-width:1020px) {
.four-columns li {
margin: 0 15px
}
}
.three-columns.power-of-publishing-three-columns {
background: #fff
}
.three-columns.power-of-publishing-three-columns h3 {
color: #5d666d;
text-align: center
}
.three-columns.power-of-publishing-three-columns p {
font-weight: 400;
font-size: .875em;
margin: 0;
line-height: 20px
}
.three-columns.power-of-publishing-three-columns li {
margin: 15px 35px
}
.three-columns.power-of-publishing-three-columns .content {
min-height: 284px
}
.about-separator {
background: #374651;
color: #fff;
padding: 90px 0 110px;
position: relative;
z-index: 1
}
.about-separator .our-logo {
text-align: center
}
.about-separator .our-company {
padding: 30px 0
}
.about-separator:after,
.about-separator:before {
background: inherit;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: -1;
-webkit-backface-visibility: hidden
}
.about-separator:before {
top: 0;
outline: 2px solid transparent;
transform: skewY(2deg);
transform-origin: 100% 0;
-moz-transform: skewY(2deg);
-moz-transform-origin: 100% 0;
-ms-transform: skewY(2deg);
-ms-transform-origin: 100% 0;
-webkit-transform: skewY(2deg);
-webkit-transform-origin: 100% 0
}
.about-separator:after {
bottom: 0;
outline: 2px solid transparent;
transform: skewY(-2deg);
transform-origin: 100%;
-moz-transform: skewY(-2deg);
-moz-transform-origin: 100%;
-ms-transform: skewY(-2deg);
-ms-transform-origin: 100%;
-webkit-transform: skewY(-2deg);
-webkit-transform-origin: 100%
}
.about-separator:after,
.about-separator:before {
background: #fff;
bottom: 0;
height: 90px;
width: 100%
}
#pricing_page .banner .align-center,
#publishing-on-alison .banner .align-center {
vertical-align: bottom
}
#publishing-on-alison .about-banner {
margin: 0 auto 30px
}
.application-form-container select,
.contact-form-container select,
.enterprise-application-form-container select {
-webkit-appearance: menulist;
-moz-appearance: menulist;
appearance: menulist
}
.application-form-container select option:first-child,
.contact-form-container select option:first-child,
.enterprise-application-form-container select option:first-child {
color: #b9bfc3
}
.application-form-container::-webkit-input-placeholder,
.contact-form-container::-webkit-input-placeholder,
.enterprise-application-form-container::-webkit-input-placeholder {
color: #b9bfc3
}
.application-form-container::-moz-placeholder,
.contact-form-container::-moz-placeholder,
.enterprise-application-form-container::-moz-placeholder {
color: #b9bfc3
}
.application-form-container:-ms-input-placeholder,
.contact-form-container:-ms-input-placeholder,
.enterprise-application-form-container:-ms-input-placeholder {
color: #b9bfc3
}
.application-form-container:-moz-placeholder,
.contact-form-container:-moz-placeholder,
.enterprise-application-form-container:-moz-placeholder {
color: #b9bfc3
}
form[name=publishers-form] input[type=checkbox]:checked+label:after {
left: 18px!important
}
#certification-page+.banner-align .align-center {
vertical-align: bottom
}
#certification-page+.banner-align .align-center h1 {
font-weight: 400;
font-size: 1.975em
}
#certification-page+.banner-align .align-center div.search-wrap {
margin-top: 20px;
margin-bottom: 20px
}
#certification-section-1,
#certification-section-2,
#certification-section-3 {
margin-top: 50px;
margin-bottom: 50px
}
#certification-section-1 h3,
#certification-section-2 h3,
#certification-section-3 h3 {
color: #5d666d;
font-weight: 300
}
#certification-section-1 p,
#certification-section-2 p,
#certification-section-3 p {
color: #5d666d
}
#certification-section-1 p:last-of-type,
#certification-section-2 p:last-of-type,
#certification-section-3 p:last-of-type {
padding-bottom: 40px
}
#certification-section-1 span.italic,
#certification-section-2 span.italic,
#certification-section-3 span.italic {
font-weight: 500;
font-style: italic
}
#certification-section-1 a.regular-link:link,
#certification-section-1 a.regular-link:visited,
#certification-section-2 a.regular-link:link,
#certification-section-2 a.regular-link:visited,
#certification-section-3 a.regular-link:link,
#certification-section-3 a.regular-link:visited {
color: #f49b29
}
#certification-section-1 a.regular-link:active,
#certification-section-1 a.regular-link:focus,
#certification-section-1 a.regular-link:hover,
#certification-section-2 a.regular-link:active,
#certification-section-2 a.regular-link:focus,
#certification-section-2 a.regular-link:hover,
#certification-section-3 a.regular-link:active,
#certification-section-3 a.regular-link:focus,
#certification-section-3 a.regular-link:hover {
color: #c6740a
}
a.certification-cta-button,
a.certification-study-now-button {
position: relative;
color: #fff;
background: #0091c7;
padding: 10px;
border-radius: 5px;
padding-left: 80px;
opacity: 1;
-webkit-transition: opacity 2s
}
a.certification-cta-button span.anchor,
a.certification-study-now-button span.anchor {
margin-left: -60px;
margin-right: 40px
}
a.certification-cta-button:hover,
a.certification-study-now-button:hover {
opacity: .7
}
a.certification-cta-button .arrow,
a.certification-cta-button .arrow:before,
a.certification-study-now-button .arrow,
a.certification-study-now-button .arrow:before {
position: absolute;
left: 50%
}
a.certification-cta-button .arrow,
a.certification-study-now-button .arrow {
width: 18px;
height: 18px;
top: 32%;
margin: -20px 0 0 -20px;
transform: rotate(-45deg);
border-left: none;
border-top: none;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
margin-left: 80px;
margin-top: -2px
}
a.certification-cta-button .arrow:before,
a.certification-study-now-button .arrow:before {
content: "";
width: 10px;
height: 10px;
top: 50%;
margin: -5px 0 0 -5px;
border-left: none;
border-top: none;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-name: arrow
}
a.certification-study-now-button {
background: #f49b29
}
a.certification-study-now-button .arrow {
margin-left: 40px
}
#certification-section-2 .split-screen-module {
width: 100%
}
#certification-section-2 .split-screen-module .split-screen-column {
width: 100%;
float: left
}
@media only screen and (min-width:1140px) {
#certification-section-2 .split-screen-module .split-screen-column {
width: 50%;
float: left
}
}
#certification-section-2 .split-screen-module .split-screen-column.content-column {
background-color: #f5f8fa
}
#certification-section-2 .split-screen-module .split-screen-column.vertical-align-parent {
position: static
}
@media only screen and (min-width:1140px) {
#certification-section-2 .split-screen-module .split-screen-column.vertical-align-parent {
position: relative
}
}
#certification-section-2 .split-screen-module .split-screen-column.vertical-align-parent .vertical-align-child {
position: static;
top: auto;
transform: none
}
@media only screen and (min-width:1140px) {
#certification-section-2 .split-screen-module .split-screen-column.vertical-align-parent .vertical-align-child {
position: relative;
top: 50%;
transform: translateY(-50%)
}
}
#certification-section-2 .split-screen-module .split-screen-column.background-image-column {
background-image: url(https://cdn01.alison-static.net/public/html/site/img/learners-certificates.jpg);
background-position: 50%;
background-size: cover
}
#certification-section-2 .split-screen-module .split-screen-column.background-image-column img {
width: 100%;
height: 100%;
display: block;
visibility: hidden
}
#certification-section-2 .split-screen-module .split-screen-column .content-area {
width: 100%
}
@media only screen and (min-width:1140px) {
#certification-section-2 .split-screen-module .split-screen-column .content-area {
max-width: 570px
}
}
#certification-section-2 .split-screen-module .split-screen-column .content-area.left {
float: right;
padding: 10px 50px 10px 15px
}
#certification-section-2 .split-screen-module .split-screen-column .content-area.right {
float: left;
padding: 10px 15px 10px 50px
}
#certification-section-2 .split-screen-module .split-screen-column .content-area h3,
#certification-section-2 .split-screen-module .split-screen-column .content-area p {
color: #2d3942
}
#certification-section-2 .split-screen-module .split-screen-column .content-area p {
font-weight: 500
}
#certification-section-2 .split-screen-module .split-screen-column .content-area p:last-of-type {
padding-bottom: 0;
margin-bottom: 0
}
#certification-section-2 .split-screen-module .split-screen-column .content-area ul li {
background: url(https://cdn01.alison-static.net/public/html/site/img/enterprise-list-bullet.png) no-repeat 0 0;
padding: 14px 0 3px 60px;
list-style: none;
margin: 0;
height: 65px;
font-weight: 400;
font-size: .875em;
color: #2d3a42
}
.certification-section-1-col-left {
text-align: center
}
.our-commitment ul.commitment-list,
.your-commitment ul.commitment-list {
list-style-type: square
}
.our-commitment ul.commitment-list li,
.your-commitment ul.commitment-list li {
padding-bottom: 10px
}
.your-commitment {
width: 75%
}
.our-commitment+div>a:before {
margin-left: -2px
}
.about-text-strip {
margin-top: 15px
}
.last-row {
margin-bottom: 40px
}
.text-strip-top.team-text-strip {
padding-top: 10px
}
.text-strip-top span {
margin-top: 50px;
display: block
}
.about-text-strip,
.text-strip-top {
color: #5d666d;
text-align: center
}
.about-text-strip .our-story-image,
.about-text-strip .power-of-publishing-image,
.text-strip-top .our-story-image,
.text-strip-top .power-of-publishing-image {
display: none
}
.about-text-strip .email-outer-circle,
.text-strip-top .email-outer-circle {
border: 4px solid #0091c7;
border-radius: 50%;
left: calc(50% - 75px);
margin: 40px auto 0;
max-width: 95px;
max-height: 95px;
padding: 5px
}
.about-text-strip .email-outer-circle a,
.text-strip-top .email-outer-circle a {
background: #0091c7;
border-radius: 50%;
color: #fff;
display: block;
height: 75px;
line-height: 75px;
margin: 0 auto;
position: relative;
width: 75px
}
.about-text-strip .email-outer-circle a:before,
.text-strip-top .email-outer-circle a:before {
font-size: 1.625em;
padding: 0 24px
}
.about-text-strip .email-text,
.text-strip-top .email-text {
margin: 20px 0 40px;
text-align: center
}
.about-text-strip .email-text p,
.text-strip-top .email-text p {
font-size: 1.25em;
font-weight: 700
}
.about-text-strip .email-text a,
.text-strip-top .email-text a {
color: #5d666d;
font-weight: 400
}
.about-text-strip .email-text a:hover,
.text-strip-top .email-text a:hover {
color: #0091c7;
text-decoration: underline
}
.about-text-strip .email-text .line,
.text-strip-top .email-text .line {
border-top: 2px solid #0091c7;
display: block;
margin: 20px auto;
width: 30px
}
.terms-of-use {
color: #5d666d
}
.terms-of-use .tab-title.active {
background: #0091c7
}
.terms-of-use .tab-title:hover {
background: #006c94
}
.terms-of-use .information {
background: #f1f2f2;
border: 1px solid #d4d4d4;
border-radius: 10px;
font-size: 1.0625em;
padding: 20px 50px;
margin-bottom: 15px
}
.terms-of-use .information a {
color: #0091c7
}
.terms-of-use .information a:hover {
text-decoration: underline
}
.terms-of-use .information strong {
margin-right: 15px
}
.terms-of-use .information .indent-left {
margin-left: 20px
}
.terms-of-use .information .list-lower-roman li {
list-style: lower-roman
}
.terms-of-use .information ol li,
.terms-of-use .information ul li {
margin-bottom: 20px;
font-size: .9375em
}
.terms-of-use .information ol li {
list-style: decimal;
padding: 0 10px
}
.department-tabs {
max-width: 1250px;
margin: 15px 0 45px;
text-align: center
}
.department-tabs .tab-header-inline .tab-title.active,
.department-tabs .tab-header-inline .tab-title.active:hover {
color: #fff
}
.department-tabs .tab-title {
background: #2e3942;
border-radius: 6px;
border: 0;
color: #fff;
display: inline-block;
font-size: .875em;
font-weight: 400;
margin: 5px 6px;
padding: 0 15px;
line-height: 31px
}
.department-tabs .tab-title.active,
.department-tabs .tab-title.active a,
.department-tabs .tab-title:hover,
.department-tabs .tab-title:hover a {
color: #fff
}
.department-tabs .tab-title a {
color: #fff;
display: inline-block
}
.department-tabs .tab-title a:visited {
color: #fff
}
.read-more:hover {
color: #0091c7
}
.fall-back-color.active {
background: #838b8f
}
.fall-back-color:hover {
background: hsla(200, 5%, 54%, .8);
color: #838b8f
}
.all.active {
background: #838b8f
}
.all:hover {
background: rgba(46, 57, 66, .8)
}
.technical.active {
background: #f29b2f
}
.technical:hover {
background: rgba(242, 155, 47, .8);
color: #f29b2f
}
.finance.active {
background: #0091c7
}
.finance:hover {
background: rgba(0, 145, 199, .8);
color: #0091c7
}
.human-resources.active {
background: #1d355e
}
.human-resources:hover {
background: rgba(29, 53, 94, .8);
color: #1d355e
}
.customer-success.active {
background: #c9187e
}
.customer-success:hover {
background: rgba(201, 24, 126, .8);
color: #c9187e
}
.marketing.active {
background: #f58220
}
.marketing:hover {
background: rgba(245, 130, 32, .8);
color: #f58220
}
.sales.active {
background: #008445
}
.sales:hover {
background: rgba(0, 132, 69, .8);
color: #008445
}
.publishing.active {
background: #873694
}
.publishing:hover {
background: rgba(135, 54, 148, .8);
color: #873694
}
.analytics.active {
background: #38ac69
}
.analytics:hover {
background: rgba(56, 172, 105, .8);
color: #38ac69
}
.operations.active {
background: #be3047
}
.operations:hover {
background: rgba(190, 48, 71, .8);
color: #be3047
}
.graduate-banner {
margin: 60px 30px
}
.graduate-banner h1 {
font: 400 1.875em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
.graduate-banner p {
font: 300 1.0625em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
@media only screen and (min-width:1020px) {
.graduate-banner {
margin: 0 140px
}
}
.graduate-top {
background: #f1f2f2;
background: linear-gradient(180deg, #f1f2f2 0, #e8edf1);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#FFF1F2F2", endColorstr="#FFE8EDF1", GradientType=0);
z-index: 11!important;
position: relative;
z-index: 1
}
.graduate-top:before {
background: inherit;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: -1;
-webkit-backface-visibility: hidden;
outline: 2px solid transparent;
transform: skewY(-2deg);
transform-origin: 0 0;
-moz-transform: skewY(-2deg);
-moz-transform-origin: 0 0;
-ms-transform: skewY(-2deg);
-ms-transform-origin: 0 0;
-webkit-transform: skewY(-2deg);
-webkit-transform-origin: 0 0;
background: #f1f2f2;
top: 0;
height: 75px;
width: 100%
}
.graduate-top .about-text-strip {
margin-top: 0;
padding-top: 20px;
text-align: center
}
.graduate-top .about-text-strip p {
color: #2e3942;
font: 400 1em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
margin: 0 auto 20px;
width: 225px
}
.graduate-top .about-text-strip .email-text {
margin: 0
}
.graduate-top .about-text-strip .email-text a {
color: #2e3942;
font-weight: 700
}
.graduate-top .email-outer-circle {
display: inline-block;
left: 0;
margin: 0;
position: relative;
top: 25px
}
.graduate-top:after {
background: inherit;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: -1;
-webkit-backface-visibility: hidden;
outline: 2px solid transparent;
transform: skewY(1deg);
transform-origin: 0 100%;
-moz-transform: skewY(1deg);
-moz-transform-origin: 0 100%;
-ms-transform: skewY(1deg);
-ms-transform-origin: 0 100%;
-webkit-transform: skewY(1deg);
-webkit-transform-origin: 0 100%;
background: #fff;
bottom: 0;
height: 25px;
width: 100%
}
@media only screen and (min-width:768px) {
.graduate-top .about-text-strip p {
width: 600px
}
}
@media(-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
.graduate-top .about-text-strip {
padding-bottom: 45px
}
}
@media screen and (min-width:0\0) and (min-resolution:0.001dpcm) {
.graduate-top .about-text-strip {
padding-bottom: 45px
}
}
.graduate-container {
text-align: center
}
.graduate-container h2 {
font: 400 1.375em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
margin: 60px 0 25px
}
.graduate-container .graduate {
display: inline-block
}
.graduate-container .graduate .gallery-user-fullname {
color: #5d666d;
font: 400 1em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
margin: 20px auto 10px;
padding: 0 20px;
width: 200px
}
.member {
display: inline-block;
position: relative;
width: 200px
}
.member [id^=team_member_image_] {
border-radius: 50%;
display: inline-block;
height: 164px;
margin: 15px 0;
vertical-align: top;
width: 164px
}
.member .member-info {
border-radius: 50%;
height: 166px;
left: 17px;
opacity: 0;
padding: 0 26px;
position: absolute;
top: 14px;
width: 166px;
transition: all .3s ease
}
.member .member-info:hover {
opacity: 1
}
.member .gallery {
background: rgba(210, 215, 219, .7)
}
.member .gallery .flag {
padding-top: 30px
}
.member .gallery h4 {
color: #2e3942;
font: 500 16px Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-top: 10px
}
.member .gallery p {
border-top: 1px solid rgba(46, 57, 66, .7);
color: #2e3942
}
.member h4 {
color: #fff;
font-size: 1em;
letter-spacing: 1px;
margin: 0 5px 10px;
padding: 30px 15px 0;
text-shadow: 0 0 1px #fff, 0 1px 2px rgba(46, 57, 66, .3)
}
.member p {
border-top: 1px solid hsla(0, 0%, 100%, .5);
color: #fff;
font-size: .8125em;
padding: 5px
}
@media(-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
.member {
vertical-align: top
}
.member+a {
margin-top: 10px;
display: inline-block
}
}
@media screen and (min-width:0\0) and (min-resolution:0.001dpcm) {
.member {
vertical-align: top
}
.member+a {
margin-top: 10px;
display: inline-block
}
}
.openings {
border-radius: 50%;
display: inline-block;
height: 164px;
margin: 15px 0;
padding: 5px 25px;
vertical-align: top;
width: 164px
}
.openings h4 {
font-weight: 400;
letter-spacing: 1px
}
.openings p {
font-size: 2em
}
.job-count {
text-align: center
}
.job-count p {
font-size: 1.25em;
color: #5d666d
}
.job-count .openings {
display: inline-block;
padding: 10px 20px;
position: relative
}
.job-listing {
color: #5d666d
}
.job-listing .read-more {
color: #0091c7
}
.job-listing .read-more:hover {
text-decoration: underline
}
.job-listing img {
display: none
}
.job-listing h4 {
font-weight: 400
}
.job-listing a {
text-decoration: none;
color: #2e3942;
font-size: .875em
}
.job-listing .icon-about {
display: none
}
.job-listing .position {
border: 1px solid #d4d4d4;
border-radius: 10px;
padding: 10px 20px;
margin-bottom: 15px
}
.job-listing .position:hover {
background: #f1f2f2
}
#achiever-points-section {
color: #5d666d;
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
position: relative;
z-index: 11
}
#achiever-points-section h2 {
color: #2e3942;
font-weight: 400;
font-size: 1.875em
}
#achiever-points-section .aap-content {
text-align: center
}
#achiever-points-section .aap-content .content-box {
background: #fff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin: -190px auto 0;
padding: 40px 20px;
position: relative;
width: 100%
}
#achiever-points-section .aap-content:first-child {
background: #fff;
padding: 40px 0 20px;
position: relative;
z-index: 1
}
#achiever-points-section .aap-content:first-child .wrapper {
padding: 30px 20px 0
}
#achiever-points-section .aap-content:first-child img {
width: 100%
}
#achiever-points-section .aap-content:first-child p {
font-size: 1em
}
#achiever-points-section .aap-content:first-child:after {
background: inherit;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: -1;
-webkit-backface-visibility: hidden;
outline: 2px solid transparent;
transform: skewY(-2deg);
transform-origin: 100%;
-moz-transform: skewY(-2deg);
-moz-transform-origin: 100%;
-ms-transform: skewY(-2deg);
-ms-transform-origin: 100%;
-webkit-transform: skewY(-2deg);
-webkit-transform-origin: 100%;
background: #fff;
bottom: 0;
height: 90px;
width: 100%
}
#achiever-points-section .aap-content:nth-child(2) {
background: #f1f2f2;
z-index: 0!important;
position: relative;
z-index: 1
}
#achiever-points-section .aap-content:nth-child(2) .wrapper {
padding-top: 70px
}
#achiever-points-section .aap-content:nth-child(2) img {
padding-left: 0;
padding-bottom: 120px;
width: auto
}
#achiever-points-section .aap-content:nth-child(2) p {
font-size: 1em;
margin: 0 auto 20px;
width: 250px
}
#achiever-points-section .aap-content:nth-child(2):after {
background: inherit;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: -1;
-webkit-backface-visibility: hidden;
outline: 2px solid transparent;
transform: skewY(2deg);
transform-origin: 0 100%;
-moz-transform: skewY(2deg);
-moz-transform-origin: 0 100%;
-ms-transform: skewY(2deg);
-ms-transform-origin: 0 100%;
-webkit-transform: skewY(2deg);
-webkit-transform-origin: 0 100%;
background: #fff;
bottom: 0;
height: 90px;
width: 100%
}
#achiever-points-section .aap-content:nth-child(3) {
background: #fff
}
#achiever-points-section .aap-content:nth-child(3) .wrapper {
padding: 30px 0
}
#achiever-points-section .aap-content:nth-child(3) img {
margin-bottom: 10px
}
#achiever-points-section .aap-content:nth-child(3) p {
font-size: 1em;
margin: 0 auto 20px;
width: 250px
}
#achiever-points-section .aap-content:nth-child(3) h4 {
font-size: 1.1875em
}
@media only screen and (min-width:768px) {
#achiever-points-section .aap-content:first-child img {
width: auto
}
#achiever-points-section .aap-content:nth-child(2) p,
#achiever-points-section .aap-content:nth-child(3) p {
width: 550px
}
}
@media only screen and (min-width:1020px) {
#achiever-points-section .aap-content:first-child p {
text-align: left
}
#achiever-points-section .aap-content:first-child img {
width: 100%
}
#achiever-points-section .aap-content:nth-child(2) p {
font-size: 1.0625em;
text-align: left;
width: 900px
}
#achiever-points-section .aap-content:nth-child(2) img {
width: 100%;
padding-left: 10%
}
#achiever-points-section .aap-content:nth-child(3) p {
width: auto
}
}
@media only screen and (min-width:1240px) {
#achiever-points-section .aap-content:first-child img {
width: auto
}
}
@media only screen and (min-width:1500px) {
#achiever-points-section .aap-content:nth-child(2) img {
padding-left: 15%
}
}
#company-details .footer-eu-logos {
float: right;
margin-right: 20px
}
#company-details .footer-eu-logos p#info {
font-size: .625em;
padding-bottom: 0;
margin-bottom: -5px
}
#company-details #contact-info-row,
#company-details #contact-info-row p {
color: #969ca0
}
#company-details #contact-info-row a:link,
#company-details #contact-info-row a:visited {
color: #fff;
transition: color 1s
}
#company-details #contact-info-row a:active,
#company-details #contact-info-row a:focus,
#company-details #contact-info-row a:hover {
color: #d9d9d9
}
#company-details .info-box .content .body .contact-form-container {
padding: 0 20px;
font-size: 1.125em
}
#company-details .info-box .content .body .contact-form-container .row {
margin-top: 30px
}
#company-details .info-box .content .body .contact-form-container a {
color: #0091c7
}
#company-details .info-box .content .body .contact-form-container a:hover {
text-decoration: underline
}
#company-details .info-box .content .body .contact-form-container p {
margin-bottom: 20px
}
#company-details .info-box .content .body .contact-form-container img {
max-width: 100%
}
@media only screen and (min-width:768px) {
#company-details .info-box .content .body .contact-form-container {
padding: 0 0 0 35px
}
#company-details .info-box .content .body .contact-form-container .row {
margin-top: 30px
}
}
#ei-grant h4.ei-grant-h4 {
font-weight: 400;
font-size: 1.175em;
color: #2e3942
}
#ei-grant .ei-logo-wrapper {
position: relative
}
#ei-grant .ei-logo-wrapper .funds-insert {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
#ei-grant img.ei-grant-logo {
width: 100%;
height: auto;
display: block
}
@media only screen and (min-width:400px) {
#ei-grant img.ei-grant-logo {
width: auto
}
}
.opacity-fix {
opacity: 1!important
}
#career-page h1 {
margin-top: 100px;
font-size: 3em
}
#career-page li {
margin: 20px;
list-style: disc;
color: #838b8f;
font: 400 .9375em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
#career-page .job-content {
color: #5d666d
}
.career_image {
margin: -10px 0 10px
}
.careers-ad {
margin: 10px 0 30px
}
#application_form {
margin-bottom: 50px
}
#application_form h4 {
color: #5d666d
}
#application_form p {
margin: 0 0 20px
}
#application_form .field:before {
font-size: 20px;
right: 0;
position: absolute;
top: 9px
}
#application_form .field .hidden-form {
position: relative;
left: 0;
top: 0;
height: 0;
padding: 0;
border: 0 solid;
margin: 0;
width: 0;
box-shadow: none;
visibility: hidden
}
#application_form .field .hidden-form+span.invalid+label.invalid,
#application_form .field .hidden-form+span.invalid:before {
color: red
}
#application_form .field .hidden-form:valid+span+label,
#application_form .field .hidden-form:valid+span:before {
color: #2e3942!important
}
#application_form .info-box {
max-width: 450px;
margin: 0
}
#application_form .resize-info-box {
max-width: 100%
}
#application_form .g-recaptcha {
max-width: 310px;
margin: 0 auto
}
#application_form .upload {
margin: 20px 0;
text-align: left
}
#application_form .upload .icon-upload {
color: #2e3942;
font-weight: 400;
font-size: .8125em
}
#application_form .upload .icon-upload:before {
color: #5d666d;
opacity: .7;
font-size: 1.125em;
margin-right: 10px
}
#application_form .upload label {
cursor: pointer;
color: #5d666d;
opacity: .7;
font-size: 1em;
font-weight: 400
}
#application_form .upload label:hover {
color: #0091c7
}
#application_form .upload .icon-upload {
padding: 10px
}
#application_form .upload .icon-cross2 {
cursor: pointer
}
#application_form .bottom {
margin: 15px 0
}
@media only screen and (min-width:1020px) {
#application_form .cover-letter {
float: right
}
}
.banner-angle-about-certification {
position: relative;
z-index: 1
}
.banner-angle-about-certification:after {
background: inherit;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: -1;
-webkit-backface-visibility: hidden;
bottom: 0;
outline: 2px solid transparent;
transform: skewY(-1deg);
transform-origin: 100%;
-moz-transform: skewY(-1deg);
-moz-transform-origin: 100%;
-ms-transform: skewY(-1deg);
-ms-transform-origin: 100%;
-webkit-transform: skewY(-1deg);
-webkit-transform-origin: 100%;
background: #f1f2f2;
bottom: 9px;
height: 90px;
width: 100%;
margin-top: 25px;
margin-bottom: -34px;
position: relative
}
#about-certification {
margin-top: -50px;
color: #5d666d
}
#about-certification .radial-progress-about-certification {
margin: 0 auto 20px;
width: 250px;
height: 250px;
background-color: transparent;
border-radius: 50%
}
#about-certification .radial-progress-about-certification .circle {
position: relative
}
#about-certification .radial-progress-about-certification .circle .line {
background: 0 0;
border-radius: 50%;
width: 244px;
height: 244px;
border: 3px solid hsla(0, 0%, 100%, .5);
position: absolute;
top: 3px;
left: 3px
}
#about-certification .radial-progress-about-certification .circle .fill,
#about-certification .radial-progress-about-certification .circle .mask,
#about-certification .radial-progress-about-certification .circle .shadow {
width: 250px;
height: 250px;
position: absolute;
border-radius: 50%
}
#about-certification .radial-progress-about-certification .circle .fill,
#about-certification .radial-progress-about-certification .circle .mask {
-webkit-backface-visibility: hidden;
transition: transform 1s;
border-radius: 50%
}
#about-certification .radial-progress-about-certification .circle .mask {
clip: rect(0, 250px, 250px, 125px)
}
#about-certification .radial-progress-about-certification .circle .mask .fill {
clip: rect(0, 125px, 250px, 0);
background: 0 0;
border: 16px solid #fff
}
#about-certification .radial-progress-about-certification .inset {
width: 234px;
height: 234px;
position: absolute;
margin-left: 8px;
margin-top: 8px;
background: 0 0;
border-radius: 50%
}
#about-certification .radial-progress-about-certification .inset .inset-content {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
padding: 10px;
text-align: center
}
#about-certification .radial-progress-about-certification .inset .inset-content .text {
position: relative;
top: 50%;
transform: translateY(-50%);
font-size: 4.6875em!important;
color: #fff
}
#about-certification .radial-progress-about-certification .inset .inset-content .text .percentage {
text-align: center;
font-size: 70%!important;
font-weight: 200;
margin-left: 2px;
color: #fff
}
#about-certification .radial-progress-about-certification[data-progress="0"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="0"] .circle .fill.fix,
#about-certification .radial-progress-about-certification[data-progress="0"] .circle .mask.full {
transform: rotate(0deg)
}
#about-certification .radial-progress-about-certification[data-progress="1"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="1"] .circle .mask.full {
transform: rotate(1.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="1"] .circle .fill.fix,
#about-certification .radial-progress-about-certification[data-progress="2"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="2"] .circle .mask.full {
transform: rotate(3.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="2"] .circle .fill.fix {
transform: rotate(7.2deg)
}
#about-certification .radial-progress-about-certification[data-progress="3"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="3"] .circle .mask.full {
transform: rotate(5.4deg)
}
#about-certification .radial-progress-about-certification[data-progress="3"] .circle .fill.fix {
transform: rotate(10.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="4"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="4"] .circle .mask.full {
transform: rotate(7.2deg)
}
#about-certification .radial-progress-about-certification[data-progress="4"] .circle .fill.fix {
transform: rotate(14.4deg)
}
#about-certification .radial-progress-about-certification[data-progress="5"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="5"] .circle .mask.full {
transform: rotate(9deg)
}
#about-certification .radial-progress-about-certification[data-progress="5"] .circle .fill.fix {
transform: rotate(18deg)
}
#about-certification .radial-progress-about-certification[data-progress="6"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="6"] .circle .mask.full {
transform: rotate(10.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="6"] .circle .fill.fix {
transform: rotate(21.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="7"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="7"] .circle .mask.full {
transform: rotate(12.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="7"] .circle .fill.fix {
transform: rotate(25.2deg)
}
#about-certification .radial-progress-about-certification[data-progress="8"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="8"] .circle .mask.full {
transform: rotate(14.4deg)
}
#about-certification .radial-progress-about-certification[data-progress="8"] .circle .fill.fix {
transform: rotate(28.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="9"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="9"] .circle .mask.full {
transform: rotate(16.2deg)
}
#about-certification .radial-progress-about-certification[data-progress="9"] .circle .fill.fix {
transform: rotate(32.4deg)
}
#about-certification .radial-progress-about-certification[data-progress="10"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="10"] .circle .mask.full {
transform: rotate(18deg)
}
#about-certification .radial-progress-about-certification[data-progress="10"] .circle .fill.fix {
transform: rotate(36deg)
}
#about-certification .radial-progress-about-certification[data-progress="11"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="11"] .circle .mask.full {
transform: rotate(19.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="11"] .circle .fill.fix {
transform: rotate(39.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="12"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="12"] .circle .mask.full {
transform: rotate(21.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="12"] .circle .fill.fix {
transform: rotate(43.2deg)
}
#about-certification .radial-progress-about-certification[data-progress="13"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="13"] .circle .mask.full {
transform: rotate(23.4deg)
}
#about-certification .radial-progress-about-certification[data-progress="13"] .circle .fill.fix {
transform: rotate(46.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="14"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="14"] .circle .mask.full {
transform: rotate(25.2deg)
}
#about-certification .radial-progress-about-certification[data-progress="14"] .circle .fill.fix {
transform: rotate(50.4deg)
}
#about-certification .radial-progress-about-certification[data-progress="15"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="15"] .circle .mask.full {
transform: rotate(27deg)
}
#about-certification .radial-progress-about-certification[data-progress="15"] .circle .fill.fix {
transform: rotate(54deg)
}
#about-certification .radial-progress-about-certification[data-progress="16"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="16"] .circle .mask.full {
transform: rotate(28.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="16"] .circle .fill.fix {
transform: rotate(57.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="17"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="17"] .circle .mask.full {
transform: rotate(30.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="17"] .circle .fill.fix {
transform: rotate(61.2deg)
}
#about-certification .radial-progress-about-certification[data-progress="18"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="18"] .circle .mask.full {
transform: rotate(32.4deg)
}
#about-certification .radial-progress-about-certification[data-progress="18"] .circle .fill.fix {
transform: rotate(64.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="19"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="19"] .circle .mask.full {
transform: rotate(34.2deg)
}
#about-certification .radial-progress-about-certification[data-progress="19"] .circle .fill.fix {
transform: rotate(68.4deg)
}
#about-certification .radial-progress-about-certification[data-progress="20"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="20"] .circle .mask.full {
transform: rotate(36deg)
}
#about-certification .radial-progress-about-certification[data-progress="20"] .circle .fill.fix {
transform: rotate(72deg)
}
#about-certification .radial-progress-about-certification[data-progress="21"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="21"] .circle .mask.full {
transform: rotate(37.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="21"] .circle .fill.fix {
transform: rotate(75.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="22"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="22"] .circle .mask.full {
transform: rotate(39.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="22"] .circle .fill.fix {
transform: rotate(79.2deg)
}
#about-certification .radial-progress-about-certification[data-progress="23"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="23"] .circle .mask.full {
transform: rotate(41.4deg)
}
#about-certification .radial-progress-about-certification[data-progress="23"] .circle .fill.fix {
transform: rotate(82.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="24"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="24"] .circle .mask.full {
transform: rotate(43.2deg)
}
#about-certification .radial-progress-about-certification[data-progress="24"] .circle .fill.fix {
transform: rotate(86.4deg)
}
#about-certification .radial-progress-about-certification[data-progress="25"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="25"] .circle .mask.full {
transform: rotate(45deg)
}
#about-certification .radial-progress-about-certification[data-progress="25"] .circle .fill.fix {
transform: rotate(90deg)
}
#about-certification .radial-progress-about-certification[data-progress="26"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="26"] .circle .mask.full {
transform: rotate(46.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="26"] .circle .fill.fix {
transform: rotate(93.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="27"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="27"] .circle .mask.full {
transform: rotate(48.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="27"] .circle .fill.fix {
transform: rotate(97.2deg)
}
#about-certification .radial-progress-about-certification[data-progress="28"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="28"] .circle .mask.full {
transform: rotate(50.4deg)
}
#about-certification .radial-progress-about-certification[data-progress="28"] .circle .fill.fix {
transform: rotate(100.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="29"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="29"] .circle .mask.full {
transform: rotate(52.2deg)
}
#about-certification .radial-progress-about-certification[data-progress="29"] .circle .fill.fix {
transform: rotate(104.4deg)
}
#about-certification .radial-progress-about-certification[data-progress="30"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="30"] .circle .mask.full {
transform: rotate(54deg)
}
#about-certification .radial-progress-about-certification[data-progress="30"] .circle .fill.fix {
transform: rotate(108deg)
}
#about-certification .radial-progress-about-certification[data-progress="31"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="31"] .circle .mask.full {
transform: rotate(55.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="31"] .circle .fill.fix {
transform: rotate(.31turn)
}
#about-certification .radial-progress-about-certification[data-progress="32"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="32"] .circle .mask.full {
transform: rotate(57.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="32"] .circle .fill.fix {
transform: rotate(.32turn)
}
#about-certification .radial-progress-about-certification[data-progress="33"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="33"] .circle .mask.full {
transform: rotate(59.4deg)
}
#about-certification .radial-progress-about-certification[data-progress="33"] .circle .fill.fix {
transform: rotate(.33turn)
}
#about-certification .radial-progress-about-certification[data-progress="34"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="34"] .circle .mask.full {
transform: rotate(61.2deg)
}
#about-certification .radial-progress-about-certification[data-progress="34"] .circle .fill.fix {
transform: rotate(.34turn)
}
#about-certification .radial-progress-about-certification[data-progress="35"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="35"] .circle .mask.full {
transform: rotate(63deg)
}
#about-certification .radial-progress-about-certification[data-progress="35"] .circle .fill.fix {
transform: rotate(126deg)
}
#about-certification .radial-progress-about-certification[data-progress="36"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="36"] .circle .mask.full {
transform: rotate(64.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="36"] .circle .fill.fix {
transform: rotate(.36turn)
}
#about-certification .radial-progress-about-certification[data-progress="37"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="37"] .circle .mask.full {
transform: rotate(66.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="37"] .circle .fill.fix {
transform: rotate(.37turn)
}
#about-certification .radial-progress-about-certification[data-progress="38"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="38"] .circle .mask.full {
transform: rotate(68.4deg)
}
#about-certification .radial-progress-about-certification[data-progress="38"] .circle .fill.fix {
transform: rotate(.38turn)
}
#about-certification .radial-progress-about-certification[data-progress="39"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="39"] .circle .mask.full {
transform: rotate(70.2deg)
}
#about-certification .radial-progress-about-certification[data-progress="39"] .circle .fill.fix {
transform: rotate(.39turn)
}
#about-certification .radial-progress-about-certification[data-progress="40"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="40"] .circle .mask.full {
transform: rotate(72deg)
}
#about-certification .radial-progress-about-certification[data-progress="40"] .circle .fill.fix {
transform: rotate(144deg)
}
#about-certification .radial-progress-about-certification[data-progress="41"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="41"] .circle .mask.full {
transform: rotate(73.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="41"] .circle .fill.fix {
transform: rotate(.41turn)
}
#about-certification .radial-progress-about-certification[data-progress="42"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="42"] .circle .mask.full {
transform: rotate(75.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="42"] .circle .fill.fix {
transform: rotate(.42turn)
}
#about-certification .radial-progress-about-certification[data-progress="43"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="43"] .circle .mask.full {
transform: rotate(77.4deg)
}
#about-certification .radial-progress-about-certification[data-progress="43"] .circle .fill.fix {
transform: rotate(154.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="44"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="44"] .circle .mask.full {
transform: rotate(79.2deg)
}
#about-certification .radial-progress-about-certification[data-progress="44"] .circle .fill.fix {
transform: rotate(.44turn)
}
#about-certification .radial-progress-about-certification[data-progress="45"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="45"] .circle .mask.full {
transform: rotate(81deg)
}
#about-certification .radial-progress-about-certification[data-progress="45"] .circle .fill.fix {
transform: rotate(162deg)
}
#about-certification .radial-progress-about-certification[data-progress="46"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="46"] .circle .mask.full {
transform: rotate(82.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="46"] .circle .fill.fix {
transform: rotate(165.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="47"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="47"] .circle .mask.full {
transform: rotate(84.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="47"] .circle .fill.fix {
transform: rotate(.47turn)
}
#about-certification .radial-progress-about-certification[data-progress="48"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="48"] .circle .mask.full {
transform: rotate(86.4deg)
}
#about-certification .radial-progress-about-certification[data-progress="48"] .circle .fill.fix {
transform: rotate(172.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="49"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="49"] .circle .mask.full {
transform: rotate(88.2deg)
}
#about-certification .radial-progress-about-certification[data-progress="49"] .circle .fill.fix {
transform: rotate(.49turn)
}
#about-certification .radial-progress-about-certification[data-progress="50"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="50"] .circle .mask.full {
transform: rotate(90deg)
}
#about-certification .radial-progress-about-certification[data-progress="50"] .circle .fill.fix {
transform: rotate(180deg)
}
#about-certification .radial-progress-about-certification[data-progress="51"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="51"] .circle .mask.full {
transform: rotate(91.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="51"] .circle .fill.fix {
transform: rotate(.51turn)
}
#about-certification .radial-progress-about-certification[data-progress="52"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="52"] .circle .mask.full {
transform: rotate(93.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="52"] .circle .fill.fix {
transform: rotate(.52turn)
}
#about-certification .radial-progress-about-certification[data-progress="53"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="53"] .circle .mask.full {
transform: rotate(95.4deg)
}
#about-certification .radial-progress-about-certification[data-progress="53"] .circle .fill.fix {
transform: rotate(.53turn)
}
#about-certification .radial-progress-about-certification[data-progress="54"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="54"] .circle .mask.full {
transform: rotate(97.2deg)
}
#about-certification .radial-progress-about-certification[data-progress="54"] .circle .fill.fix {
transform: rotate(.54turn)
}
#about-certification .radial-progress-about-certification[data-progress="55"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="55"] .circle .mask.full {
transform: rotate(99deg)
}
#about-certification .radial-progress-about-certification[data-progress="55"] .circle .fill.fix {
transform: rotate(198deg)
}
#about-certification .radial-progress-about-certification[data-progress="56"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="56"] .circle .mask.full {
transform: rotate(100.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="56"] .circle .fill.fix {
transform: rotate(201.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="57"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="57"] .circle .mask.full {
transform: rotate(102.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="57"] .circle .fill.fix {
transform: rotate(.57turn)
}
#about-certification .radial-progress-about-certification[data-progress="58"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="58"] .circle .mask.full {
transform: rotate(104.4deg)
}
#about-certification .radial-progress-about-certification[data-progress="58"] .circle .fill.fix {
transform: rotate(208.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="59"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="59"] .circle .mask.full {
transform: rotate(106.2deg)
}
#about-certification .radial-progress-about-certification[data-progress="59"] .circle .fill.fix {
transform: rotate(.59turn)
}
#about-certification .radial-progress-about-certification[data-progress="60"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="60"] .circle .mask.full {
transform: rotate(108deg)
}
#about-certification .radial-progress-about-certification[data-progress="60"] .circle .fill.fix {
transform: rotate(216deg)
}
#about-certification .radial-progress-about-certification[data-progress="61"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="61"] .circle .mask.full {
transform: rotate(109.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="61"] .circle .fill.fix {
transform: rotate(.61turn)
}
#about-certification .radial-progress-about-certification[data-progress="62"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="62"] .circle .mask.full {
transform: rotate(.31turn)
}
#about-certification .radial-progress-about-certification[data-progress="62"] .circle .fill.fix {
transform: rotate(.62turn)
}
#about-certification .radial-progress-about-certification[data-progress="63"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="63"] .circle .mask.full {
transform: rotate(113.4deg)
}
#about-certification .radial-progress-about-certification[data-progress="63"] .circle .fill.fix {
transform: rotate(.63turn)
}
#about-certification .radial-progress-about-certification[data-progress="64"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="64"] .circle .mask.full {
transform: rotate(.32turn)
}
#about-certification .radial-progress-about-certification[data-progress="64"] .circle .fill.fix {
transform: rotate(.64turn)
}
#about-certification .radial-progress-about-certification[data-progress="65"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="65"] .circle .mask.full {
transform: rotate(117deg)
}
#about-certification .radial-progress-about-certification[data-progress="65"] .circle .fill.fix {
transform: rotate(234deg)
}
#about-certification .radial-progress-about-certification[data-progress="66"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="66"] .circle .mask.full {
transform: rotate(.33turn)
}
#about-certification .radial-progress-about-certification[data-progress="66"] .circle .fill.fix {
transform: rotate(.66turn)
}
#about-certification .radial-progress-about-certification[data-progress="67"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="67"] .circle .mask.full {
transform: rotate(120.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="67"] .circle .fill.fix {
transform: rotate(241.2deg)
}
#about-certification .radial-progress-about-certification[data-progress="68"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="68"] .circle .mask.full {
transform: rotate(.34turn)
}
#about-certification .radial-progress-about-certification[data-progress="68"] .circle .fill.fix {
transform: rotate(.68turn)
}
#about-certification .radial-progress-about-certification[data-progress="69"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="69"] .circle .mask.full {
transform: rotate(124.2deg)
}
#about-certification .radial-progress-about-certification[data-progress="69"] .circle .fill.fix {
transform: rotate(248.4deg)
}
#about-certification .radial-progress-about-certification[data-progress="70"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="70"] .circle .mask.full {
transform: rotate(126deg)
}
#about-certification .radial-progress-about-certification[data-progress="70"] .circle .fill.fix {
transform: rotate(252deg)
}
#about-certification .radial-progress-about-certification[data-progress="71"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="71"] .circle .mask.full {
transform: rotate(127.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="71"] .circle .fill.fix {
transform: rotate(.71turn)
}
#about-certification .radial-progress-about-certification[data-progress="72"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="72"] .circle .mask.full {
transform: rotate(.36turn)
}
#about-certification .radial-progress-about-certification[data-progress="72"] .circle .fill.fix {
transform: rotate(.72turn)
}
#about-certification .radial-progress-about-certification[data-progress="73"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="73"] .circle .mask.full {
transform: rotate(131.4deg)
}
#about-certification .radial-progress-about-certification[data-progress="73"] .circle .fill.fix {
transform: rotate(.73turn)
}
#about-certification .radial-progress-about-certification[data-progress="74"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="74"] .circle .mask.full {
transform: rotate(.37turn)
}
#about-certification .radial-progress-about-certification[data-progress="74"] .circle .fill.fix {
transform: rotate(.74turn)
}
#about-certification .radial-progress-about-certification[data-progress="75"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="75"] .circle .mask.full {
transform: rotate(135deg)
}
#about-certification .radial-progress-about-certification[data-progress="75"] .circle .fill.fix {
transform: rotate(270deg)
}
#about-certification .radial-progress-about-certification[data-progress="76"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="76"] .circle .mask.full {
transform: rotate(.38turn)
}
#about-certification .radial-progress-about-certification[data-progress="76"] .circle .fill.fix {
transform: rotate(.76turn)
}
#about-certification .radial-progress-about-certification[data-progress="77"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="77"] .circle .mask.full {
transform: rotate(138.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="77"] .circle .fill.fix {
transform: rotate(.77turn)
}
#about-certification .radial-progress-about-certification[data-progress="78"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="78"] .circle .mask.full {
transform: rotate(.39turn)
}
#about-certification .radial-progress-about-certification[data-progress="78"] .circle .fill.fix {
transform: rotate(.78turn)
}
#about-certification .radial-progress-about-certification[data-progress="79"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="79"] .circle .mask.full {
transform: rotate(142.2deg)
}
#about-certification .radial-progress-about-certification[data-progress="79"] .circle .fill.fix {
transform: rotate(284.4deg)
}
#about-certification .radial-progress-about-certification[data-progress="80"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="80"] .circle .mask.full {
transform: rotate(144deg)
}
#about-certification .radial-progress-about-certification[data-progress="80"] .circle .fill.fix {
transform: rotate(288deg)
}
#about-certification .radial-progress-about-certification[data-progress="81"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="81"] .circle .mask.full {
transform: rotate(145.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="81"] .circle .fill.fix {
transform: rotate(.81turn)
}
#about-certification .radial-progress-about-certification[data-progress="82"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="82"] .circle .mask.full {
transform: rotate(.41turn)
}
#about-certification .radial-progress-about-certification[data-progress="82"] .circle .fill.fix {
transform: rotate(.82turn)
}
#about-certification .radial-progress-about-certification[data-progress="83"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="83"] .circle .mask.full {
transform: rotate(149.4deg)
}
#about-certification .radial-progress-about-certification[data-progress="83"] .circle .fill.fix {
transform: rotate(298.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="84"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="84"] .circle .mask.full {
transform: rotate(.42turn)
}
#about-certification .radial-progress-about-certification[data-progress="84"] .circle .fill.fix {
transform: rotate(.84turn)
}
#about-certification .radial-progress-about-certification[data-progress="85"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="85"] .circle .mask.full {
transform: rotate(153deg)
}
#about-certification .radial-progress-about-certification[data-progress="85"] .circle .fill.fix {
transform: rotate(306deg)
}
#about-certification .radial-progress-about-certification[data-progress="86"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="86"] .circle .mask.full {
transform: rotate(154.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="86"] .circle .fill.fix {
transform: rotate(309.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="87"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="87"] .circle .mask.full {
transform: rotate(156.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="87"] .circle .fill.fix {
transform: rotate(.87turn)
}
#about-certification .radial-progress-about-certification[data-progress="88"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="88"] .circle .mask.full {
transform: rotate(.44turn)
}
#about-certification .radial-progress-about-certification[data-progress="88"] .circle .fill.fix {
transform: rotate(.88turn)
}
#about-certification .radial-progress-about-certification[data-progress="89"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="89"] .circle .mask.full {
transform: rotate(160.2deg)
}
#about-certification .radial-progress-about-certification[data-progress="89"] .circle .fill.fix {
transform: rotate(320.4deg)
}
#about-certification .radial-progress-about-certification[data-progress="90"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="90"] .circle .mask.full {
transform: rotate(162deg)
}
#about-certification .radial-progress-about-certification[data-progress="90"] .circle .fill.fix {
transform: rotate(324deg)
}
#about-certification .radial-progress-about-certification[data-progress="91"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="91"] .circle .mask.full {
transform: rotate(163.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="91"] .circle .fill.fix {
transform: rotate(.91turn)
}
#about-certification .radial-progress-about-certification[data-progress="92"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="92"] .circle .mask.full {
transform: rotate(165.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="92"] .circle .fill.fix {
transform: rotate(331.2deg)
}
#about-certification .radial-progress-about-certification[data-progress="93"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="93"] .circle .mask.full {
transform: rotate(167.4deg)
}
#about-certification .radial-progress-about-certification[data-progress="93"] .circle .fill.fix {
transform: rotate(.93turn)
}
#about-certification .radial-progress-about-certification[data-progress="94"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="94"] .circle .mask.full {
transform: rotate(.47turn)
}
#about-certification .radial-progress-about-certification[data-progress="94"] .circle .fill.fix {
transform: rotate(.94turn)
}
#about-certification .radial-progress-about-certification[data-progress="95"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="95"] .circle .mask.full {
transform: rotate(171deg)
}
#about-certification .radial-progress-about-certification[data-progress="95"] .circle .fill.fix {
transform: rotate(342deg)
}
#about-certification .radial-progress-about-certification[data-progress="96"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="96"] .circle .mask.full {
transform: rotate(172.8deg)
}
#about-certification .radial-progress-about-certification[data-progress="96"] .circle .fill.fix {
transform: rotate(345.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="97"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="97"] .circle .mask.full {
transform: rotate(174.6deg)
}
#about-certification .radial-progress-about-certification[data-progress="97"] .circle .fill.fix {
transform: rotate(.97turn)
}
#about-certification .radial-progress-about-certification[data-progress="98"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="98"] .circle .mask.full {
transform: rotate(.49turn)
}
#about-certification .radial-progress-about-certification[data-progress="98"] .circle .fill.fix {
transform: rotate(.98turn)
}
#about-certification .radial-progress-about-certification[data-progress="99"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="99"] .circle .mask.full {
transform: rotate(178.2deg)
}
#about-certification .radial-progress-about-certification[data-progress="99"] .circle .fill.fix {
transform: rotate(.99turn)
}
#about-certification .radial-progress-about-certification[data-progress="100"] .circle .fill,
#about-certification .radial-progress-about-certification[data-progress="100"] .circle .mask.full {
transform: rotate(180deg)
}
#about-certification .radial-progress-about-certification[data-progress="100"] .circle .fill.fix {
transform: rotate(1turn)
}
#about-certification .area {
text-align: center
}
#about-certification .area p {
font-weight: 400;
font-size: 1em
}
#about-certification .area:first-child {
background: #f1f2f2;
padding: 20px 0;
position: relative;
z-index: 1;
z-index: 10
}
#about-certification .area:first-child .wrapper {
padding: 30px 20px 70px
}
#about-certification .area:first-child:after {
background: inherit;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: -1;
-webkit-backface-visibility: hidden;
outline: 2px solid transparent;
transform: skewY(2deg);
transform-origin: 0 100%;
-moz-transform: skewY(2deg);
-moz-transform-origin: 0 100%;
-ms-transform: skewY(2deg);
-ms-transform-origin: 0 100%;
-webkit-transform: skewY(2deg);
-webkit-transform-origin: 0 100%;
background: #fff;
bottom: 0;
height: 90px;
width: 100%
}
#about-certification .area:nth-child(2) {
position: relative
}
#about-certification .area:nth-child(2) img {
width: calc(100% - 60px);
margin: 10px 0 25px;
height: 100%
}
#about-certification .area:nth-child(4) {
margin-bottom: 0
}
#about-certification .area:nth-child(4) img {
position: relative;
top: -25px;
z-index: 1
}
#about-certification .area ul li {
padding-left: 20px;
position: relative
}
#about-certification .area ul li:before {
background: #0091c7;
content: "";
height: 5px;
left: 5px;
position: absolute;
top: 8px;
width: 5px
}
#about-certification .area [class^=radial-progress] .circle .line {
border-color: #aaa
}
#about-certification .area [class^=radial-progress] .circle .mask .fill {
border: 10px solid #0091c7
}
#about-certification .area [class^=radial-progress] .inset .inset-content div {
font: 300 5.625em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
border-radius: 50%;
background: #2e3942;
color: #fff;
height: calc(100% - 20px);
text-align: center;
margin: 10px;
padding-top: 45px
}
#about-certification .area [class^=radial-progress] .inset .inset-content [class^=icon] {
position: absolute;
left: -14px;
top: 50px;
width: 40px;
height: 40px;
font-size: 1.75em;
padding-top: 7px;
border-radius: 50%;
background: #2e3942;
color: #fff
}
#about-certification .area.img-separator {
background: url(https://cdn01.alison-static.net/public/html/site/img/about-cert-separator-guy.jpg) no-repeat;
background-position-x: 75%;
position: relative;
z-index: 1
}
#about-certification .area.img-separator .wrapper {
height: 400px;
position: relative;
top: 90px
}
#about-certification .area.img-separator .wrapper h3,
#about-certification .area.img-separator .wrapper p {
color: #fff;
opacity: .75;
font-weight: 400
}
#about-certification .area.img-separator:after,
#about-certification .area.img-separator:before {
background: inherit;
content: "";
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: -1;
-webkit-backface-visibility: hidden
}
#about-certification .area.img-separator:before {
top: 0;
outline: 2px solid transparent;
transform: skewY(-2deg);
transform-origin: 0 0;
-moz-transform: skewY(-2deg);
-moz-transform-origin: 0 0;
-ms-transform: skewY(-2deg);
-ms-transform-origin: 0 0;
-webkit-transform: skewY(-2deg);
-webkit-transform-origin: 0 0
}
#about-certification .area.img-separator:after {
bottom: 0;
outline: 2px solid transparent;
transform: skewY(2deg);
transform-origin: 0 0;
-moz-transform: skewY(2deg);
-moz-transform-origin: 0 0;
-ms-transform: skewY(2deg);
-ms-transform-origin: 0 0;
-webkit-transform: skewY(2deg);
-webkit-transform-origin: 0 0
}
#about-certification .area.img-separator:after,
#about-certification .area.img-separator:before {
background: #fff;
bottom: 0;
height: 70px;
width: 100%
}
@media only screen and (min-width:768px) {
#about-certification .area:first-child .wrapper {
padding: 10px 20px 80px
}
#about-certification .area.img-separator .wrapper {
top: 130px
}
#about-certification .area:nth-child(2) img {
margin-top: 20px
}
}
@media only screen and (min-width:1020px) {
#about-certification .area {
text-align: left
}
#about-certification .area .wrapper {
padding: 50px 20px
}
#about-certification .area:first-child h3 {
margin-top: 50px
}
#about-certification .area:nth-child(2) img {
position: absolute;
left: -75px;
margin-bottom: 0;
width: 500px;
bottom: 0
}
#about-certification .area:nth-child(4) h3 {
margin-top: 125px
}
#about-certification .area [class^=radial-progress] {
margin-bottom: 0
}
#about-certification .area.img-separator .wrapper {
top: 130px;
top: 90px
}
}
@media only screen and (min-width:1240px) {
#about-certification .area:nth-child(2) img {
width: 600px
}
}
@media only screen and (min-width:1500px) {
#about-certification .area:nth-child(2) img {
top: -10px;
width: auto
}
#about-certification .area.img-separator {
background-size: 100%
}
#about-certification .area.img-separator:after,
#about-certification .area.img-separator:before {
height: 90px
}
}
p.certifcation-page-view-certs-paragraph {
font-weight: 300;
font-size: 1.125em;
text-align: center
}
p.certifcation-page-view-certs-paragraph a.certification-page-view-certs-button {
margin-right: 5px
}
p.certifcation-page-view-certs-paragraph a.certification-page-view-certs-button span:before {
margin-right: 10px;
font-weight: 700
}
p.certifcation-page-view-certs-paragraph a.certification-page-view-certs-button span:before:hover {
color: #ccc
}
p.certifcation-page-view-certs-paragraph.bottom {
margin-bottom: 60px
}
div.publishing-on-alison-cta-wrapper {
margin-top: 70px;
text-align: center
}
ul.publish-with-alison-list {
list-style-type: square;
text-align: left;
margin-left: 40px
}
ul.publish-with-alison-list li {
margin: 0 0 10px
}
ul.publish-with-alison-list li:last-child {
margin-bottom: 40px
}
div#case-studies {
padding-bottom: 45px
}
div#case-studies h3 {
color: #5d666d;
text-align: center
}
div#case-studies p.click {
color: #a0a0a0;
margin-top: -30px;
margin-bottom: 50px
}
div#case-studies .case-studies-column img {
width: 100%;
height: auto;
display: block;
filter: grayscale(100%);
transition: all .3s ease-in;
margin: 0 auto
}
@media only screen and (min-width:768px) {
div#case-studies .case-studies-column img {
filter: grayscale(100%);
transition: all .3s ease-in;
width: auto;
height: auto;
margin: 0 auto
}
}
div#case-studies .case-studies-column.active img,
div#case-studies .case-studies-column img:hover {
filter: none
}
div#case-studies .tab_contents {
margin-top: 45px;
margin-bottom: 10px;
border: 1px solid #e0dfdf;
border-radius: 10px;
padding: 15px 30px 0
}
#publishers-application-form-wrapper {
margin-top: 30px
}
#publishers-application-form-wrapper #application_form .info-box {
width: 100%;
max-width: 100%
}
@media only screen and (min-width:768px) {
.about-banner {
margin: 0 auto 70px
}
.job-listing .icon-about {
margin-top: 5px;
display: block
}
.about-text-strip .our-story-image,
.about-text-strip .power-of-publishing-image,
.text-strip-top .our-story-image,
.text-strip-top .power-of-publishing-image {
display: block;
bottom: 230px;
left: -165px;
position: absolute;
z-index: 5
}
.about-text-strip .wrapper,
.text-strip-top .wrapper {
max-width: 400px;
margin-right: 55px
}
.about-separator p {
text-align: left
}
.about-separator .our-company {
float: left;
width: 75%
}
.about-separator .our-logo {
float: right;
width: 25%;
position: absolute;
right: 0;
top: 30%
}
}
@media only screen and (min-width:1020px) {
.about-text-strip {
margin-top: 30px
}
.about-text-strip,
.job-listing,
.text-strip-top {
text-align: left
}
.about-text-strip .wrapper,
.text-strip-top .wrapper {
margin: 0 auto
}
}
@media only screen and (min-width:1240px) {
.about-separator p {
text-align: left
}
.about-separator .our-company {
float: left;
width: 75%
}
.about-separator .our-logo {
float: right;
width: 25%;
position: absolute;
right: 0;
top: 30%
}
.about-text-strip .our-story-image,
.about-text-strip .power-of-publishing-image {
bottom: 145px
}
.about-text-strip .wrapper {
max-width: 600px
}
.three-columns li {
margin: 0 35px
}
}
@media only screen and (min-width:1500px) {
.about-text-strip {
margin-top: 60px
}
.about-text-strip .our-story-image,
.about-text-strip .power-of-publishing-image {
left: -75px
}
.about-text-strip .wrapper {
max-width: 700px
}
}
@media only screen and (min-width:1921px) {
.about-text-strip .our-story-image,
.about-text-strip .power-of-publishing-image {
bottom: 125px;
margin: auto;
position: absolute;
z-index: 5
}
.about-text-strip .wrapper {
max-width: 1000px
}
}
#publishers-application-form-wrapper .checkbox-group {
margin: 0 20px 10px
}
#publishers-application-form-wrapper .checkbox-group legend {
margin-bottom: 10px
}
#publishers-application-form-wrapper #publishers-form-bottom-column {
margin-top: 40px
}
.graduate-profile-link span.icon-info {
font-size: 40px;
position: relative;
top: 35px;
left: -70px;
color: #0091c7
}
.graduate-profile-link span.icon-info:hover {
color: #00597b
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner {
color: #fff;
max-width: 500px!important;
border-radius: 0!important;
border-bottom: 30px solid #0091c7;
background: #eaeeef!important
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner .close {
position: absolute;
right: 5px!important;
top: 5px!important;
cursor: pointer;
font-size: 17px;
color: #fff;
z-index: 99
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner .modal-body h2 {
font-weight: 400;
font-size: 1.575em
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner .modal-body p {
color: #fff;
font-size: 1.075em;
margin-top: -10px;
margin-bottom: 20px
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner .modal-body p span {
font-weight: 300
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner .modal-body p a:link,
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner .modal-body p a:visited {
color: #fff;
text-decoration: none;
transform: color 1s
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner .modal-body p a:active,
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner .modal-body p a:focus,
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner .modal-body p a:hover {
color: #d9d9d9;
text-decoration: none
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner .modal-body #popup-header {
margin: -20px -40px
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner .modal-body #popup-header .graduate-personal-details-row {
padding-top: 40px;
margin-left: 0;
margin-right: 0
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner .modal-body #popup-header .graduate-personal-details-row img {
width: 160px;
height: 160px;
border: 7px solid #fff;
border-radius: 50%
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner .modal-body .banner .banner-align {
height: 230px
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner .modal-body .banner .banner-align .vertical-align-parent {
position: relative
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner .modal-body .banner .banner-align .vertical-align-parent .vertical-align-child {
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner .modal-body .banner .banner-angle:after {
background: #eaeeef
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner #popup-body {
max-height: 450px;
overflow-y: auto;
margin: 13px -30px 0;
text-align: left
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner #popup-body h4.section-heading {
color: #000;
margin: 0;
padding: 10px 0
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner #popup-body p {
color: #000;
font-size: 1.075em;
margin: 0;
padding: 0
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner #popup-body a.mCSB_buttonUp {
background-position: -112px -72px
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner #popup-body a.mCSB_buttonDown {
background-position: -112px -90px
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner #popup-body #graduate-personal-details p {
padding-top: 10px;
padding-bottom: 10px;
margin: 0 10px;
color: #000;
text-align: left
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner #popup-body #graduate-personal-details p:last-child {
padding-bottom: 20px
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner .popup-content-box {
background: #fff;
color: #000;
padding: 5px 10px;
margin: 0 10px 15px;
font-size: 14px;
text-align: left
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner .popup-content-box:last-child {
margin-bottom: 0
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner .popup-content-box span.graduate-course:after {
content: ", "
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner .popup-content-box span.graduate-course:last-child:after {
content: ""
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner .popup-content-box p {
text-align: left
}
#accreditation #accreditation-page+.banner-align .align-center {
vertical-align: bottom
}
#accreditation #accreditation-page+.banner-align .align-center h1 {
margin-bottom: -30px
}
#accreditation .headline {
max-width: 960px
}
#accreditation section {
margin-top: 50px;
margin-bottom: 50px
}
#accreditation section.bottom-gradient {
padding-bottom: 60px;
background: #fff;
background: linear-gradient(180deg, #fff 80%, #f5f7f7 96%, #f5f7f7);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f5f7f7", GradientType=0)
}
#accreditation section h3 {
font-size: 1.275em;
line-height: 1.3333333333em;
color: #2d3942;
margin-bottom: 15px
}
#accreditation section h3.margintop {
margin-top: 45px
}
#accreditation section p {
color: #5d666d
}
#accreditation section p.italic {
font-style: italic;
color: #2d3942
}
#accreditation img.certificate-image {
margin-top: 0;
margin-left: auto;
margin-right: auto;
width: 100%;
height: auto
}
@media only screen and (min-width:400px) {
#accreditation img.certificate-image {
width: auto;
height: auto
}
}
@media only screen and (min-width:868px) {
#accreditation img.certificate-image {
margin-top: -110px;
width: auto;
height: auto
}
}
#accreditation section#accreditation-section-3,
#accreditation section#accreditation-section-5 {
margin-bottom: -50px
}
#accreditation section#accreditation-section-4 .split-screen-module {
width: 100%
}
#accreditation section#accreditation-section-4 .split-screen-module .split-screen-column {
width: 100%;
float: left;
background: #fff;
background: linear-gradient(180deg, #fff 80%, #ebecec 96%, #ebecec);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ebecec", GradientType=0)
}
@media only screen and (min-width:1140px) {
#accreditation section#accreditation-section-4 .split-screen-module .split-screen-column {
width: 50%;
float: left;
background: #fff;
background: linear-gradient(180deg, #fff 80%, #ebecec 96%, #ebecec);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ebecec", GradientType=0)
}
}
#accreditation section#accreditation-section-4 .split-screen-module .split-screen-column.vertical-align-parent {
position: static
}
@media only screen and (min-width:1140px) {
#accreditation section#accreditation-section-4 .split-screen-module .split-screen-column.vertical-align-parent {
position: relative
}
}
#accreditation section#accreditation-section-4 .split-screen-module .split-screen-column.vertical-align-parent .vertical-align-child {
position: static;
top: auto;
transform: none
}
@media only screen and (min-width:1140px) {
#accreditation section#accreditation-section-4 .split-screen-module .split-screen-column.vertical-align-parent .vertical-align-child {
position: relative;
top: 50%;
transform: translateY(-50%)
}
}
#accreditation section#accreditation-section-4 .split-screen-module .split-screen-column.background-image-column {
background-image: url(../../site/img/accreditation-split1.jpg);
background-position: 50%;
background-size: cover
}
#accreditation section#accreditation-section-4 .split-screen-module .split-screen-column.background-image-column img {
width: 100%;
height: 100%;
display: block;
visibility: hidden
}
#accreditation section#accreditation-section-4 .split-screen-module .split-screen-column .content-area {
width: 100%
}
@media only screen and (min-width:1140px) {
#accreditation section#accreditation-section-4 .split-screen-module .split-screen-column .content-area {
max-width: 570px
}
}
#accreditation section#accreditation-section-4 .split-screen-module .split-screen-column .content-area.left {
float: right;
padding: 10px 50px 10px 15px
}
#accreditation section#accreditation-section-4 .split-screen-module .split-screen-column .content-area.right {
float: left;
padding: 10px 15px 10px 50px
}
#accreditation section#accreditation-section-4 .split-screen-module .split-screen-column .content-area h3,
#accreditation section#accreditation-section-4 .split-screen-module .split-screen-column .content-area p {
color: #2d3942
}
#accreditation section#accreditation-section-4 .split-screen-module .split-screen-column .content-area p {
font-weight: 500
}
#accreditation section#accreditation-section-4 .split-screen-module .split-screen-column .content-area p:last-of-type {
padding-bottom: 0;
margin-bottom: 0
}
#accreditation section#accreditation-section-4 .split-screen-module .split-screen-column .content-area ul li {
background: url(https://cdn01.alison-static.net/public/html/site/img/enterprise-list-bullet.png) no-repeat 0 0;
padding: 14px 0 3px 60px;
list-style: none;
margin: 0;
height: 65px;
font-weight: 400;
font-size: .875em;
color: #2d3a42
}
#accreditation section#accreditation-section-4 .content-area p {
font-weight: 400!important;
color: #5d666d!important
}
#accreditation section#accreditation-section-4 .content-area p.italic {
color: #2d3942!important;
font-weight: 500!important
}
#accreditation section#accreditation-section-4 .content-area p.italic a:link,
#accreditation section#accreditation-section-4 .content-area p.italic a:visited {
color: #0094c9
}
#accreditation section#accreditation-section-4 .content-area p.italic a:active,
#accreditation section#accreditation-section-4 .content-area p.italic a:focus,
#accreditation section#accreditation-section-4 .content-area p.italic a:hover {
color: #005c7d
}
#accreditation section#accreditation-section-6 .split-screen-module {
width: 100%
}
#accreditation section#accreditation-section-6 .split-screen-module .split-screen-column {
width: 100%;
float: left;
background: #fff;
background: linear-gradient(180deg, #fff 80%, #ebecec 96%, #ebecec);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ebecec", GradientType=0)
}
@media only screen and (min-width:1140px) {
#accreditation section#accreditation-section-6 .split-screen-module .split-screen-column {
width: 50%;
float: left;
background: #fff;
background: linear-gradient(180deg, #fff 80%, #ebecec 96%, #ebecec);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ebecec", GradientType=0)
}
}
#accreditation section#accreditation-section-6 .split-screen-module .split-screen-column.vertical-align-parent {
position: static
}
@media only screen and (min-width:1140px) {
#accreditation section#accreditation-section-6 .split-screen-module .split-screen-column.vertical-align-parent {
position: relative
}
}
#accreditation section#accreditation-section-6 .split-screen-module .split-screen-column.vertical-align-parent .vertical-align-child {
position: static;
top: auto;
transform: none
}
@media only screen and (min-width:1140px) {
#accreditation section#accreditation-section-6 .split-screen-module .split-screen-column.vertical-align-parent .vertical-align-child {
position: relative;
top: 50%;
transform: translateY(-50%)
}
}
#accreditation section#accreditation-section-6 .split-screen-module .split-screen-column.background-image-column {
background-image: url(../../site/img/accreditation-split2.jpg);
background-position: 50%;
background-size: cover
}
#accreditation section#accreditation-section-6 .split-screen-module .split-screen-column.background-image-column img {
width: 100%;
height: 100%;
display: block;
visibility: hidden
}
#accreditation section#accreditation-section-6 .split-screen-module .split-screen-column .content-area {
width: 100%
}
@media only screen and (min-width:1140px) {
#accreditation section#accreditation-section-6 .split-screen-module .split-screen-column .content-area {
max-width: 570px
}
}
#accreditation section#accreditation-section-6 .split-screen-module .split-screen-column .content-area.left {
float: right;
padding: 10px 50px 10px 15px
}
#accreditation section#accreditation-section-6 .split-screen-module .split-screen-column .content-area.right {
float: left;
padding: 10px 15px 10px 50px
}
#accreditation section#accreditation-section-6 .split-screen-module .split-screen-column .content-area h3,
#accreditation section#accreditation-section-6 .split-screen-module .split-screen-column .content-area p {
color: #2d3942
}
#accreditation section#accreditation-section-6 .split-screen-module .split-screen-column .content-area p {
font-weight: 500
}
#accreditation section#accreditation-section-6 .split-screen-module .split-screen-column .content-area p:last-of-type {
padding-bottom: 0;
margin-bottom: 0
}
#accreditation section#accreditation-section-6 .split-screen-module .split-screen-column .content-area ul li {
background: url(https://cdn01.alison-static.net/public/html/site/img/enterprise-list-bullet.png) no-repeat 0 0;
padding: 14px 0 3px 60px;
list-style: none;
margin: 0;
height: 65px;
font-weight: 400;
font-size: .875em;
color: #2d3a42
}
#accreditation section#accreditation-section-6 .content-area p {
font-weight: 400!important;
color: #5d666d!important
}
#accreditation .icon_top {
text-align: center
}
#accreditation .icon_top p:first-child {
color: #2d3942;
margin-bottom: 5px
}
#accreditation .icon_bottom {
margin-bottom: 25px
}
#accreditation .icon_bottom img {
float: left;
margin-bottom: 15px
}
#accreditation .icon_bottom p {
float: left;
color: #2d3942;
margin-left: 10px;
margin-top: 28px
}
#accreditation div.case_study {
float: left;
width: 100%;
font-size: .815em;
box-shadow: 0 0 13px #d0d0d0;
padding: 15px;
margin-left: 0;
margin-right: 0;
margin-top: 6px
}
@media only screen and (min-width:768px) {
#accreditation div.case_study {
float: left;
width: 32%;
font-size: .815em;
box-shadow: 0 0 13px #d0d0d0;
padding: 15px;
margin-left: 3px;
margin-right: 3px
}
}
#course-classification #classification-page+.banner-align .align-center {
vertical-align: bottom;
position: relative;
bottom: 80px
}
#course-classification section p {
color: #5d666d
}
#course-classification section div.top_section {
position: relative;
top: -70px;
z-index: 10;
background: #fff;
padding: 15px 20px;
border-radius: 3px;
margin-bottom: -80px
}
#course-classification #classification-section-2 .popover {
background-color: #2d3942
}
#course-classification #classification-section-2 .popover.bottom>.arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #1c232e;
border-bottom-color: rgba(0, 0, 0, .25);
top: -11px
}
#course-classification #classification-section-2 .popover.bottom>.arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #1c232e
}
#course-classification #classification-section-2 .popover.top>.arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, .25);
bottom: -11px
}
#course-classification #classification-section-2 .popover.top>.arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #2d3942
}
#course-classification #classification-section-2 h3.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 12px;
background-color: #1c232e;
color: #fff;
border-bottom: 1px solid #1c232e;
border-radius: 5px 5px 0 0
}
#course-classification #classification-section-2 .popover-content {
padding: 9px 14px;
color: #fff;
font-size: 12px
}
#course-classification #classification-section-2 .popover-content ul {
padding-left: 7px;
margin-top: 0;
list-style: disc outside none
}
#course-classification #classification-section-2 img[usemap] {
border: none;
height: auto;
max-width: 100%;
width: auto
}
#course-classification #classification-section-2 h3 {
position: relative;
top: -2px;
font-size: 1.275em;
line-height: 1.3333333333em;
color: #2d3942
}
#course-classification #classification-section-2 p {
margin-top: -25px
}
#course-classification #classification-section-2 .wheel-column {
padding-top: 20px
}
#course-classification ol.numbered {
margin-top: 30px;
border-left: 3px dashed #f49b29;
counter-reset: c;
margin-left: 10px;
position: relative
}
#course-classification ol.numbered li {
font-size: 16px;
line-height: 1.2;
margin-bottom: 30px;
padding-left: 45px
}
#course-classification ol.numbered li:last-child {
border-left: 3px solid #fff;
margin-left: -3px
}
#course-classification ol.numbered li:before {
background-color: #f49b29;
border: 3px solid #fff;
border-radius: 50%;
color: #fff;
content: counter(c, decimal);
counter-increment: c;
display: block;
font-weight: 700;
width: 30px;
height: 30px;
margin-top: -.5em;
line-height: 30px;
position: absolute;
left: -19.5px;
text-align: center
}
#how-it-works {
background-color: #f4f7f8
}
#how-it-works a:link,
#how-it-works a:visited {
color: #0091c7;
text-decoration: none
}
#how-it-works a:active,
#how-it-works a:focus,
#how-it-works a:hover {
color: #00597b;
text-decoration: none
}
#how-it-works h1 {
color: #0093cb
}
#how-it-works .banner {
height: 320px
}
#how-it-works .banner .about-banner {
margin: -100px auto 70px
}
#how-it-works .scroll {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: -85px;
position: relative;
z-index: 20
}
#how-it-works #how-it-works-cta {
margin-top: 50px;
padding-bottom: 50px
}
@media only screen and (min-width:1020px) {
#how-it-works #how-it-works-cta {
margin-top: 0
}
}
#how-it-works #how-it-works-cta .how-it-works-cta-button {
color: #fff!important;
border-radius: 3px;
max-width: 190px;
margin-bottom: 50px
}
#how-it-works #how-it-works-main-wrap {
background: url(https://cdn01.alison-static.net/public/html/site/img/how-it-works-background-narrow.png) repeat-y top;
margin-top: -40px;
z-index: 10;
position: relative
}
@media only screen and (min-width:1020px) {
#how-it-works #how-it-works-main-wrap {
background: url(https://cdn01.alison-static.net/public/html/site/img/how-it-works-background.png) no-repeat top;
margin-top: -40px;
z-index: 10;
position: relative
}
}
#how-it-works #how-it-works-main-wrap #how-it-works-inner-wrap {
padding-top: 30px
}
#how-it-works .block {
width: 94%;
min-height: 100px;
box-shadow: 0 0 10px #d8d8d8;
background-color: #f4f7f8;
z-index: 10;
border-radius: 5px;
margin-left: 10px
}
@media only screen and (min-width:1020px) {
#how-it-works .block {
width: 47%;
min-height: 100px;
box-shadow: 0 0 10px #d8d8d8;
background-color: #f4f7f8;
z-index: 10;
border-radius: 5px;
margin-left: 0
}
}
#how-it-works .block:nth-child(2n),
#how-it-works .block:nth-child(odd) {
float: left
}
@media only screen and (min-width:1020px) {
#how-it-works .block:nth-child(2n) {
float: right
}
}
#how-it-works .block:first-child,
#how-it-works .block:nth-child(2) {
margin-top: 50px
}
@media only screen and (min-width:1020px) {
#how-it-works .block:nth-child(2) {
margin-top: 100px
}
}
#how-it-works .block:nth-child(3) {
margin-top: 50px
}
@media only screen and (min-width:1020px) {
#how-it-works .block:nth-child(3) {
margin-top: 80px
}
}
#how-it-works .block:nth-child(4) {
margin-top: 50px
}
@media only screen and (min-width:1020px) {
#how-it-works .block:nth-child(4) {
margin-top: 140px
}
}
#how-it-works .block:nth-child(5) {
margin-top: 50px
}
@media only screen and (min-width:1020px) {
#how-it-works .block:nth-child(5) {
margin-top: 100px
}
}
#how-it-works .block:nth-child(6) {
margin-top: 50px
}
@media only screen and (min-width:1020px) {
#how-it-works .block:nth-child(6) {
margin-top: 120px;
margin-bottom: 50px
}
}
#how-it-works .block:hover {
background-color: #fff;
box-shadow: 0 0 10px #b7b7b7
}
#how-it-works .block-content {
position: relative;
top: -20px;
left: 35px;
width: 83%;
color: #2d3942
}
@media only screen and (min-width:1020px) {
#how-it-works .block-content {
width: 92%
}
}
#how-it-works .block-content h2 {
margin-bottom: 10px;
font-weight: 400;
font-size: 1.575em
}
#how-it-works .block-content p {
margin-bottom: -5px
}
#how-it-works .hovicon {
font-size: 20px;
line-height: 45px;
width: 45px;
height: 45px;
margin: 10px -15px -20px -23px;
border-radius: 50%;
text-align: center;
position: relative;
text-decoration: none;
z-index: 1;
color: #fff;
background: #fdc100;
transition: background .2s, color .2s
}
#how-it-works .hovicon:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: "";
box-sizing: content-box;
top: -3px;
left: -3px;
padding: 3px;
box-shadow: 0 0 0 1px #0aa449;
color: #fff;
-webkit-transition: -webkit-transform .2s, opacity .2s;
-webkit-transform: scale(.8);
-moz-transition: -moz-transform .2s, opacity .2s;
-moz-transform: scale(.8);
-ms-transform: scale(.8);
transition: transform .2s, opacity .2s;
transform: scale(.8);
opacity: 0
}
#how-it-works .hovicon:before {
speak: none;
font-size: 48px;
line-height: 90px;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
display: block;
-webkit-font-smoothing: antialiased
}
#how-it-works .hoverover,
#how-it-works .hovicon:hover {
background: #0aa449;
color: #fff
}
#how-it-works .hoverover i,
#how-it-works .hovicon:hover i {
color: #41ab6b
}
#how-it-works .hoverover:after,
#how-it-works .hovicon:hover:after {
transform: scale(1);
opacity: 1
}
#how-it-works .mouse_scroll {
width: 100%;
margin-top: 25px
}
#how-it-works .scroll-wrap {
margin: 0 auto;
padding-top: 7px;
background: #b5bec0;
border-radius: 50%;
width: 48px;
height: 48px
}
#how-it-works .m_scroll_arrows {
display: block;
transform: rotate(45deg);
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
margin: 0 auto;
width: 16px;
height: 16px
}
#how-it-works .top {
margin-top: 1px
}
#how-it-works .bottom,
#how-it-works .top {
-webkit-animation: mouse-scroll 1s infinite;
-moz-animation: mouse-scroll 1s infinite
}
#how-it-works .top {
-webkit-animation-delay: .1s;
-moz-animation-delay: .1s;
-webkit-animation-direction: alternate
}
#how-it-works .bottom {
-webkit-animation-delay: .2s;
-moz-animation-delay: .2s;
-webkit-animation-direction: alternate;
margin-top: -6px
}
@keyframes mouse-scroll {
0% {
opacity: 0
}
50% {
opacity: .5
}
to {
opacity: 1
}
}
#about-alison-courses .banner {
min-height: 335px
}
#about-alison-courses .banner-hp .banner-align,
#about-alison-courses .banner .banner-align {
height: auto!important
}
#about-alison-courses .about-banner {
max-width: 1150px
}
#about-alison-courses .about-banner p span,
#about-alison-courses .about-banner p span a:link,
#about-alison-courses .about-banner p span a:visited {
color: #0093c9
}
#about-alison-courses .about-banner p span a:active,
#about-alison-courses .about-banner p span a:focus,
#about-alison-courses .about-banner p span a:hover {
color: #17c1ff
}
#about-alison-courses section {
width: 100%;
float: left;
padding: 0 20px
}
@media only screen and (min-width:1240px) {
#about-alison-courses section {
width: 33.333333%;
float: left;
padding: 0 30px
}
}
#about-alison-courses section:first-child {
padding: 0 20px
}
@media only screen and (min-width:1240px) {
#about-alison-courses section:first-child {
padding: 0 30px 0 100px
}
}
#about-alison-courses section:nth-child(3) {
padding: 0 20px
}
@media only screen and (min-width:1240px) {
#about-alison-courses section:nth-child(3) {
padding: 0 100px 0 30px
}
}
#about-alison-courses section#certificates {
background-color: #f3f6f7
}
#about-alison-courses section#diplomas {
background-color: #e9eef2
}
#about-alison-courses section#learning_paths {
background-color: #d2d7dc
}
#about-alison-courses section .inner-wrap .icontop {
text-align: center;
font-size: 4em;
color: #b4bdbf;
padding-top: 10px;
margin-bottom: -10px;
transition: color .5s ease-in-out
}
#about-alison-courses section .inner-wrap .icontop.hover {
color: #0091c7
}
#about-alison-courses section .inner-wrap h2 {
text-align: center;
font-weight: 400;
font-size: 1.975em;
color: #2d3942
}
#about-alison-courses section .inner-wrap h4 {
text-align: center;
font-weight: 400;
font-size: 1.275em;
color: #344049
}
#about-alison-courses section .inner-wrap a:link,
#about-alison-courses section .inner-wrap a:visited,
#about-alison-courses section .inner-wrap p {
color: #2d3942
}
#about-alison-courses section .inner-wrap a:active,
#about-alison-courses section .inner-wrap a:focus,
#about-alison-courses section .inner-wrap a:hover {
color: #0091c7
}
#about-alison-courses section .inner-wrap img {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px
}
#about-alison-courses section .inner-wrap .progressbar {
display: inline-block;
width: 150px;
margin: 25px
}
#about-alison-courses section .inner-wrap .progressbar.modified {
padding: 0 10px 10px;
background: url(https://cdn01.alison-static.net/public/html/site/img/clock_face.png) no-repeat 10px 10px;
width: 160px;
margin: -10px 0 10px
}
#about-alison-courses section .inner-wrap .progressbar .circle {
width: 100%;
margin: 10px auto 0;
display: inline-block;
position: relative;
text-align: center
}
#about-alison-courses section .inner-wrap .progressbar .circle canvas {
vertical-align: middle
}
#about-alison-courses section .inner-wrap .progressbar .circle div {
position: absolute;
top: 30px;
left: 5px;
width: 100%;
text-align: center;
line-height: 45px;
font-size: 2.275em;
color: #2d3942
}
#about-alison-courses section .inner-wrap .progressbar .circle strong i {
font-style: normal;
font-size: .6em;
font-weight: 400
}
#about-alison-courses section .inner-wrap .progressbar .circle span {
display: block;
color: #0093c9;
margin-top: 12px
}
#about-alison-courses section .about-alison-courses-cta {
max-width: 230px;
border-radius: 3px;
display: block;
text-align: center;
margin: 25px auto 20px
}
#app-landing section#mobile-app-main-section {
color: #fff;
background: #0093c9;
background: linear-gradient(135deg, #0093c9, #0d47a1);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0093c9", endColorstr="#0d47a1", GradientType=1)
}
#app-landing section#mobile-app-main-section img.mobile-app-img {
margin-top: 15px;
filter: drop-shadow(0 0 150px rgba(255, 255, 255, .85));
width: 100%;
height: auto
}
@media(min-width:570px) {
#app-landing section#mobile-app-main-section img.mobile-app-img {
margin-top: 15px;
filter: drop-shadow(0 0 150px rgba(255, 255, 255, .85));
width: 500px;
height: 500px
}
}
#app-landing section#mobile-app-main-section h1 {
margin-bottom: 10px
}
@media only screen and (min-width:400px) {
#app-landing section#mobile-app-main-section h1 {
margin-bottom: 10px
}
}
#app-landing section#mobile-app-main-section h3 {
margin-bottom: 5px
}
@media only screen and (min-width:400px) {
#app-landing section#mobile-app-main-section h3 {
margin-bottom: 5px
}
}
#app-landing section#mobile-app-main-section .app-info {
margin-top: 55px
}
#app-landing section#mobile-app-main-section .app-info ul li .list-left {
width: 50%;
float: left
}
@media only screen and (min-width:768px) {
#app-landing section#mobile-app-main-section .app-info ul li .list-left {
width: 12.666667%;
float: left
}
}
#app-landing section#mobile-app-main-section .app-info ul li .list-right {
width: 100%;
float: left
}
@media only screen and (min-width:768px) {
#app-landing section#mobile-app-main-section .app-info ul li .list-right {
width: 77.333333%;
float: left
}
}
#app-landing section#mobile-app-main-section .app-info ul li .icon-box-outer {
display: table;
width: 60px;
height: 60px
}
#app-landing section#mobile-app-main-section .app-info ul li .icon-box-outer .icon-box-inner {
display: table-cell;
vertical-align: middle;
background: #fff;
color: #0091c7;
border-radius: 3px;
text-align: center;
font-size: 2.375em;
transition: background .5s ease-in-out
}
#app-landing section#mobile-app-main-section .app-info ul li .icon-box-outer .icon-box-inner.hoverover {
background: hsla(0, 0%, 100%, .7)
}
#app-landing section#mobile-app-main-section .app-info ul li p.heading {
text-transform: uppercase;
color: #bfd131;
font-weight: 400;
margin-bottom: 5px;
margin-top: 10px
}
@media only screen and (min-width:768px) {
#app-landing section#mobile-app-main-section .app-info ul li p.heading {
text-transform: uppercase;
color: #bfd131;
margin-bottom: 5px;
margin-top: 0
}
}
#app-landing section#mobile-app-call-to-action .cta-outer-wrap {
display: table;
height: 60px
}
#app-landing section#mobile-app-call-to-action .cta-outer-wrap .cta-inner-wrap {
display: table-cell;
vertical-align: middle;
font-weight: 400
}
#app-landing .app-store-link {
opacity: 1;
transition: opacity .5s ease-in-out
}
#app-landing .app-store-link:hover {
opacity: .7
}
#top-careers .wrapper {
margin: 0 auto;
max-width: 1400px;
padding: 10px 20px 0;
position: relative
}
#top-careers #top-section {
background: #0093c8;
background: linear-gradient(90deg, #0093c8 0, #0d47a1);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0093c8", endColorstr="#0d47a1", GradientType=1);
min-height: 300px
}
#top-careers #top-section .left-parent {
display: block
}
@media only screen and (min-width:992px) {
#top-careers #top-section .left-parent {
height: 300px;
display: table
}
}
#top-careers #top-section .left-parent .left-child {
max-height: 300px;
text-align: center
}
@media only screen and (min-width:992px) {
#top-careers #top-section .left-parent .left-child {
display: table-cell;
vertical-align: bottom;
max-height: auto
}
}
#top-careers #top-section .left-parent .left-child img {
display: block;
width: 100%;
height: auto;
margin: 0 auto
}
@media only screen and (min-width:590px) {
#top-careers #top-section .left-parent .left-child img {
display: block;
width: auto;
height: auto;
margin: 0 auto
}
}
@media only screen and (min-width:1140px) {
#top-careers #top-section .left-parent .left-child img {
display: block;
width: auto;
height: auto;
margin: 0
}
}
#top-careers #top-section .right-parent {
height: 300px;
display: table
}
#top-careers #top-section .right-parent .right-child {
display: table-cell;
vertical-align: middle
}
#top-careers #top-section .right-parent .right-child h1,
#top-careers #top-section .right-parent .right-child p {
color: #fff
}
#top-careers #top-section .right-parent .right-child h1 {
font: 400 1.975em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
text-align: center
}
@media only screen and (min-width:768px) {
#top-careers #top-section .right-parent .right-child h1 {
font: 400 2.875em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
text-align: left
}
}
#top-careers #section-1 {
color: #465159;
background-color: #fbfcff
}
#top-careers #section-1 h2 {
font: 400 1.475em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
text-align: center;
margin-bottom: 50px;
padding: 0 20px
}
@media only screen and (min-width:768px) {
#top-careers #section-1 h2 {
font: 400 1.875em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
text-align: center;
margin-bottom: 50px;
padding: 20px 0
}
}
#top-careers #section-1 .boxes-wrapper {
padding-bottom: 50px
}
#top-careers #section-1 .boxes-wrapper .icon {
text-align: center;
margin: 0 auto;
border-radius: 50%;
width: 75px;
height: 75px;
box-shadow: 0 0 10px #ccc;
position: relative;
top: -55px;
background-color: #f3f6f7;
transition: box-shadow .5s ease-in-out
}
#top-careers #section-1 .boxes-wrapper .icon.highlighted {
box-shadow: 0 0 20px #a3a3a3
}
#top-careers #section-1 .boxes-wrapper .icon .patch {
z-index: 90;
background-color: #f3f6f7;
width: 95px;
height: 50px;
margin-top: -5px;
margin-left: -10px
}
#top-careers #section-1 .boxes-wrapper .icon span {
color: #bfd131;
font-size: 2.75em;
position: relative;
top: 10px;
z-index: 100
}
#top-careers #section-1 .boxes-wrapper .single-box-wrapper {
background-color: #f3f6f7;
margin: 20px 20px 40px;
padding: 15px;
float: left;
border-radius: 3px;
box-shadow: 0 0 10px #ccc;
transition: box-shadow .5s ease-in-out
}
@media only screen and (min-width:400px) {
#top-careers #section-1 .boxes-wrapper .single-box-wrapper {
margin: 20px 20px 40px;
padding: 15px;
width: calc(100% - 40px)
}
}
@media only screen and (min-width:768px) {
#top-careers #section-1 .boxes-wrapper .single-box-wrapper {
margin: 20px 20px 40px;
padding: 15px;
width: calc(50% - 40px)
}
}
@media only screen and (min-width:1020px) {
#top-careers #section-1 .boxes-wrapper .single-box-wrapper {
margin: 20px 20px 40px;
padding: 15px;
width: calc(33.3333333% - 40px)
}
}
@media only screen and (min-width:1240px) {
#top-careers #section-1 .boxes-wrapper .single-box-wrapper {
margin: 20px 20px 40px;
padding: 15px;
width: calc(25% - 40px)
}
}
@media only screen and (min-width:1500px) {
#top-careers #section-1 .boxes-wrapper .single-box-wrapper {
margin: 20px 20px 40px;
padding: 15px;
width: calc(20% - 40px)
}
}
#top-careers #section-1 .boxes-wrapper .single-box-wrapper.highlighted {
box-shadow: 0 0 20px #a3a3a3
}
#top-careers #section-1 .boxes-wrapper .single-box-wrapper .single-box-body {
background-color: #f3f6f7
}
#top-careers #section-1 .boxes-wrapper .single-box-wrapper .single-box-body .box-heading {
text-align: center;
font: 400 1.175em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
margin-top: -40px
}
#top-careers #section-1 .boxes-wrapper .single-box-wrapper .single-box-body ul {
display: block;
text-align: center
}
#top-careers #section-1 .boxes-wrapper .single-box-wrapper .single-box-body ul li {
line-height: 25px
}
#top-careers #section-1 .boxes-wrapper .single-box-wrapper .single-box-body ul li a:link,
#top-careers #section-1 .boxes-wrapper .single-box-wrapper .single-box-body ul li a:visited {
color: #0091c7
}
#top-careers #section-1 .boxes-wrapper .single-box-wrapper .single-box-body ul li a:active,
#top-careers #section-1 .boxes-wrapper .single-box-wrapper .single-box-body ul li a:focus,
#top-careers #section-1 .boxes-wrapper .single-box-wrapper .single-box-body ul li a:hover {
color: #00597b
}
#top-careers #section-2 {
background-color: #f3f6f7;
color: #5d666d
}
#top-careers #section-2 h2,
#top-careers #section-2 p {
text-align: center
}
#top-careers #section-2 h2 {
margin-top: 50px;
font: 400 1.975em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
@media only screen and (min-width:768px) {
#top-careers #section-2 h2 {
font: 400 2.875em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
}
#top-careers #section-2 p {
margin-bottom: 50px
}
#top-careers #section-2 #map-mobile {
display: block;
padding-bottom: 50px
}
#top-careers #section-2 #map-desktop,
#top-careers #section-2 #map-tablet {
display: none
}
#top-careers #section-2 .center-map {
margin: 0 auto;
width: 300px
}
@media only screen and (min-width:600px) {
#top-careers #section-2 #map-mobile {
display: none
}
#top-careers #section-2 #map-tablet {
display: block;
padding-bottom: 50px
}
#top-careers #section-2 .center-map {
margin: 0 auto;
width: 600px
}
}
@media only screen and (min-width:1010px) {
#top-careers #section-2 #map-mobile,
#top-careers #section-2 #map-tablet {
display: none
}
#top-careers #section-2 #map-desktop {
display: block;
padding-bottom: 50px
}
#top-careers #section-2 .center-map {
margin: 0 auto;
width: 1000px
}
}
#top-careers #section-3 {
background: #0093c8;
background: linear-gradient(90deg, #0093c8 0, #0d47a1);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0093c8", endColorstr="#0d47a1", GradientType=1);
min-height: 200px
}
#top-careers #section-3 .cta-left {
text-align: center;
margin-top: 30px
}
@media only screen and (min-width:992px) {
#top-careers #section-3 .cta-left {
margin-top: 80px;
text-align: right
}
}
#top-careers #section-3 .cta-right {
text-align: center;
margin-top: 80px
}
@media only screen and (min-width:992px) {
#top-careers #section-3 .cta-right {
margin-top: 80px;
text-align: left
}
}
#top-careers #section-3 a {
margin: 0;
padding: 10px 20px;
font-size: .675em
}
@media only screen and (min-width:365px) {
#top-careers #section-3 a {
font-size: .775em;
margin: 0
}
}
@media only screen and (min-width:510px) {
#top-careers #section-3 a {
font-size: .975em;
margin: 0 30px
}
}
#top-careers #section-3 a:link,
#top-careers #section-3 a:visited {
color: #fff;
border-radius: 5px;
border: 2px solid #fff;
background-color: transparent;
transition: all .5s ease-in-out
}
#top-careers #section-3 a:active,
#top-careers #section-3 a:focus,
#top-careers #section-3 a:hover {
color: #0091c7;
border-radius: 5px;
border: 2px solid #fff;
background-color: #fff
}
@media print {
#company-details {
margin-top: 150px
}
#company-details .col-md-12,
#company-details .col-sm-7 {
width: 100%
}
#company-details .info-box .content .body .contact-form-container img {
max-width: 500px
}
#company-details .info-box .content .body .contact-form-container img.ei-grant-logo {
max-width: 200px
}
#company-details .info-box .content .body .contact-address-container {
color: #000!important
}
#company-details .info-box .content .body .contact-address-container h4 {
color: #000;
float: left;
text-align: left!important;
display: block;
width: 100%
}
#company-details .info-box .content .body #contact-info-row a,
#company-details .info-box .content .body #contact-info-row p {
color: #000
}
#company-details .footer-eu-logos {
float: left
}
#company-details p#info {
display: none
}
#company-details .col-xs-3,
#company-details .col-xs-3 ul li,
#company-details .col-xs-9,
#company-details .col-xs-9 ul li,
#company-details span,
#company-details span ul li {
color: #000!important
}
#company-details .col-xs-3 {
width: 50px
}
#ei-grant .ei-logo-wrapper {
margin-top: -80px;
text-align: left!important
}
#ei-grant .col-md-12,
#ei-grant .col-sm-7 {
width: 100%
}
}
#careers h1 {
font-weight: 400;
font-size: 2.575em
}
#careers .full-width-wrapper {
padding-top: 30px;
background: #f3f6f7
}
#careers #application_form .form-icon {
display: inline-block;
margin-left: 5px;
font-size: 20px;
vertical-align: bottom
}
#careers #career-page #application_form .info-box {
max-width: 600px;
margin: 0
}
#careers #career-page a {
display: block
}
#careers #career-page a:link,
#careers #career-page a:visited {
color: #0091c7
}
#careers #career-page a:active,
#careers #career-page a:focus,
#careers #career-page a:hover {
color: #006c94
}
#careers #main {
min-height: 900px
}
#careers #main #application_form .linkedin-field>div>input {
height: 59px
}
#careers .careers-wrapper {
padding: 0 50px 50px;
width: calc(100% - 315px)
}
@media(max-width:1350px) {
#careers .careers-wrapper {
width: 100%
}
}
#careers .careers-wrapper h3 {
color: #2d3942
}
#careers .careers-wrapper span.bold {
text-align: left;
padding: 0;
font-weight: 400;
font-size: 1.575em;
color: #2d3942
}
#careers .careers-wrapper .department-tabs {
max-width: 1488px
}
#careers .careers-wrapper .department-tabs .tab-title {
min-width: 136px;
padding: 0
}
#careers .careers-wrapper .job-count p {
font-size: 1.15em;
color: #5d666d
}
#careers .careers-wrapper .job-listing h4 {
font-weight: 400;
margin: 0 0 15px
}
#careers .careers-wrapper .job-listing a {
font-size: 15px
}
#careers .careers-wrapper .job-listing .position {
border: none;
border-radius: 5px;
padding: 15px 20px;
margin-bottom: 15px;
box-shadow: 0 0 8px #cacaca;
background: #fff
}
#careers .careers-wrapper .job-listing .position .job-description {
font-weight: 400;
font-size: 15px;
margin-bottom: 15px
}
#careers .careers-wrapper h1.heading {
font-weight: 400;
font-size: 1.575em;
color: #2d3942;
text-transform: capitalize;
margin: 0 0 15px
}
#careers .careers-wrapper div.content-wrap {
background: red;
border-radius: 5px;
box-shadow: 0 0 8px #cacaca
}
#careers .careers-wrapper div.content-wrap.left {
padding: 10px;
background: #fff
}
#careers .careers-wrapper div.content-wrap.right {
background: #f1f2f2
}
#careers .careers-wrapper div.content-wrap.right #application_form .info-box {
margin: 0 auto
}
#careers .careers-wrapper .job-count {
width: 120px;
text-align: center
}
@media(max-width:806px) {
#careers .careers-wrapper .job-count {
width: 100%
}
}
#careers .careers-wrapper .job-count.on-careers-page {
margin-bottom: 25px
}
@media(max-width:991px) {
#careers .careers-wrapper .job-count.on-careers-page {
width: 100%;
text-align: left
}
}
#careers .careers-wrapper .job-listing {
width: calc(100% - 120px)
}
@media(max-width:806px) {
#careers .careers-wrapper .job-listing {
width: 100%
}
}
#careers .careers-wrapper .job-content {
margin-bottom: 0
}
@media(max-width:991px) {
#careers .careers-wrapper .job-content {
margin-bottom: 20px
}
}
#programmes-page .banner {
min-height: 335px
}
#programmes-page .banner-hp .banner-align,
#programmes-page .banner .banner-align {
height: 335px
}
#programmes-page .banner-hp .banner-align .align-center,
#programmes-page .banner .banner-align .align-center {
vertical-align: bottom
}
#programmes-page .about-banner {
max-width: 1150px
}
#programmes-page .about-banner h1 {
font-weight: 400;
font-size: 2.6975em;
margin-bottom: 10px
}
#programmes-page .about-banner h2 {
font-weight: 400;
font-size: 1.0875em
}
#programmes-page section#programmes-section-1 {
background-color: #f3f6f7;
color: #2d3942;
text-align: center;
padding: 20px 0
}
#programmes-page section#programmes-section-1 blockquote {
font-weight: 400;
font-size: 1.3875em;
line-height: 1.3875em
}
#programmes-page section#programmes-section-1 blockquote+p.author {
margin-top: 10px;
font-weight: 500;
font-size: 1.3875em
}
#programmes-page section#programmes-section-2 .full-width-inner-wrapper {
padding: 30px 20px
}
@media only screen and (min-width:1020px) {
#programmes-page section#programmes-section-2 .full-width-inner-wrapper {
padding: 30px 100px
}
}
#programmes-page section#programmes-section-2 .full-width-inner-wrapper p {
color: #5d666d
}
#programmes-page section#programmes-section-2 .full-width-inner-wrapper .programmes-columns {
text-align: center;
padding-top: 40px
}
#programmes-page section#programmes-section-2 .full-width-inner-wrapper .programmes-columns .programmes-column-item {
border-radius: 3px;
box-shadow: 0 0 15px rgba(0, 0, 0, .15);
display: inline-block;
vertical-align: middle;
padding: 30px;
text-align: center;
background-color: #f3f6f7;
width: 100%;
margin: 10px 30px 25px;
transition: box-shadow .5s ease-in-out
}
@media(min-width:460px) {
#programmes-page section#programmes-section-2 .full-width-inner-wrapper .programmes-columns .programmes-column-item {
width: 350px
}
}
#programmes-page section#programmes-section-2 .full-width-inner-wrapper .programmes-columns .programmes-column-item.hover {
box-shadow: 0 0 20px rgba(0, 0, 0, .3)
}
#programmes-page section#programmes-section-2 .full-width-inner-wrapper .programmes-columns .programmes-column-item h2 {
color: #2d3942;
font-weight: 300;
font-size: 1.475em
}
@media only screen and (min-width:1140px) {
#programmes-page section#programmes-section-2 .full-width-inner-wrapper .programmes-columns .programmes-column-item h2 {
font-size: 1.975em
}
}
#programmes-page section#programmes-section-2 .full-width-inner-wrapper .programmes-columns .programmes-column-item p {
min-height: auto
}
@media only screen and (min-width:1020px) {
#programmes-page section#programmes-section-2 .full-width-inner-wrapper .programmes-columns .programmes-column-item p {
min-height: 150px
}
}
@media only screen and (min-width:1140px) {
#programmes-page section#programmes-section-2 .full-width-inner-wrapper .programmes-columns .programmes-column-item p {
min-height: auto
}
}
#programmes-page section#programmes-section-2 .full-width-inner-wrapper .programmes-columns .programmes-column-item a.programmes-cta {
border-radius: 5px
}
#programmes-page section#programmes-section-2 .full-width-inner-wrapper .programmes-columns .programmes-column-item .programmes-icon {
font-size: 5em;
color: #2d3942;
border: 1px solid #2d3942;
width: 100px;
height: 100px;
margin: 0 auto 20px;
display: block;
padding-top: 12px;
transition: color .5s ease-in-out, border .5s ease-in-out
}
#programmes-page section#programmes-section-2 .full-width-inner-wrapper .programmes-columns .programmes-column-item .programmes-icon.hover {
color: #0091c7;
border: 1px solid #0091c7
}
#programmes-page section#programmes-section-2 .full-width-inner-wrapper .programmes-columns .programmes-column-item .programmes-temporary-icon {
filter: grayscale(100%);
transition: filter .5s ease-in-out
}
#programmes-page section#programmes-section-2 .full-width-inner-wrapper .programmes-columns .programmes-column-item .programmes-temporary-icon.hover {
filter: grayscale(0)
}
#alternative-sentencing-page .align-center {
vertical-align: bottom
}
#alternative-sentencing-page .align-center h1 {
font-weight: 400;
font-size: 1.975em
}
#alternative-sentencing-page p {
color: #5d666d;
font-weight: 400;
font-size: .875em;
line-height: 1.5em
}
#alternative-sentencing-page p span.wfr-highlight {
font-weight: 500;
color: #1d242f;
font-style: italic
}
#alternative-sentencing-page blockquote {
font-weight: 500;
font-size: .875em;
font-style: italic;
line-height: 1.6em;
padding: 30px 15px 0;
background: url(https://cdn01.alison-static.net/public/html/site/img/blockquote.png) no-repeat 0 10px;
margin-left: -15px
}
#alternative-sentencing-page blockquote.blue {
background-image: url(https://cdn01.alison-static.net/public/html/site/img/blockquote-blue.png)
}
#alternative-sentencing-page section:last-child {
padding-top: 25px;
padding-bottom: 50px;
background-color: #f4f7f8
}
#alternative-sentencing-page section:last-child span.bottom_highlight {
font-weight: 500;
color: #000
}
#alternative-sentencing-page section:last-child img {
margin-top: 10px;
margin-bottom: 10px
}
#alternative-sentencing-page section .narrow {
width: 100%;
float: left
}
@media only screen and (min-width:1240px) {
#alternative-sentencing-page section .narrow {
width: 35%;
float: left
}
}
#alternative-sentencing-page section .narrow .outer {
margin-left: auto;
margin-right: auto
}
@media only screen and (min-width:1240px) {
#alternative-sentencing-page section .narrow .outer {
margin-left: 0;
margin-right: 0
}
}
#alternative-sentencing-page section .wide {
width: 100%;
float: left
}
@media only screen and (min-width:1240px) {
#alternative-sentencing-page section .wide {
width: 65%;
float: left
}
}
#alternative-sentencing-page section .wide.blue {
background-color: #2e3a43;
color: #fff
}
#alternative-sentencing-page section .wide.blue p {
color: #fff
}
#alternative-sentencing-page section .wide.grey {
background-color: #f4f7f8
}
#alternative-sentencing-page section .outer {
display: table
}
#alternative-sentencing-page section .outer.content-left {
float: left;
max-width: 100%;
padding: 30px 20px
}
@media only screen and (min-width:1240px) {
#alternative-sentencing-page section .outer.content-left {
float: right;
max-width: 860px;
padding: 0 30px 0 20px
}
}
#alternative-sentencing-page section .outer.content-right {
padding: 30px 20px;
max-width: 100%
}
@media only screen and (min-width:1240px) {
#alternative-sentencing-page section .outer.content-right {
padding: 0 20px 0 50px;
max-width: 860px
}
}
#alternative-sentencing-page section .inner {
display: table-cell;
vertical-align: middle
}
#alternative-sentencing-page section .inner .img-wrap {
text-align: center
}
@media only screen and (min-width:1240px) {
#alternative-sentencing-page section .inner .img-wrap {
text-align: left
}
}
.featherlight .featherlight-content img {
max-width: 100%
}
@media only screen and (min-width:1020px) {
.featherlight .featherlight-close {
right: -35px
}
}
#cart-page.sync-cart .back-to-shop {
padding: 0;
margin: -15px 0 20px
}
#cart-page .cart-header {
position: relative;
width: 100%;
padding: 25px 20px;
margin: 0 0 30px;
height: auto;
min-height: 200px;
transition: all 1s ease-in-out;
background: #fff url(../../site/img/shop/header-shop.jpg) no-repeat 100% 0/auto 100%;
box-shadow: 0 2px 6px 0 rgba(50, 50, 50, .4);
overflow: hidden
}
#cart-page .cart-header h1 {
font-size: 1.4375em;
font-weight: 500;
margin-bottom: 15px
}
#cart-page .cart-header .header-content {
position: relative;
height: auto;
max-height: 220px;
max-width: 60%
}
#cart-page .cart-header .header-content.graduate {
max-width: 69%
}
#cart-page .cart-header .header-content p {
color: #5d666d;
line-height: 20px;
font-size: 14px;
padding-right: 8px;
margin-bottom: 13px
}
#cart-page .cart-header .header-content ul.cart-ul {
margin-bottom: 12px
}
#cart-page .cart-header .header-content ul.cart-ul li {
color: #5d666d;
font-size: 14px;
margin-left: 30px;
line-height: 24px;
list-style-image: url(https://cdn01.alison-static.net/public/html/site/img/tick-blue-s.png)
}
@media(max-width:1720px) {
#cart-page .cart-header .header-content ul.cart-ul {
padding-right: 250px
}
}
@media(max-width:1040px) {
#cart-page .cart-header .header-content ul.cart-ul {
padding-right: 140px
}
}
@media(max-width:860px) {
#cart-page .cart-header .header-content ul.cart-ul {
padding-right: 20px
}
}
@media(max-width:860px) {
#cart-page .cart-header .header-content {
max-width: 100%!important
}
}
#cart-page .cart-header .study-tip {
position: absolute;
top: 50px;
right: -185px;
width: 150px;
padding: 20px;
height: auto;
border-radius: 5px;
background-color: #fff;
box-shadow: 0 2px 6px 0 rgba(50, 50, 50, .4);
animation: fadeAndScale .5s ease-in;
animation-fill-mode: forwards;
animation-delay: .5s;
transform-origin: center bottom;
opacity: 0;
text-align: center
}
#cart-page .cart-header .study-tip h3 {
font-size: 15px!important;
line-height: 15px;
margin: 0 0 10px;
font-weight: 600
}
#cart-page .cart-header .study-tip:before {
position: absolute;
content: "";
top: -27px;
right: -27px;
width: 54px;
height: 54px;
border-radius: 50%;
background-image: url(../../site/img/study-tip.png);
box-shadow: 0 2px 6px 0 rgba(50, 50, 50, .4)
}
@keyframes fadeAndScale {
0% {
opacity: 0;
transform: scale3d(0, 0, 1)
}
50% {
opacity: 1;
transform: scale3d(1.2, 1.2, 1)
}
to {
opacity: 1;
transform: scaleX(1)
}
}
#cart-page .cart-header .mobile-tip {
position: absolute;
top: -59px;
right: 20px;
width: 54px;
height: 54px;
border-radius: 50%;
background-image: url(../../site/img/study-tip.png);
box-shadow: 0 2px 6px 0 rgba(50, 50, 50, .4);
display: none;
cursor: pointer
}
#cart-page .cart-header .mobile-tip-content {
position: absolute;
top: -32px;
right: 48px;
width: 150px;
padding: 20px;
height: auto;
border-radius: 5px;
background-color: #fff;
box-shadow: 0 2px 6px 0 rgba(50, 50, 50, .4);
animation: fadeAndScale .5s ease-in;
animation-fill-mode: forwards;
transform-origin: center bottom;
display: none;
opacity: 0;
text-align: center
}
#cart-page .cart-header .mobile-tip-content h3 {
font-size: 15px!important;
line-height: 15px;
margin: 0 0 10px;
font-weight: 600
}
@media(max-width:1040px) {
#cart-page .cart-header .study-tip {
display: none
}
#cart-page .cart-header .mobile-tip {
display: block;
z-index: 999
}
#cart-page .cart-header .mobile-tip-content {
display: block;
z-index: 100
}
}
@media(max-width:585px) {
#cart-page .cart-header .mobile-tip,
#cart-page .cart-header .mobile-tip-content {
display: none
}
}
@media(max-width:860px) {
#cart-page .cart-header {
background-image: none!important;
background: #fff!important
}
}
#cart-page .back-to-shop {
padding: 0
}
#cart-page .back-to-shop a:link,
#cart-page .back-to-shop a:visited {
max-width: 171px;
color: #0094c9;
font-size: 16px;
margin: 0;
text-align: left;
font-weight: 500
}
@media only screen and (min-width:768px) {
#cart-page .back-to-shop {
padding: 0 20px
}
}
#cart-page .order-summary {
background: #f0f2f4;
margin: 40px auto;
padding: 0 0 1px;
max-width: 300px;
float: left;
position: static
}
#cart-page .order-summary .head {
background: #0091c7;
margin: 0;
padding: 15px;
text-align: center
}
#cart-page .order-summary .head h5,
#cart-page .order-summary .head span {
color: #fff;
display: inline-block;
font-size: 1.25em;
margin: 0;
vertical-align: middle
}
#cart-page .order-summary .head span {
margin-right: 5px
}
#cart-page .order-summary .total-holder {
padding: 0 10px;
width: 100%
}
#cart-page .order-summary .total-holder .notice p {
display: block;
font: 400 .8125em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
width: 100%
}
#cart-page .order-summary .coupon-holder {
width: 100%
}
#cart-page .order-summary .continue-btn {
margin: 25px auto
}
#cart-page .help-text {
color: #2d3942;
display: none;
float: left;
font-size: 15px;
line-height: 39px;
vertical-align: middle;
width: 65%
}
#cart-page .help-text [class*=icon] {
margin-right: 10px
}
#cart-page .help-text:hover [class*=icon] {
color: #0091c7
}
#cart-page .product-list {
padding: 10px 15px
}
#cart-page .product-list .product-list {
margin-bottom: 0
}
#cart-page .product-list li {
border-color: #fff;
margin: 0 0 15px;
padding: 10px 15px
}
#cart-page .product-list li:first-child {
border-top: 0
}
#cart-page .product-list li:last-child {
border-bottom: 0
}
#cart-page .product-list .product {
float: left;
font-size: 1em;
line-height: 1.5em;
width: 70%
}
#cart-page .product-list .order-price {
clear: both;
margin-left: 10px;
font-size: 1em;
line-height: 1.5em;
margin-bottom: 10px;
width: 70%
}
#cart-page .product-list .current-quantity.title,
#cart-page .product-list .price {
display: block;
float: left;
font-size: 1em;
line-height: 1.5em;
margin-bottom: 10px;
padding-left: 10px;
text-align: left;
width: 70%
}
#cart-page .product-list .product-info {
clear: both;
float: left;
padding: 10px 5px;
width: 100%
}
#cart-page .product-list .product-info img {
float: right;
max-width: 80px;
width: 30%
}
#cart-page .product-list .product-info .title {
color: #000
}
#cart-page .product-list .product-info .title,
#cart-page .product-list .product-info a {
display: block;
float: left;
font-size: .875em;
margin: 0 0 5px;
padding-left: 10px;
width: 70%
}
#cart-page .body.no-shipping .address,
#cart-page .body.no-shipping .shipping {
display: none!important
}
#cart-page .order-details {
float: none
}
#cart-page .order-details .final-btn {
text-align: right;
padding: 20px 0
}
#cart-page .order-details>form>ol {
margin: 0 0 80px;
padding: 20px 0 0
}
@media only screen and (min-width:768px) {
#cart-page .order-details>form>ol {
padding: 40px 20px 0
}
}
#cart-page .order-details>form>ol>li {
border: none
}
#cart-page .order-details>form>ol li {
position: relative;
padding: 0;
margin: 0 0 2px;
cursor: pointer
}
#cart-page .order-details>form>ol li li.error {
border-color: red
}
#cart-page .order-details>form>ol li.active .section-title .number {
color: #fff;
background-color: #0094c9
}
#cart-page .order-details>form>ol li .section-title {
padding: 0;
margin-bottom: 0;
background-color: #e9eef2
}
#cart-page .order-details>form>ol li .section-title .number {
font-size: 14px;
line-height: 20px;
text-align: center;
padding: 10px;
width: 64px;
border-right: 1px solid #fff;
background-color: #f0f1f2
}
#cart-page .order-details>form>ol li .section-title .text {
font-size: 18px;
font-weight: 300;
padding-left: 20px
}
#cart-page .order-details>form>ol li.address {
margin-top: 0
}
#cart-page .order-details>form>ol li.address .order-details-inner {
display: block
}
#cart-page .order-details>form>ol li .order-details-inner {
display: none;
padding: 30px 20px 20px
}
#cart-page .order-details>form>ol li .order-details-inner h4 {
margin-bottom: 10px;
color: #2d3942
}
#cart-page .order-details>form>ol li .order-details-inner h4+p {
margin-bottom: 35px;
max-width: 450px
}
#cart-page .order-details>form>ol li .order-details-inner h3 {
margin-left: -20px;
font-size: 18px;
margin-bottom: 15px;
color: #5d666d
}
#cart-page .order-details>form>ol li .order-details-inner .icon-warning {
color: orange
}
#cart-page .order-details>form>ol li .order-details-inner .paypal-payment,
#cart-page .order-details>form>ol li .order-details-inner .stripe-card {
padding-bottom: 20px
}
#cart-page .order-details>form>ol li .order-details-inner .money-transfer,
#cart-page .order-details>form>ol li .order-details-inner .paypal-payment {
width: calc(100% + 40px);
margin-left: -20px
}
#cart-page .order-details>form>ol li.highlight-li {
color: #0091c7;
font-weight: 700
}
#cart-page .order-details>form>ol li.our-details,
#cart-page .order-details>form>ol li.our-details li,
#cart-page .order-details>form>ol li.quote-order,
#cart-page .order-details>form>ol li.quote-order li,
#cart-page .order-details>form>ol li.quote-payment,
#cart-page .order-details>form>ol li.quote-payment li {
padding: 20px 0
}
#cart-page .order-details>form>ol li .payment-link {
display: block;
margin: 15px 0 30px
}
#cart-page .order-details>form>ol li:first-child {
border-top: 0
}
#cart-page .order-details>form>ol li #choose_address {
color: #fff;
padding: 10px 20px
}
#cart-page .order-details>form>ol li .totals {
border-bottom: 0;
margin: 0 auto;
max-width: 300px
}
#cart-page .order-details>form>ol li .totals .left,
#cart-page .order-details>form>ol li .totals .right {
display: block;
float: left;
margin: 10px 0;
width: 50%
}
#cart-page .order-details>form>ol li .totals .right {
float: right;
text-align: right
}
#cart-page .order-details>form>ol li .back-container {
text-align: left
}
#cart-page .order-details>form>ol li .next-container {
text-align: right
}
#cart-page .order-details>form>ol li .payment-back {
margin-top: 30px
}
#cart-page .order-details .shipping .cart-navigation {
width: 50%;
float: left
}
#cart-page .order-details .shipping .checkbox-holder label {
font-size: 15px;
padding-left: 30px
}
#cart-page .order-details .shipping .checkbox-holder label:before {
display: block!important;
border-radius: 50%;
border: 1px solid #aaa;
content: " ";
display: inline-block;
height: 14px;
margin-right: 5px;
vertical-align: text-top;
width: 14px;
left: 0;
position: absolute;
top: 2px
}
#cart-page .order-details .shipping .checkbox-holder label.active {
color: #2d3942
}
#cart-page .order-details .shipping .checkbox-holder label.active:after {
background: #5d666d;
border-radius: 50%;
position: absolute;
content: " ";
display: inline-block;
height: 10px;
left: 3px;
top: 5px;
width: 10px
}
#cart-page .order-details .shipping .shipping.shipping-disabled {
pointer-events: none
}
#cart-page .order-details .shipping .shipping.shipping-disabled label {
color: #b0b0b5
}
#cart-page .order-details .saved-address {
margin: 0 -20px 30px;
position: relative;
background: rgba(233, 238, 242, .7);
padding: 20px;
box-shadow: 0 1px 2px 0 rgba(50, 50, 50, .2)
}
#cart-page .order-details .saved-address:after {
bottom: 33px;
content: "\e93b";
font-size: .875em;
font-family: icomoon!important;
position: absolute;
pointer-events: none;
right: 35px;
backface-visibility: hidden;
transform: rotate(-90deg);
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
*zoom: 1
}
#cart-page .order-details .saved-address label {
display: block;
margin: 0 0 20px;
border-bottom: 1px solid #cfcbcb;
padding-bottom: 7px
}
#cart-page .order-details .saved-address select {
border: 1px solid #d9dee2;
padding: 10px 30px 10px 10px
}
#cart-page .order-details .address .address {
padding: 20px 20px 0;
margin: 0 -20px;
background: rgba(233, 238, 242, .4);
box-shadow: 0 1px 2px 0 rgba(50, 50, 50, .2)
}
#cart-page .order-details .address h6 {
margin: 0 0 20px;
border-bottom: 1px solid #cfcbcb;
padding-bottom: 7px
}
#cart-page .order-details .address li {
margin: 10px 0;
padding: 0
}
#cart-page .order-details .address li:first-child {
border-top: 0
}
#cart-page .order-details .address li:last-child {
border-bottom: 0;
padding: 15px 0
}
#cart-page .order-details .address #country,
#cart-page .order-details .address input {
display: block;
padding: 10px;
border: 1px solid #d9dee2
}
#cart-page .order-details .address input[id=country] {
pointer-events: none
}
#cart-page .order-details .checkbox-holder {
height: 45px;
margin: 0 0 15px;
position: relative
}
#cart-page .order-details .checkbox-holder [type=radio]+label:before {
display: none
}
#cart-page .order-details .checkbox-holder [type=radio]:checked+label:after {
background: #5d666d;
left: 3px;
top: 5px
}
#cart-page .order-details .checkbox-holder .type {
display: inline-block;
font-size: 16px;
line-height: inherit
}
#cart-page .order-details .checkbox-holder .type strong {
font-weight: 800
}
#cart-page .order-details .checkbox-holder .calculating {
display: none
}
#cart-page .order-details .checkbox-holder.express-disabled label[for=express] .express-label,
#cart-page .order-details .checkbox-holder.express-disabled label[for=express]:after,
#cart-page .order-details .checkbox-holder.express-disabled label[for=express]:before {
opacity: .5
}
#cart-page .order-details .checkbox-holder.express-disabled label[for=express] .calculating {
display: inherit
}
#cart-page .order-details .checkbox-holder.express-disabled label[for=express] .express-price {
display: none
}
#cart-page .order-details .checkbox-holder .extra-info {
display: block;
margin: 10px 0
}
#cart-page .order-details .checkbox-holder .info {
display: block
}
#cart-page .order-details .checkbox-holder .info .highlight {
color: #0091c7;
cursor: auto
}
#cart-page .order-details .payment.payment-visible .order-details-inner {
display: block
}
#cart-page .order-details .payment label {
color: #5d666d;
transition: color .3s ease-in
}
#cart-page .order-details .payment label img {
transition: opacity .3s ease-in
}
#cart-page .order-details .payment [type=radio]:checked+label {
color: #2d3942
}
#cart-page .order-details .payment [type=radio]:checked+label img {
opacity: 1
}
#cart-page .order-details .payment [type=radio]:checked+label+.btn {
pointer-events: auto;
opacity: 1
}
#cart-page .order-details .payment .additional-payment-trigger {
cursor: pointer;
color: #5d666d;
display: block;
font-size: 16px;
margin: -20px -20px 0;
padding: 20px
}
#cart-page .order-details .payment .additional-payment-trigger .icon-thick-chevron-down {
transition: all .3s ease-in;
float: right
}
#cart-page .order-details .payment .additional-payment-trigger:before {
display: none
}
#cart-page .order-details .payment .additional-payment-trigger.active {
color: #2d3942
}
#cart-page .order-details .payment .additional-payment-trigger.active .icon-thick-chevron-down {
transform: rotate(180deg)
}
#cart-page .order-details .payment .additional-payment-trigger.active:after {
display: none
}
#cart-page .order-details .payment .additional-payment-trigger .additional-select {
margin-top: -6px!important
}
#cart-page .order-details .payment .pay-btn {
color: #fff!important
}
#cart-page .order-details .payment .checkbox-holder {
height: auto;
background: rgba(233, 238, 242, .5);
padding: 20px 20px 0;
margin: 0 -20px 40px;
box-shadow: 0 1px 2px 0 rgba(50, 50, 50, .2)
}
#cart-page .order-details .payment .checkbox-holder:not(.stripe-card) {
background: rgba(233, 238, 242, .2)
}
#cart-page .order-details .payment .checkbox-holder .express-disabled {
opacity: .5
}
#cart-page .order-details .payment .checkbox-holder .extra-info {
padding-left: 25px
}
#cart-page .order-details .payment .checkbox-holder img {
display: block;
max-width: 95%
}
#cart-page .order-details .payment .checkbox-holder label[for=credit-card] span:first-child {
width: 268px
}
#cart-page .order-details .payment .checkbox-holder label[for=credit-card] span:first-child sub {
font-size: 12px
}
#cart-page .order-details .payment .checkbox-holder label[for=credit-card] span:nth-child(2) {
text-align: center;
float: right
}
@media only screen and (min-width:768px) {
#cart-page .order-details .payment .checkbox-holder label[for=credit-card] span {
width: calc(100% - 305px)
}
}
#cart-page .order-details .payment .checkbox-holder input#bank-transfer+label:before,
#cart-page .order-details .payment .checkbox-holder input#bank-transfer:checked+label:after,
#cart-page .order-details .payment .checkbox-holder input#credit-card+label:before,
#cart-page .order-details .payment .checkbox-holder input#credit-card:checked+label:after,
#cart-page .order-details .payment .checkbox-holder input#paypal+label:before,
#cart-page .order-details .payment .checkbox-holder input#paypal:checked+label:after,
#cart-page .order-details .payment .checkbox-holder input#western-union+label:before,
#cart-page .order-details .payment .checkbox-holder input#western-union:checked+label:after {
display: none!important
}
@media(max-width:500px) {
#cart-page .order-details .payment .checkbox-holder:not(.money-transfer) {
padding: 0
}
#cart-page .order-details .payment .checkbox-holder.money-transfer .additional-payment-options {
padding-top: 20px
}
#cart-page .order-details .payment .checkbox-holder.money-transfer .checkbox-holder br {
margin-bottom: 20px
}
#cart-page .order-details .payment .checkbox-holder.money-transfer .checkbox-holder .pay-btn {
margin: 10px 0 20px!important
}
#cart-page .order-details .payment .checkbox-holder .additional-payment-trigger>.type,
#cart-page .order-details .payment .checkbox-holder label[for=credit-card]>.type,
#cart-page .order-details .payment .checkbox-holder label[for=paypal]>.type {
width: 100%!important;
color: #fff;
padding: 20px;
background: #0094c9;
font-weight: 700;
margin-bottom: 20px
}
#cart-page .order-details .payment .checkbox-holder .additional-payment-trigger>.info,
#cart-page .order-details .payment .checkbox-holder label[for=credit-card]>.info,
#cart-page .order-details .payment .checkbox-holder label[for=paypal]>.info {
padding: 20px
}
#cart-page .order-details .payment .checkbox-holder .additional-payment-trigger>.extra-info,
#cart-page .order-details .payment .checkbox-holder label[for=credit-card]>.extra-info,
#cart-page .order-details .payment .checkbox-holder label[for=paypal]>.extra-info {
padding-left: 20px;
padding-right: 20px;
float: none!important
}
}
#cart-page .order-details .payment .additional-payment-options {
display: none;
width: 100%!important
}
#cart-page .order-details .payment .additional-payment-options .checkbox-holder {
margin: 0 0 20px;
background: 0 0;
box-shadow: none;
padding-left: 0;
padding-right: 0
}
#cart-page .order-details .payment .btn:not(.payment-back) {
color: #fff;
display: block;
margin: 10px 25px;
padding: 7px 10px
}
#cart-page .order-details .section-title span {
display: inline-block;
vertical-align: middle
}
#cart-page .order-details .section-title .text {
font: 600 .875em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
width: calc(100% - 75px)
}
@media only screen and (min-width:768px) {
#cart-page {
position: relative
}
#cart-page.checkout-process .order-summary {
max-height: 1585px;
overflow-y: auto
}
#cart-page .body.step-2,
#cart-page .head.step-2 {
margin: 0
}
#cart-page .order-summary {
height: 100%;
right: 0;
top: 72px
}
#cart-page .order-summary .total-holder {
width: 100%
}
#cart-page .order-summary .continue-btn {
clear: both
}
#cart-page .order-details {
float: left;
width: calc(100% - 270px)
}
#cart-page .order-details .shipping.shipping-disabled {
pointer-events: none
}
#cart-page .order-details .shipping.shipping-disabled label {
color: #b0b0b5
}
#cart-page .order-details .shipping .checkbox-holder .type {
display: inline-block
}
#cart-page .order-details .shipping .checkbox-holder .info {
color: #fff;
display: inline-block;
font-size: 13px;
line-height: 2.0714285714em;
text-align: right;
width: calc(100% - 185px)
}
#cart-page .order-details .shipping .checkbox-holder .info img {
float: right
}
#cart-page .order-details .shipping .info,
#cart-page .order-details .shipping .info .highlight {
color: #fff;
transition: color .3s ease-in
}
#cart-page .order-details .shipping input[type=radio]:checked+label .info {
color: #2d3942
}
#cart-page .order-details .shipping input[type=radio]:checked+label .info .highlight {
color: #0091c7
}
#cart-page .order-details .payment .checkbox-holder .type {
display: inline-block
}
#cart-page .order-details .payment .checkbox-holder .type sub {
font-size: 12px;
margin-top: 20px;
display: block;
line-height: 16px
}
}
@media only screen and (min-width:768px) and (min-width:768px) {
#cart-page .order-details .payment .checkbox-holder .type {
width: calc(100% - 150px)
}
}
@media only screen and (min-width:768px) {
#cart-page .order-details .payment .checkbox-holder .extra-info {
display: inline-block;
font-size: 13px;
line-height: 2.0714285714em;
margin: 0;
padding-left: 0;
text-align: right;
vertical-align: middle;
float: right
}
#cart-page .order-details .payment .checkbox-holder .extra-info img {
float: right
}
#cart-page .order-details .payment .checkbox-holder .info {
display: block;
margin: 10px 0 0;
width: 100%
}
#cart-page .order-details .payment .checkbox-holder .btn:not(.payment-back) {
clear: both;
float: right;
margin: 0;
font-size: 14px
}
#cart-page .checkbox-holder {
height: 35px
}
#cart-page .checkbox-holder .type {
line-height: 1.8125em
}
}
@media only screen and (min-width:1020px) {
#cart-page.checkout-process {
padding: 85px 0 0
}
#cart-page.checkout-process .order-summary {
max-height: 1660px;
overflow-y: auto
}
#cart-page .body.step-2 {
margin: 0 auto;
max-width: 1350px;
position: relative
}
#cart-page .order-summary {
height: calc(100% + 57px);
top: -57px
}
#cart-page .order-details {
width: calc(100% - 300px)
}
#cart-page .order-details .section-title .text {
font-size: 1.25em
}
#cart-page .order-details form>ol,
#cart-page .order-details form>ol>li {
position: relative
}
}
@media only screen and (min-width:1140px) {
#cart-page.checkout-process {
padding: 30px 0 0
}
#cart-page.checkout-process .order-summary {
max-height: 1605px;
top: -3px
}
#cart-page .order-summary .product-list {
padding: 10px 20px
}
#cart-page .order-summary .total-holder {
padding: 0 20px
}
#cart-page .order-details {
background: #fff;
width: calc(100% - 420px)
}
#cart-page .address:after,
#cart-page .shipping:after {
left: -124px
}
}
@media(max-width:1200px) {
#cart-page .order-details {
width: 100%
}
}
.response-iframe {
display: none;
position: absolute;
width: 100%;
height: 100%;
top: calc(50% + 20px);
left: 50%;
max-width: 1000px;
transform: translate(-50%, -50%);
box-shadow: 0 3px 9px 0 rgba(50, 50, 50, .44);
background-color: #fff;
z-index: 9999999999;
text-align: center
}
.response-iframe>img {
background: #fff;
border-radius: 50%;
display: block;
height: 175px;
left: 50%;
margin-left: -90px;
margin-top: -100px;
padding: 30px;
position: absolute;
pointer-events: none;
top: 50%;
width: 175px;
box-shadow: 0 0 7px 0 rgba(0, 0, 0, .3)
}
.response-iframe iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.highlighted-list .highlighted-course {
padding: 10px;
background: #0094c9;
margin-bottom: 20px;
box-shadow: 0 0 3px 0 rgba(50, 50, 50, .75)
}
.highlighted-list .highlighted-course .shop-certificate {
background: #fff
}
.highlighted-list h2 {
margin-bottom: 10px;
font-size: 18px;
font-weight: 400;
color: #fff
}
@keyframes blink {
0% {
opacity: .2
}
20% {
opacity: 1
}
to {
opacity: .2
}
}
.calculating span {
animation-name: blink;
animation-duration: 1.4s;
animation-iteration-count: infinite;
animation-fill-mode: both
}
.calculating:nth-child(2) {
animation-delay: .2s
}
.calculating:nth-child(3) {
animation-delay: .4s
}
.banner .banner-align .publisher-paragraph a {
text-decoration: underline
}
.publisher-banner-container .banner .banner-align {
height: 450px
}
.publisher-banner-container .banner .banner-align h1 {
margin-top: 10px
}
.publisher-banner-container .banner .round-image {
height: 130px;
margin: 0 auto;
width: 130px
}
.publisher-banner-container .banner .round-image img {
border-radius: 50%;
display: block;
height: 100%;
margin: 15px 0;
width: 100%
}
#publishers {
margin: 30px auto 0;
text-align: center;
max-width: 1360px
}
#publishers .course .course-features .description-text.scrollbar {
height: 180px
}
#publishers.show-content .breadcrumb-wrapper {
padding: 0;
margin-top: -159px;
z-index: 99;
text-align: left
}
#publishers .breadcrumb-wrapper {
padding: 0 4px
}
#publishers h2 {
font-size: 1.375em;
font-weight: 300
}
#publishers .info-box.post .content {
padding-top: 20px;
background: #fff;
border-radius: 5px
}
#publishers .info-box.post .content h2 {
margin-bottom: 15px
}
#publishers .no_results_found {
margin-top: 20px
}
#publishers .no_results_found .search_publishers {
margin: 20px auto
}
#publishers .no_results_found a {
color: #0091c7
}
#publishers .search_publishers {
border: 1px solid #aaa;
border-radius: 5px;
margin: 45px auto 15px;
text-align: center;
width: 300px
}
#publishers .search_publishers .icon-previous-icon {
display: inline-block;
color: #fff;
background: #0091c7;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
padding: 16px 20px
}
#publishers .search_publishers .icon-previous-icon:hover {
background: #006c94
}
#publishers .search_publishers form,
#publishers .search_publishers input {
display: inline-block;
width: calc(100% - 55px)
}
#publishers .search_publishers input {
border-radius: 5px;
padding: 8px 15px
}
#publishers .search_publishers .btn {
background: 0 0;
color: #2e3942;
display: inline-block;
padding: 0;
width: 50px
}
#publishers .publisher {
border: 1px solid #aaa;
display: inline-block;
float: none;
height: 260px;
margin: 0 15px 15px;
position: relative;
width: 260px
}
#publishers .publisher .round-image {
height: 130px;
margin: 0 auto;
width: 130px
}
#publishers .publisher .round-image img {
border-radius: 50%;
display: block;
height: 100%;
margin: 15px 0;
width: 100%
}
#publishers .publisher:visited p,
#publishers .publisher p {
color: #2d3942
}
#publishers .publisher p {
margin-top: 15px;
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
#publishers .publisher .publisher-link {
bottom: 0;
left: 0;
padding: 0;
position: absolute;
width: 100%
}
#publishers .publisher .publisher-link .details-holder {
background: #2e3942;
color: #fff;
display: block;
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: 15px;
text-align: left
}
#publishers .publisher .publisher-link .details-holder p {
display: inline-block;
margin: 0;
vertical-align: middle;
width: calc(100% - 55px);
color: #fff
}
#publishers .publisher .publisher-link .details-holder .icon-right-arrow {
display: inline-block;
text-align: right;
vertical-align: middle
}
#publishers .publisher .publisher-link .details-holder .icon-right-arrow:before {
color: #fff
}
#publishers .publisher .publisher-link .details-holder .icon-book2 {
display: inline-block;
vertical-align: middle
}
#publishers .publisher .publisher-link .details-holder .icon-book2:before {
color: #0091c7;
font-size: 1.125em;
margin-right: 10px
}
#publishers .publisher .publisher-link .details-holder:hover {
background: rgba(46, 57, 66, .95);
color: #0091c7
}
#publishers .publisher .publisher-link .details-holder:hover .icon-right-arrow:before {
color: #0091c7
}
@media only screen and (min-width:1240px) {
#publishers .search_publishers {
margin: 45px 0 25px 14px
}
#publishers .publisher {
display: block;
float: left;
width: calc(25% - 30px)
}
}
#cart-page.order-complete .body {
padding: 50px 20px;
text-align: center
}
#cart-page.order-complete .body h1 {
font: 400 1.25em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
position: relative;
text-transform: uppercase
}
#cart-page.order-complete .body h1 span {
background: #fff;
display: inline-block;
padding: 0 10px;
position: relative;
z-index: 2
}
#cart-page.order-complete .body h1:after {
border-bottom: 1px solid #d9dee2;
content: "";
height: 1px;
left: 0;
position: absolute;
top: 50%;
width: 100%;
z-index: 0
}
#cart-page.order-complete .body .btn {
max-width: 190px
}
#cart-page.order-complete .body p {
font-size: 1em
}
#cart-page.order-complete .body .highlight {
color: #0091c7
}
@media only screen and (min-width:768px) {
#cart-page.order-complete .body {
margin: 0 auto;
padding: 80px 20px 190px
}
#cart-page.order-complete .body h1 {
font-size: 1.875em
}
#cart-page.order-complete .body p {
font-size: 1.0625em
}
}
#pricing_page {
background-color: #f3f6f7
}
#pricing_page h1 {
padding: 20px 0 15px
}
#pricing_page h1,
#pricing_page h2 {
display: block;
text-align: center;
font-size: 1.3em;
font-weight: 400;
width: 100%;
color: #1c232e;
margin: 0
}
#pricing_page h2 {
padding: 20px 0
}
#pricing_page p {
padding: 0 10px;
color: #465159;
font-size: .87em
}
#pricing_page p b {
font-weight: 700
}
#pricing_page p.subscript {
font-size: 11px;
line-height: 16px;
margin: 22px 0
}
#pricing_page .pricing-container {
position: relative;
margin: 0 auto;
left: -5%;
text-align: center;
height: auto;
width: 80%
}
#pricing_page .pricing-container a:link,
#pricing_page .pricing-container a:visited {
color: #0094c9
}
#pricing_page .pricing-container .column {
width: 24%;
display: inline-block;
margin: 10px .2% 20px;
background-color: #fff;
color: #000;
box-shadow: 0 0 20px #b9b9b9;
border-radius: 5px;
height: auto;
min-height: 860px;
vertical-align: top
}
#pricing_page .pricing-container .column .column {
margin-top: 0!important;
margin-bottom: 16px;
min-height: 375px;
width: 100%
}
#pricing_page .pricing-container .column img.headpic {
margin: 20px auto 0;
text-align: center
}
#pricing_page .pricing-container .column .sub-section {
position: relative;
box-shadow: 0 0 20px #b9b9b9;
border-radius: 5px;
width: 85%;
height: auto;
margin: 0 auto;
padding: 10px
}
#pricing_page .pricing-container .column .sub-section .arrow:before {
content: url(../img/pricing/orange-arrow.png);
position: absolute;
top: -14px;
right: 10px
}
#pricing_page .pricing-container .column .sub-section ul {
position: relative;
list-style: none;
list-style-image: url(../img/pricing/tick-green.png);
margin-left: 28px
}
#pricing_page .pricing-container .column .sub-section ul li {
color: #465159;
font-size: .87em;
text-align: left;
line-height: 49px
}
#pricing_page .pricing-container .column .sub-section .arrow {
list-style-image: url(../img/pricing/tick-orange.png)!important
}
#pricing_page .pricing-container .column .sub-section table {
width: 100%
}
#pricing_page .pricing-container .column .sub-section table tr td {
color: #465159;
font-size: .87em;
text-align: left;
line-height: 20px
}
#pricing_page .pricing-container .column .sub-section table tr td:nth-child(2) {
font-weight: 700
}
#pricing_page .pricing-container .column .sub-section a.pricing-link:link,
#pricing_page .pricing-container .column .sub-section a.pricing-link:visited {
margin-top: -8px
}
#pricing_page .pricing-container .column .premium-align {
margin-top: 38px
}
#pricing_page .pricing-container .column .certification-fix {
margin-bottom: 15px
}
#pricing_page .pricing-container .column .certification-fix h2 {
padding: 10px 0
}
#pricing_page .pricing-container .column .certification-fix .subscript {
margin: 10px auto 2px
}
#pricing_page .pricing-container .column .certificate-icon:before {
content: url(../img/pricing/certificate-top.png);
position: absolute;
top: -14px;
right: 10px
}
#pricing_page .pricing-container .column .diploma-icon:before {
content: url(../img/pricing/diploma-top.png);
position: absolute;
top: 0;
right: 10px
}
#pricing_page .pricing-container .column .lp-icon:before {
content: url(../img/pricing/lp-top.png);
position: absolute;
top: -7px;
right: 10px
}
#pricing_page .pricing-container .column p.price {
margin-top: 15px
}
#pricing_page .pricing-container .column p.price .amount {
font-size: 25px;
font-weight: 700
}
#pricing_page .pricing-container .column p.price .note-after {
font-style: italic
}
#pricing_page .pricing-container .column a.pricing-link:link,
#pricing_page .pricing-container .column a.pricing-link:visited {
display: block;
padding: 5px 0;
margin: 31px auto 15px;
width: 170px;
border-radius: 5px;
color: #fff
}
#pricing_page .pricing-container .column .start-learning {
background-color: #83c11f
}
#pricing_page .pricing-container .column .go-premium {
background-color: #f58220
}
#pricing_page .pricing-container .column .order {
background-color: #0094c9
}
#pricing_page .pricing-container .no-shadow {
box-shadow: none;
background-color: #f3f6f7
}
#pricing_page .pricing-container .ad {
width: 100%;
margin: 18px auto 40px
}
#pricing_page .pricing-container .faq-section {
position: relative;
width: 98%;
margin: 10px auto 25px;
background-color: #fff;
color: #000;
box-shadow: 0 0 20px #b9b9b9;
border-radius: 5px;
height: auto;
padding: 0 20px 25px
}
#pricing_page .pricing-container .faq-section h3 {
font-size: 19px;
padding: 0 10px;
color: #2d3942;
text-align: left;
font-weight: 450;
margin: 10px 5px 18px 0
}
#pricing_page .pricing-container .faq-section h2 {
font-weight: 450;
color: #2d3942
}
#pricing_page .pricing-container .faq-section p {
text-align: left;
padding: 0 10px
}
@media(max-width:1280px) {
#pricing_page .pricing-container {
left: unset;
width: 90%
}
#pricing_page .pricing-container .column {
width: 47.6%;
margin: 10px .2% 20px
}
}
@media(max-width:900px) {
#pricing_page .pricing-container .column {
width: 99.6%;
margin: 10px .2% 20px
}
}
#pricing_page .clear {
clear: both
}
body {
line-height: unset
}
#cert-check .wrapper:last-child {
padding-bottom: 70px
}
#cert-check .print {
text-align: right;
padding-top: 20px;
width: 100px;
float: right;
color: #5d666d
}
#cert-check .print:active,
#cert-check .print:hover {
color: #5d666d
}
#cert-check .print .icon-printer {
font-size: 21px;
display: block;
width: 30px;
float: right;
margin: 0 0 0 -3px
}
#cert-check .info-box {
margin: 50px auto 0
}
#cert-check .blue-label {
font-size: 1em;
color: #0091c7
}
#cert-check .cert_row {
text-align: center
}
#cert-check .cert_row.learner .info-box {
margin-top: 30px
}
#cert-check .cert_row .info-box {
max-width: 460px
}
#cert-check .cert_row .info-box:first-child,
#cert-check .cert_row .info-box:last-child {
display: inline-block
}
#cert-check .cert_row .info-box .header .round-image div {
padding: 0;
overflow: hidden;
font-size: 1.875em;
color: #fff
}
#cert-check .cert_row .info-box .header .round-image div.text {
padding: 13px 0 0;
font-size: 1.0625em
}
#cert-check .cert_row .info-box #user_avatar {
width: 100%;
height: auto;
border-radius: 100%
}
#cert-check .body {
padding: 15px 0 0
}
#cert-check .body .text-justify p {
color: #5d666d;
font-size: 1em;
padding-bottom: 15px
}
#cert-check .body .text-justify.no-width .text-row,
#cert-check .body .text-justify.no-width .text-row:last-child {
padding-bottom: 10px
}
#cert-check .body .text-justify.no-width .text-row .text-label {
margin-right: 20px;
width: auto;
float: left;
min-width: 81px
}
#cert-check .body .text-justify .text-row {
padding-bottom: 35px
}
#cert-check .body .text-justify .text-row:last-child {
padding-bottom: 20px
}
#cert-check .body .text-justify .text-row .text-label {
width: 100px;
font-size: 1em;
color: #0091c7;
text-transform: capitalize;
float: left
}
#cert-check .body .text-justify .text-row .text-content {
color: #5d666d;
text-align: left;
width: calc(100% - 100px);
display: inline-block
}
#cert-check .body .text-justify .text-row:after,
#cert-check .body .text-justify .text-row:before {
clear: both;
content: "";
display: table
}
#cert-check .intro-text {
max-width: 100%;
float: left
}
#cert-check .cert-qr {
max-width: 100%;
float: none;
text-align: center
}
@media only screen and (min-width:1020px) {
#cert-check .cert_row {
text-align: left
}
#cert-check .cert_row .info-box:first-child {
float: left
}
#cert-check .cert_row .info-box:last-child {
float: right
}
#cert-check .cert_row .info-box .header .round-image div.text {
padding: 40px 0 0;
font-size: 1.875em
}
}
@media only screen and (min-width:1020px) and (min-width:768px) {
#cert-check .intro-text {
max-width: 70%
}
#cert-check .cert-qr {
max-width: 30%;
float: right
}
#cert-check .info-box .body {
padding: 15px
}
}
/*!jQuery UI - v1.12.1 - 2017-04-13
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT*/
.ui-helper-hidden {
display: none
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none
}
.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
content: "";
display: table;
border-collapse: collapse
}
.ui-helper-clearfix:after {
clear: both
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0)
}
/*.ui-front {
z-index: 100
}*/
.ui-state-disabled {
cursor: default!important;
pointer-events: none
}
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
z-index: 9!important
}
.ui-datepicker select {
-webkit-appearance: auto;
-moz-appearance: button;
appearance: auto
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
position: absolute;
top: 7px;
width: 1.8em;
height: 1.8em
}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
display: none
}
.ui-datepicker .ui-datepicker-next:before,
.ui-datepicker .ui-datepicker-prev:before {
font-family: icomoon;
content: "\e93b";
width: 30px;
height: 30px;
font-size: 15px;
top: 0;
left: 0;
color: #fff;
position: absolute;
z-index: 9999999999;
padding-top: 5px;
text-align: center;
font-weight: 700;
cursor: pointer
}
.ui-datepicker .ui-datepicker-next:hover:before,
.ui-datepicker .ui-datepicker-prev:hover:before {
font-weight: 700
}
.ui-datepicker .ui-datepicker-next:before {
content: "\e93c"
}
.ui-datepicker .ui-datepicker-prev {
left: 2px
}
.ui-datepicker .ui-datepicker-next {
right: 2px
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
text-align: center;
padding: 6px 13px;
margin: 1px 1%;
max-width: 43%
}
.ui-datepicker-calendar thead {
background: #2d3942;
color: #fff
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: 700;
border: 0
}
.ui-datepicker td {
border: 0;
padding: 1px
}
.ui-datepicker td a,
.ui-datepicker td span {
display: block;
padding: .2em;
text-align: right;
text-decoration: none
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em;
width: auto;
overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left
}
.ui-datepicker.ui-datepicker-multi {
width: auto
}
.ui-datepicker-multi .ui-datepicker-group {
float: left
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0
}
.ui-datepicker-rtl {
direction: rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px
}
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em
}
.ui-widget {
font-family: Arial, Helvetica, sans-serif
}
.ui-widget,
.ui-widget .ui-widget {
font-size: 1em
}
.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5
}
.ui-widget-content {
border: 1px solid #ddd;
background: #fff;
color: #333
}
.ui-widget-content a {
color: #333
}
.ui-widget-header {
border: 1px solid #ddd;
background: #0094c9;
color: #fff;
font-weight: 700
}
.ui-widget-header a {
color: #333
}
.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: 400;
color: #454545
}
.ui-button,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button {
color: #454545;
text-decoration: none
}
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
a.ui-button:focus,
a.ui-button:hover {
color: #2b2b2b;
text-decoration: none
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px #5e9ed6
}
.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
border: 1px solid #003eff;
background: #007fff;
font-weight: 400;
color: #fff
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #fff
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #fff;
text-decoration: none
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f
}
.ui-state-error-text,
.ui-state-error a,
.ui-widget-content .ui-state-error-text,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error-text,
.ui-widget-header .ui-state-error a {
color: #5f3f3f
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: 700
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: 400
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none
}
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35)
}
.ui-icon {
width: 16px;
height: 16px
}
.ui-datepicker .ui-datepicker-prev span:before {
content: "\e93b";
width: 100%;
height: 100%;
font-size: 20px;
top: 0;
left: 0
}
.ui-icon-blank {
background-position: 16px 16px
}
.ui-icon-caret-1-n {
background-position: 0 0
}
.ui-icon-caret-1-ne {
background-position: -16px 0
}
.ui-icon-caret-1-e {
background-position: -32px 0
}
.ui-icon-caret-1-se {
background-position: -48px 0
}
.ui-icon-caret-1-s {
background-position: -65px 0
}
.ui-icon-caret-1-sw {
background-position: -80px 0
}
.ui-icon-caret-1-w {
background-position: -96px 0
}
.ui-icon-caret-1-nw {
background-position: -112px 0
}
.ui-icon-caret-2-n-s {
background-position: -128px 0
}
.ui-icon-caret-2-e-w {
background-position: -144px 0
}
.ui-icon-triangle-1-n {
background-position: 0 -16px
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px
}
.ui-icon-triangle-1-e {
background-position: -32px -16px
}
.ui-icon-triangle-1-se {
background-position: -48px -16px
}
.ui-icon-triangle-1-s {
background-position: -65px -16px
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px
}
.ui-icon-triangle-1-w {
background-position: -96px -16px
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px
}
.ui-icon-arrow-1-n {
background-position: 0 -32px
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px
}
.ui-icon-arrow-1-e {
background-position: -32px -32px
}
.ui-icon-arrow-1-se {
background-position: -48px -32px
}
.ui-icon-arrow-1-s {
background-position: -65px -32px
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px
}
.ui-icon-arrow-1-w {
background-position: -96px -32px
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px
}
.ui-icon-arrowthick-1-n {
background-position: 1px -48px
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px
}
.ui-icon-arrow-4 {
background-position: 0 -80px
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px
}
.ui-icon-extlink {
background-position: -32px -80px
}
.ui-icon-newwin {
background-position: -48px -80px
}
.ui-icon-refresh {
background-position: -64px -80px
}
.ui-icon-shuffle {
background-position: -80px -80px
}
.ui-icon-transfer-e-w {
background-position: -96px -80px
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px
}
.ui-icon-folder-collapsed {
background-position: 0 -96px
}
.ui-icon-folder-open {
background-position: -16px -96px
}
.ui-icon-document {
background-position: -32px -96px
}
.ui-icon-document-b {
background-position: -48px -96px
}
.ui-icon-note {
background-position: -64px -96px
}
.ui-icon-mail-closed {
background-position: -80px -96px
}
.ui-icon-mail-open {
background-position: -96px -96px
}
.ui-icon-suitcase {
background-position: -112px -96px
}
.ui-icon-comment {
background-position: -128px -96px
}
.ui-icon-person {
background-position: -144px -96px
}
.ui-icon-print {
background-position: -160px -96px
}
.ui-icon-trash {
background-position: -176px -96px
}
.ui-icon-locked {
background-position: -192px -96px
}
.ui-icon-unlocked {
background-position: -208px -96px
}
.ui-icon-bookmark {
background-position: -224px -96px
}
.ui-icon-tag {
background-position: -240px -96px
}
.ui-icon-home {
background-position: 0 -112px
}
.ui-icon-flag {
background-position: -16px -112px
}
.ui-icon-calendar {
background-position: -32px -112px
}
.ui-icon-cart {
background-position: -48px -112px
}
.ui-icon-pencil {
background-position: -64px -112px
}
.ui-icon-clock {
background-position: -80px -112px
}
.ui-icon-disk {
background-position: -96px -112px
}
.ui-icon-calculator {
background-position: -112px -112px
}
.ui-icon-zoomin {
background-position: -128px -112px
}
.ui-icon-zoomout {
background-position: -144px -112px
}
.ui-icon-search {
background-position: -160px -112px
}
.ui-icon-wrench {
background-position: -176px -112px
}
.ui-icon-gear {
background-position: -192px -112px
}
.ui-icon-heart {
background-position: -208px -112px
}
.ui-icon-star {
background-position: -224px -112px
}
.ui-icon-link {
background-position: -240px -112px
}
.ui-icon-cancel {
background-position: 0 -128px
}
.ui-icon-plus {
background-position: -16px -128px
}
.ui-icon-plusthick {
background-position: -32px -128px
}
.ui-icon-minus {
background-position: -48px -128px
}
.ui-icon-minusthick {
background-position: -64px -128px
}
.ui-icon-close {
background-position: -80px -128px
}
.ui-icon-closethick {
background-position: -96px -128px
}
.ui-icon-key {
background-position: -112px -128px
}
.ui-icon-lightbulb {
background-position: -128px -128px
}
.ui-icon-scissors {
background-position: -144px -128px
}
.ui-icon-clipboard {
background-position: -160px -128px
}
.ui-icon-copy {
background-position: -176px -128px
}
.ui-icon-contact {
background-position: -192px -128px
}
.ui-icon-image {
background-position: -208px -128px
}
.ui-icon-video {
background-position: -224px -128px
}
.ui-icon-script {
background-position: -240px -128px
}
.ui-icon-alert {
background-position: 0 -144px
}
.ui-icon-info {
background-position: -16px -144px
}
.ui-icon-notice {
background-position: -32px -144px
}
.ui-icon-help {
background-position: -48px -144px
}
.ui-icon-check {
background-position: -64px -144px
}
.ui-icon-bullet {
background-position: -80px -144px
}
.ui-icon-radio-on {
background-position: -96px -144px
}
.ui-icon-radio-off {
background-position: -112px -144px
}
.ui-icon-pin-w {
background-position: -128px -144px
}
.ui-icon-pin-s {
background-position: -144px -144px
}
.ui-icon-play {
background-position: 0 -160px
}
.ui-icon-pause {
background-position: -16px -160px
}
.ui-icon-seek-next {
background-position: -32px -160px
}
.ui-icon-seek-prev {
background-position: -48px -160px
}
.ui-icon-seek-end {
background-position: -64px -160px
}
.ui-icon-seek-first,
.ui-icon-seek-start {
background-position: -80px -160px
}
.ui-icon-stop {
background-position: -96px -160px
}
.ui-icon-eject {
background-position: -112px -160px
}
.ui-icon-volume-off {
background-position: -128px -160px
}
.ui-icon-volume-on {
background-position: -144px -160px
}
.ui-icon-power {
background-position: 0 -176px
}
.ui-icon-signal-diag {
background-position: -16px -176px
}
.ui-icon-signal {
background-position: -32px -176px
}
.ui-icon-battery-0 {
background-position: -48px -176px
}
.ui-icon-battery-1 {
background-position: -64px -176px
}
.ui-icon-battery-2 {
background-position: -80px -176px
}
.ui-icon-battery-3 {
background-position: -96px -176px
}
.ui-icon-circle-plus {
background-position: 0 -192px
}
.ui-icon-circle-minus {
background-position: -16px -192px
}
.ui-icon-circle-close {
background-position: -32px -192px
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px
}
.ui-icon-circle-zoomin {
background-position: -176px -192px
}
.ui-icon-circle-zoomout {
background-position: -192px -192px
}
.ui-icon-circle-check {
background-position: -208px -192px
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px
}
.ui-icon-circlesmall-close {
background-position: -32px -208px
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px
}
.ui-icon-squaresmall-close {
background-position: -80px -208px
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px
}
.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
border-top-left-radius: 3px
}
.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
border-top-right-radius: 3px
}
.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
border-bottom-left-radius: 3px
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
border-bottom-right-radius: 3px
}
.ui-widget-overlay {
background: #aaa;
opacity: .3;
filter: Alpha(Opacity=30)
}
.ui-widget-shadow {
box-shadow: 0 0 5px #666
}
.about-mike-articles-outer {
height: 250px;
display: table;
width: 100%
}
.about-mike-articles-outer .about-mike-articles-inner {
height: 250px;
display: table-cell;
vertical-align: middle;
background: #e9eef2
}
.smaller-height+.banner-align {
display: none;
height: 450px
}
.article-listing {
margin: 30px 0
}
.article-listing .new-courses-ad {
width: 728px;
margin: 10px auto 30px
}
.article-listing ul {
text-align: center
}
.article-listing li {
display: inline-block;
margin: 15px 10px;
max-width: 270px;
padding: 0 0 10px;
text-align: left;
vertical-align: top
}
.article-listing li .image-holder {
position: relative
}
.article-listing li img {
display: block;
margin: 0 0 10px;
width: 100%
}
.article-listing li h3 {
color: #2d3942;
font: 700 .9375em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
line-height: 1.5333333333em;
margin: 0 0 15px;
transition: color .3s ease-in
}
.article-listing li p {
color: #2d3942;
font-size: .875em;
margin: 0 0 10px
}
.article-listing li .type {
color: #2d3942;
display: inline-block;
font: 700 .625em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
margin: 0 0 10px;
text-transform: uppercase
}
.article-listing li .type:last-child {
float: right;
padding: 6px 0 0;
color: #0094c9
}
.article-listing li a:hover h3 {
color: #0094c9
}
.article-listing .disabled {
padding: 0!important
}
@media only screen and (min-width:768px) {
.article-listing li {
max-width: 250px
}
.article-listing .disabled {
padding: 0!important
}
}
.article-landing {
margin: 50px 0
}
.article-landing .wrapper {
max-width: 1050px
}
.article-landing .wrapper .article-content a {
color: #0094c9
}
.article-landing .wrapper .article-content p {
font-size: 1em;
margin: 0 0 20px;
line-height: 1.3
}
.article-landing .wrapper .article-content ul {
list-style: circle;
padding-left: 30px;
margin-bottom: 30px;
line-height: 1.4
}
.article-landing h1 {
font: 300 1.5625em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
.article-landing .social-buttons {
margin: 0 0 30px
}
.article-landing .social-buttons a {
color: #066eb0;
font-size: 35px;
opacity: 1
}
.article-landing .social-buttons a:hover {
opacity: .6
}
.article-landing .social-buttons a:first-child i::before {
color: #3b5999
}
.article-landing .social-buttons a:nth-child(2) i:before {
color: #55acee
}
.article-landing .social-buttons a:nth-child(3) i:before {
color: #dd4b39
}
.article-landing .social-buttons a:nth-child(4) i:before {
color: #0077b5
}
@media only screen and (min-width:1020px) {
.article-landing h1 {
font-size: 2.3125em
}
.article-landing #SelectedPressArticles {
min-height: 250px;
position: relative;
float: left;
width: 100%;
background-color: #fff
}
}
#congratulations-page-supporting-section .wrapper h2 {
font-weight: 400;
font-size: 28px;
color: #2d3942
}
#learner-report.wrapper {
padding: 50px 40px 10px
}
#learner-report.wrapper .btn.btn-blue {
max-width: 100%!important;
width: 100%!important
}
#learner-report.wrapper h2 {
font-weight: 400;
font-size: 28px;
color: #2d3942
}
#learner-report.wrapper h5 {
color: #2d3942
}
#learner-report.wrapper p {
line-height: 23px;
color: #2d3942
}
#learner-report.wrapper p a {
color: #0094c9
}
#learner-report.wrapper #learner-report-print {
text-align: right;
padding-top: 20px;
width: 100px;
float: right;
font-size: 19px;
color: #5d666d
}
#learner-report.wrapper #learner-report-print:active,
#learner-report.wrapper #learner-report-print:hover {
color: #0091c7
}
#learner-report.wrapper #learner-report-print .icon-flashTesting {
font-size: 25px;
display: block;
width: 30px;
float: right;
margin: 0 0 0 -3px
}
#learner-report.wrapper .select-wrapper {
margin-top: 0!important
}
#learner-report.wrapper .select-wrapper #select-month {
display: none;
float: left;
width: auto;
border: 1px solid #0091c7;
border-radius: 3px;
max-width: 100%!important;
width: 100%!important;
padding: 8px 18px;
text-align: center;
background: 0 0;
color: #0091c7
}
#learner-report.wrapper .select-wrapper #select-month:hover {
background: #f2f5f6;
color: #0094c9!important
}
#learner-report.wrapper h3 {
color: #2d3942;
margin: 0 0 10px
}
#learner-report.wrapper .legend {
width: 100%;
height: 35px;
margin: 0 23px
}
#learner-report.wrapper .legend li {
width: 60px;
height: 8px;
font-size: .5625em;
line-height: .5625em;
display: inline-block
}
#learner-report.wrapper .legend li .square {
width: 20px;
height: 8px;
float: right;
margin-right: 6px
}
#learner-report.wrapper .legend #week1 .square {
background: #008445
}
#learner-report.wrapper .legend #week2 .square {
background: #00a94f
}
#learner-report.wrapper .legend #week3 .square {
background: #f58220
}
#learner-report.wrapper .legend #week4 .square {
background: #f99d25
}
#learner-report.wrapper .legend #week5 .square {
background: #c1d42f
}
#learner-report.wrapper .legend #week6 .square {
background: #ffd200
}
#learner-report.wrapper [class^=col-md] {
margin-top: 40px;
margin-bottom: 40px
}
#learner-report.wrapper .head-info {
background: #f2f5f6;
padding: 20px;
text-align: center;
color: #2d3942
}
#learner-report.wrapper .head-info h1 {
font-size: 50px;
margin-bottom: 10px;
margin-top: 10px;
font-weight: 400;
color: #2d3942
}
#learner-report.wrapper .chart-header {
margin-bottom: 0
}
#learner-report.wrapper .row .btn {
max-width: 165px
}
#learner-report.wrapper .row #score,
#learner-report.wrapper .row #total-time,
#learner-report.wrapper .row .percent {
font-size: 3.375em;
color: #465159
}
#learner-report.wrapper .row .chart-holder:first-child {
margin-right: 10px
}
#learner-report.wrapper .wrapp-info {
text-align: center;
width: 100%;
height: 600px;
background: #f2f5f6
}
#learner-report.wrapper .wrapp-info [class^=col-md] {
padding: 33px;
margin: 0
}
#learner-report.wrapper .wrapp-info [class^=col-md] div:nth-child(2) {
margin: 5px 0 20px
}
#learner-report.wrapper .wrapp-info [class^=col-md] div:nth-child(3) {
margin: 5px 0 10px
}
@media only screen and (min-width:768px) {
#learner-report.wrapper .btn.btn-blue {
max-width: 200px!important;
width: 200px!important
}
#learner-report.wrapper .select-wrapper {
margin-top: 0!important
}
#learner-report.wrapper .select-wrapper #select-month {
float: right;
max-width: 200px!important;
width: 200px!important
}
#learner-report.wrapper .row .btn {
float: right
}
}
@media only screen and (min-width:1020px) {
#learner-report.wrapper .wrapp-info {
height: 260px;
margin: 30px 0
}
}
@media print {
@page {
size: portrait
}
* {
box-sizing: border-box
}
body,
html {
height: 100%;
overflow: hidden;
background: #fff
}
#congratulations-page-supporting-section,
.sticky-ad.inner-page-sticky-ad,
div.sale {
display: none!important
}
#learner-report.wrapper {
padding: 0 40px
}
#learner-report.wrapper .data-wrapper {
width: 100%!important;
margin-bottom: 0!important
}
#learner-report.wrapper .data-wrapper+.col-md-5,
#learner-report.wrapper .data-wrapper+.col-md-5+.col-md-5 {
display: none!important
}
#learner-report.wrapper .wrapp-info {
height: 200px
}
#learner-report.wrapper>.row>.ad,
#learner-report.wrapper>.row>.ad>.adsbygoogle,
#learner-report.wrapper>.row>.col-md-7 p,
#learner-report.wrapper>.row>.col-md-7+.col-md-5+.col-md-5>select,
#learner-report.wrapper>.row>.col-md-7+.col-md-5>button {
display: none!important
}
#learner-report.wrapper>.row+.row .col-md-4 {
float: none;
display: inline-block;
width: 32.1111%
}
#learner-report.wrapper>.row+.row .col-md-4>.head-info {
border: 1px solid #777
}
#learner-report.wrapper>.row+.row .col-md-4>.head-info h3 {
font-size: 11pt
}
#learner-report.wrapper>.row+.row .col-md-6 {
margin-top: -20px;
float: none;
display: inline-block;
width: 45.1111%
}
#learner-report.wrapper>.row+.row .col-md-6 h3 {
font-size: 11pt
}
#learner-report.wrapper>.row+.row .col-md-6 canvas {
width: 100%!important;
height: auto!important
}
}
.referrals-bg {
background: #222021;
background: linear-gradient(90deg, #222021 0, #0194c8);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#222021", endColorstr="#0194c8", GradientType=1)
}
.referrals-bg.referrals-stats-bg+.banner-align {
max-height: 280px
}
.referrals-bg+.banner-align {
max-height: 350px
}
#referral-programme-header {
padding-bottom: 30px
}
#referral-programme-header .btn {
max-width: none
}
#referral-programme-header h1 {
font-weight: 400
}
#referral-programme-header h1.h1-small {
font-size: 27px;
margin-bottom: 15px
}
.referrals {
background: #f3f7f9;
padding-top: 1px
}
.referrals.referrals__stats .referrals--share {
background: #f3f7f9;
opacity: 0;
transition: all .7s cubic-bezier(.645, .045, .355, 1)
}
.referrals.referrals__stats .referrals--share.keep-going,
.referrals.referrals__stats .referrals--share.no-invites {
position: fixed;
width: 100%;
top: 0;
background: rgba(0, 0, 0, .8);
height: 100%;
z-index: 99;
opacity: 1
}
.referrals.referrals__stats .referrals--share.keep-going .referrals--share-inner,
.referrals.referrals__stats .referrals--share.no-invites .referrals--share-inner {
margin: 50px auto;
background: #f3f7f9;
position: relative
}
.referrals.referrals__stats .referrals--share.keep-going .referrals--share-inner .icon-cross2,
.referrals.referrals__stats .referrals--share.no-invites .referrals--share-inner .icon-cross2 {
position: absolute;
right: 0;
top: -27px;
color: #fff;
display: block;
font-size: 22px;
cursor: pointer
}
.referrals.referrals__stats .referrals--share.keep-going .referrals--share-inner h2 span.h1-regular,
.referrals.referrals__stats .referrals--share.no-invites .referrals--share-inner h2 span.h1-regular {
display: none!important
}
@media(max-width:974px) {
.referrals.referrals__stats .referrals--share.keep-going,
.referrals.referrals__stats .referrals--share.no-invites {
position: absolute
}
}
.referrals.referrals__stats .referrals--share.keep-going .referrals--share-inner h2 span.h1-keep-going,
.referrals.referrals__stats .referrals--share.no-invites .referrals--share-inner h2 span.h1-no-invites {
display: inline-block!important
}
.referrals.referrals__stats .referrals--share.keep-going .referrals--share-inner .progress-outer {
display: block
}
.referrals.referrals__stats .referrals--share.keep-going .referrals--share-inner .progress-outer .target-pointers {
background: #d9dee2
}
.referrals.referrals__stats .referrals--share.keep-going .referrals--share-inner .progress-outer .target-pointers:before {
color: #2d3942
}
.referrals.referrals__stats .voucher-warning {
background: #f3f7f9
}
.referrals.referrals__stats h2 {
font-size: 24px
}
.referrals .referrals--inner .circle-group {
text-align: center
}
.referrals .referrals--inner .circle-group .circle-group--item {
width: 206px;
margin-right: 40px;
display: inline-block
}
.referrals .referrals--inner .circle-group .circle-group--item:after {
content: "";
clear: both;
display: table
}
.referrals .referrals--inner .circle-group .circle-group--item:nth-child(2) .circle div {
background: #f49b29
}
.referrals .referrals--inner .circle-group .circle-group--item:nth-child(3) .circle div {
background: #10a650
}
.referrals .referrals--inner .circle-group .circle-group--item>div {
display: block;
width: 50%;
float: left;
color: #7e8c97;
text-align: left
}
.referrals .referrals--inner .circle-group .circle-group--item .circle div {
width: 80px;
height: 80px;
background: #15212a;
color: #fff;
font-size: 34px;
text-align: center;
padding: 22px 0;
border-radius: 100%;
font-weight: 500
}
.referrals .referrals--inner .circle-group .circle-group--item .circle-span span {
padding-top: 17px;
display: block;
text-align: center
}
@media(max-width:820px) and (min-width:580px) {
.referrals .referrals--inner .circle-group .circle-group--item {
width: 30%;
margin-right: 0
}
.referrals .referrals--inner .circle-group .circle-group--item>div {
max-width: 70px
}
.referrals .referrals--inner .circle-group .circle-group--item .circle-span span {
padding-top: 5px
}
.referrals .referrals--inner .circle-group .circle-group--item .circle div {
width: 50px;
height: 50px;
font-size: 26px;
padding: 17px 0
}
}
.referrals .referrals--inner .info-box .content {
background: #fff
}
.referrals .redeem-button,
.referrals .redeem-popup {
margin-top: 20px;
font-size: 16px;
max-width: none;
width: auto
}
.referrals .redeem-now {
text-align: center;
padding-top: 30px;
font-size: 20px;
display: none
}
.referrals .redeem-now>div {
margin-bottom: 20px
}
.referrals .redeem-now .redeem-name {
font-weight: 500
}
.referrals h2 {
text-align: center;
font-size: 30px;
color: #2d3942;
font-weight: 400
}
.referrals p {
color: #7e8c97;
font-size: 16px
}
.referrals p strong {
color: #667282
}
.referrals--steps {
margin: 0 auto;
padding: 50px 0 70px
}
.referrals--steps .referrals--step {
text-align: center
}
.referrals--steps .referrals--step.arrow {
position: relative
}
.referrals--steps .referrals--step.arrow img {
transform: translate(-50%, -50%);
position: absolute;
left: 50%;
top: 50%
}
.referrals--steps .referrals--step.arrow:nth-child(2) img {
transform: translate(-50%, -50%) scaleY(-1)
}
.referrals--steps .referrals--step p a {
color: #0094c9
}
.referrals--steps .referrals--step .referrals--step-image {
min-height: 150px;
position: relative;
margin-bottom: 30px
}
.referrals--steps .referrals--step .referrals--step-image img {
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
@media(max-width:768px) {
.referrals--steps .referrals--step {
padding: 0 20px
}
.referrals--steps .referrals--step.arrow {
display: none
}
}
.referrals--desc {
background-color: #fff;
text-align: center;
padding: 40px 20px
}
.referrals--desc p {
max-width: 900px;
margin: 0 auto 30px
}
.referrals--desc p a {
color: #0094c9
}
.referrals--desc .btn {
margin-top: 20px
}
.referrals--share {
transition: all .5s ease-in
}
.referrals--share.no-user .referrals--share-inner {
padding: 80px 20px;
text-align: center;
color: #667282;
font-size: 22px
}
.referrals--share.no-user .referrals--share-inner a {
color: #0094c9
}
.referrals--share .referrals--share-inner {
padding: 50px 40px;
max-width: 1500px;
margin: 0 auto
}
.referrals--share .referrals--share-inner .icon-cross2,
.referrals--share .referrals--share-inner .progress-outer {
display: none
}
.referrals--share .referrals--share-inner #voucher-code {
margin: 20px 0;
padding: 15px;
background: #d9dee2;
overflow: hidden;
color: #2d3942;
font-size: 15px
}
.referrals--share .referrals--share-inner #copy-to-clipboard {
color: #0094c9;
padding: 0
}
.referrals--share .referrals--share-inner .row {
position: relative
}
.referrals--share .referrals--share-inner .referrals--share-or {
position: absolute;
left: 50%;
top: 50%;
font-size: 30px;
transform: translate(-50%, -50%);
color: #2d3942
}
.referrals--share .referrals--share-inner .referrals--share-col {
background: #fff;
text-align: center;
padding: 20px;
box-shadow: 0 2px 5px 0 rgba(50, 50, 50, .4)
}
.referrals--share .referrals--share-inner .referrals--share-col .btn:not(#copy-to-clipboard) {
width: 50px;
height: 50px;
border-radius: 100%;
font-size: 20px;
text-align: center;
padding: 14px 2px;
display: inline-block;
margin: 0 15px
}
.referrals--share .referrals--share-inner .referrals--share-col .btn:not(#copy-to-clipboard).btn-google {
font-size: 31px;
padding: 10px 0 0;
background-color: #dd4b39;
position: relative;
top: 6px
}
.referrals--share .referrals--share-inner .referrals--share-col .btn:not(#copy-to-clipboard).btn-facebook {
background-color: #3b5999
}
.referrals--share .referrals--share-inner .referrals--share-col .btn:not(#copy-to-clipboard).btn-twitter {
background-color: #0084ff
}
.referrals--share .referrals--share-inner .referrals--share-col .btn:not(#copy-to-clipboard).btn-linkedin {
background-color: #0077b5
}
@media(max-width:980px) {
.referrals--share .referrals--share-inner .referrals--share-col.col-md-offset-2 {
margin-top: 70px
}
.referrals--share .referrals--share-inner .referrals--share-or {
transform: translate(-50%, calc(-50% - 20px))
}
}
#referral-form-container {
color: #5d666d;
padding: 0
}
#referral-form-container h4 {
margin: 0
}
#referral-stats {
max-width: 1500px;
margin: 50px auto
}
.my-courses .course-intro>li.spacer:after,
.slide-up-products .avail-products>li.spacer:after,
.spacer.clearfix {
height: 1px;
width: 100%;
margin: 10px 0
}
.referrals-container {
background: #fff
}
.referrals-container .redeem-popup--inner {
max-width: 800px;
margin: 0 auto;
padding: 40px;
text-align: center;
background-color: #fff;
box-shadow: 0 2px 5px 0 rgba(50, 50, 50, .4)
}
.referrals-container .redeem-popup--inner>span {
font-size: 21px;
font-weight: 500
}
.referrals-container .redeem-popup--inner .row {
margin-top: 40px
}
.referrals-container .redeem-popup--inner .row>div {
padding: 10px;
min-height: 61px;
cursor: pointer
}
.referrals-container .redeem-popup--inner .row .voucher-yes {
background: #10a650;
color: #fff
}
.referrals-container .redeem-popup--inner .row .voucher-no {
background: #f49b29;
color: #fff
}
.referrals-container #referrals_stats {
box-shadow: 0 2px 5px 0 rgba(50, 50, 50, .4)
}
.referrals-container #referrals_stats h2 {
font-size: 24px;
font-weight: 400;
margin: 50px 0 0;
padding: 14px 20px
}
.referrals-container #referrals_stats h2 span {
background-color: #0094c9;
color: #fff;
border-radius: 100%;
font-size: 22px;
padding: 10px;
margin-right: 10px
}
.referrals-container #referrals_stats .info-box {
margin: 0 0 40px
}
.referrals-container #referrals_stats .info-box .content {
padding: 0
}
.referrals-container #referrals_stats .info-box .content h2 {
margin-left: 20px;
display: inline-block;
font-size: 35px
}
.referrals-container #referrals_stats .info-box .content .stats-wrapper {
width: 100%
}
.referrals-container #referrals_stats .info-box .content .stats-wrapper .stats-header {
background: #f1f2f2;
border: 1px solid #d3d3d3;
border-bottom: 0 solid
}
.referrals-container #referrals_stats .info-box .content .stats-wrapper .stats-header span {
padding: 10px 0;
font-size: 18px;
color: #7e8c97
}
@media(max-width:530px) {
.referrals-container #referrals_stats .info-box .content .stats-wrapper .stats-header span {
width: 50%
}
.referrals-container #referrals_stats .info-box .content .stats-wrapper .stats-header span:first-child,
.referrals-container #referrals_stats .info-box .content .stats-wrapper .stats-header span:nth-child(4) {
display: none
}
}
.referrals-container #referrals_stats .info-box .content .stats-wrapper .stats-table {
width: 100%;
border: 1px solid #d3d3d3;
background: #f1f2f2;
min-height: 50px
}
.referrals-container #referrals_stats .info-box .content .stats-wrapper .stats-table .nothing-to-show {
text-align: center
}
.referrals-container #referrals_stats .info-box .content .stats-wrapper .stats-table .nothing-to-show span {
display: block
}
.referrals-container #referrals_stats .info-box .content .stats-wrapper .stats-table .nothing-to-show a {
display: block;
margin: 0 auto 20px;
max-width: 180px
}
.referrals-container #referrals_stats .info-box .content .stats-wrapper .stats-table.mCustomScrollbar {
padding-right: 8px
}
.referrals-container #referrals_stats .info-box .content .stats-wrapper .stats-table.redeemed li {
opacity: .5
}
.referrals-container #referrals_stats .info-box .content .stats-wrapper .stats-table li {
padding: 0;
width: 100%
}
.referrals-container #referrals_stats .info-box .content .stats-wrapper .stats-table li.redeemed {
opacity: .5
}
.referrals-container #referrals_stats .info-box .content .stats-wrapper .stats-table li span {
font-size: 18px;
color: #7e8c97;
line-height: 48px
}
.referrals-container #referrals_stats .info-box .content .stats-wrapper .stats-table li:not(.nothing-to-show):hover {
background: #d7d9d9
}
@media(max-width:530px) {
.referrals-container #referrals_stats .info-box .content .stats-wrapper .stats-table li span {
width: 50%
}
.referrals-container #referrals_stats .info-box .content .stats-wrapper .stats-table li span:first-child,
.referrals-container #referrals_stats .info-box .content .stats-wrapper .stats-table li span:nth-child(4) {
display: none
}
}
.referrals-container #referrals_stats .info-box .content .stats-wrapper span {
display: inline-block;
font-size: .75em;
text-align: center
}
.referrals-container #referrals_stats .info-box .content .stats-wrapper .finished,
.referrals-container #referrals_stats .info-box .content .stats-wrapper .finished-hd,
.referrals-container #referrals_stats .info-box .content .stats-wrapper .invitation,
.referrals-container #referrals_stats .info-box .content .stats-wrapper .invitation-hd,
.referrals-container #referrals_stats .info-box .content .stats-wrapper .started,
.referrals-container #referrals_stats .info-box .content .stats-wrapper .started-hd {
width: 25%
}
.referrals-container #referrals_stats .info-box .content .stats-wrapper .redeemed-hd {
width: 25%;
display: inline-block
}
.referrals-container #referrals_stats .info-box .content .stats-wrapper .redeemed {
width: 25%;
color: #5d666d;
background: 0 0
}
.referrals-container #referrals_stats .info-box .content .stats-wrapper .finished,
.referrals-container #referrals_stats .info-box .content .stats-wrapper .started {
color: #e32726
}
.referrals-container #referrals_stats .info-box .content .stats-wrapper .finished.green,
.referrals-container #referrals_stats .info-box .content .stats-wrapper .started.green {
color: #008445
}
.referrals-container #referrals_stats .info-box .content .stats-wrapper .url-modal {
background: #e8edf1;
text-align: center;
position: relative
}
.referrals-container #referrals_stats .info-box .content .stats-wrapper .url-modal .url-title {
font-weight: 700;
padding-bottom: 5px
}
.referrals-container .stats-tabs {
text-align: right;
margin-bottom: 30px
}
.referrals-container .sort {
display: inline-block;
text-align: right;
position: relative;
z-index: 1
}
.referrals-container .sort:after {
font-family: icomoon!important;
content: "\e9bf";
position: absolute;
top: 8px;
right: 9px;
color: #5d666d;
pointer-events: none
}
.referrals-container .sort .results-amount-container {
float: left;
color: #69737b;
margin-right: 20px;
font-size: 14px;
margin-top: 8px
}
.referrals-container .sort select {
border: 1px solid #d9dee2;
color: #5d666d;
display: inline-block;
font-size: .875em;
padding: 7px 28px 7px 10px;
width: auto
}
.referrals-container .sort p {
color: #69737b;
display: inline-block;
font-weight: 600;
font-size: 11px;
letter-spacing: .05em;
margin-bottom: 10px;
text-align: right;
text-transform: uppercase;
margin-right: 3px
}
.referrals-container .sort p span {
margin-right: 5px
}
.progress-outer {
padding: 40px 0
}
.progress-outer .progress-wrapper {
position: relative;
max-width: 800px;
margin: 0 auto;
padding-top: 1px
}
.progress-outer .progress-wrapper .target-pointers {
z-index: 1;
position: absolute;
white-space: nowrap;
left: calc(100% - 25px);
text-align: center;
top: 21px;
width: 30px;
font-size: 16px;
text-transform: capitalize;
background: #fff;
color: #2d3942;
height: 30px;
border-radius: 100%;
font-weight: 500;
padding-top: 5px
}
.progress-outer .progress-wrapper .target-pointers:before {
color: #fff;
line-height: 165px;
position: absolute
}
.progress-outer .progress-wrapper .target-pointers:after {
position: absolute;
z-index: -1;
top: 50%;
border-radius: 50%;
content: "";
background-color: inherit;
bottom: inherit;
left: 50%;
margin: -.1875rem;
width: .375rem;
height: .375rem;
box-shadow: .32476rem -3rem 0 -.1875rem #f99d25, -.32476rem -2.625rem 0 -.1875rem #0094c9, 2.54798rem -1.61656rem 0 -.1875rem #83c11f, 1.84982rem -1.89057rem 0 -.1875rem #f99d25, 2.85252rem .98418rem 0 -.1875rem #0094c9, 2.63145rem .2675rem 0 -.1875rem #83c11f, 1.00905rem 2.84381rem 0 -.1875rem #f99d25, 1.43154rem 2.22414rem 0 -.1875rem #0094c9, -1.59425rem 2.562rem 0 -.1875rem #83c11f, -.84635rem 2.50595rem 0 -.1875rem #f99d25, -2.99705rem .35095rem 0 -.1875rem #0094c9, -2.48692rem .90073rem 0 -.1875rem #83c11f, -2.14301rem -2.12438rem 0 -.1875rem #f99d25, -2.25479rem -1.38275rem 0 -.1875rem #0094c9
}
.progress-outer .progress-wrapper .target-pointers.pop {
animation: heart .5s cubic-bezier(.17, .89, .32, 1.49)
}
.progress-outer .progress-wrapper .target-pointers.pop:after {
animation: inherit;
animation-timing-function: ease-out;
will-change: opacity, box-shadow;
animation-name: particles
}
.progress-outer .progress-wrapper #target-0:before {
content: "Free Digital Certificate";
width: 27px;
height: 33px;
background: url(https://cdn01.alison-static.net/public/html/site/img/pricing/certificate-top.png) no-repeat;
top: -38px;
left: 2px;
text-indent: -53px
}
.progress-outer .progress-wrapper #target-1:before {
content: "Free Digital Diploma";
width: 21px;
height: 32px;
background: url(https://cdn01.alison-static.net/public/html/site/img/pricing/diploma-top.png);
top: -38px;
left: 4px;
text-indent: -60px
}
.progress-outer .progress-wrapper #referrals-progress {
margin-top: 30px;
width: 100%;
height: 14px;
border-radius: 3px;
background: #aaa
}
.progress-outer .progress-wrapper #referrals-progress .progress-container {
width: 100%
}
.progress-outer .progress-wrapper #referrals-progress .progress-container .progress-bar {
width: 0;
height: 14px;
border-radius: 3px;
background: #10a650;
transition: width .3s ease-in
}
@media(max-width:998px) {
.progress-outer .progress-wrapper #target-0:before,
.progress-outer .progress-wrapper #target-1:before {
content: ""
}
}
.bottom-sticky {
position: fixed;
bottom: 0;
z-index: 99;
text-align: center;
width: 100%;
background: #2e3942;
padding: 10px;
transition: all .3s ease-in;
box-shadow: 0 -3px 4px 0 rgba(50, 50, 50, .75)
}
.bottom-sticky.at-bottom {
bottom: -200px
}
.bottom-sticky .ad {
margin: 0 auto
}
@media(max-width:500px) {
.bottom-sticky {
display: none
}
}
.voucher-warning {
text-align: center;
padding-bottom: 10px;
font-size: 12px
}
.voucher-warning a {
color: #0094c9
}
#empower-page {
padding: 45px 0 0;
position: relative
}
#empower-page h2 {
color: #5d666d;
display: block;
font: 400 22px Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
text-align: center
}
#empower-page .suggestions-feedback {
background: #f3f6f7;
margin: 50px 0 0;
padding: 40px 0;
text-align: center
}
#empower-page .suggestions-feedback .wrapper {
max-width: 800px
}
#empower-page .suggestions-feedback img {
margin: 20px 0
}
#empower-page .suggestions-feedback p {
color: #2d3942;
font: 700 1.0625em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
#empower-page .suggestions-feedback h5 {
font-size: 19px;
position: relative
}
#empower-page .suggestions-feedback h5:after {
background: #0091c7;
bottom: -10px;
content: "";
height: 1px;
left: 50%;
margin-left: -18px;
position: absolute;
width: 36px
}
@media only screen and (min-width:768px) {
#empower-page h2 {
font-size: 30px
}
}
.empower-listing {
text-align: center
}
.empower-listing li {
display: inline-block;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
margin: 20px 0;
max-width: 320px;
padding: 20px 10px;
vertical-align: top
}
.empower-listing li h3,
.empower-listing li p {
color: #5d666d
}
.empower-listing li h3 {
font-size: 18px;
margin: 0 0 20px
}
.empower-listing li p {
margin: 0
}
.empower-listing li .text {
margin: 0 0 30px
}
.empower-listing li .btn {
background: #0094c9;
border-radius: 4px;
color: #fff;
display: inline-block;
font-size: 14px;
line-height: 20px;
max-width: 100%;
min-width: 150px;
padding: 4px 15px;
width: auto
}
.empower-listing li .btn:hover {
background: #006e96
}
.empower-listing li .btn.btn-social {
min-width: 80px
}
@media only screen and (min-width:768px) {
.empower-listing li {
margin: 10px 40px;
max-width: 280px
}
.empower-listing li:last-child,
.empower-listing li:nth-last-child(2),
.empower-listing li:nth-last-child(3) {
margin: 10px 0;
max-width: 100%;
position: relative;
width: 100%
}
.empower-listing li:last-child img,
.empower-listing li:nth-last-child(2) img,
.empower-listing li:nth-last-child(3) img {
float: left;
width: 120px
}
.empower-listing li:last-child .text,
.empower-listing li:nth-last-child(2) .text,
.empower-listing li:nth-last-child(3) .text {
float: left;
margin: 20px 40px 0;
padding: 0 15px;
width: calc(100% - 360px)
}
.empower-listing li:last-child .btn,
.empower-listing li:nth-last-child(2) .btn,
.empower-listing li:nth-last-child(3) .btn {
bottom: 20px;
position: absolute;
right: 20px
}
}
@media only screen and (min-width:1020px) {
.empower-listing li {
margin: 10px;
width: calc(25% - 25px)
}
.empower-listing li:last-child,
.empower-listing li:nth-last-child(2),
.empower-listing li:nth-last-child(3) {
width: calc(100% - 32px)
}
}
@media only screen and (min-width:1240px) {
.empower-listing li:last-child .text,
.empower-listing li:nth-last-child(2) .text,
.empower-listing li:nth-last-child(3) .text {
margin: 20px 80px 0;
width: calc(100% - 430px)
}
}
.graduate-profile-popup-overlay,
.share-overlay {
position: fixed;
width: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, .5);
height: 100%;
z-index: 99999;
display: none
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner,
.graduate-profile-popup-overlay .share-overlay-inner,
.share-overlay .share-overlay-inner {
max-width: 400px;
margin: 100px auto 0;
border-radius: 5px;
padding: 20px 40px 30px;
text-align: center;
position: relative;
background: #fff;
background: linear-gradient(180deg, #fff 0, #dbdbdb);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFDBDBDB", GradientType=0);
box-shadow: 0 2px 5px 0 rgba(50, 50, 50, .75)
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner .close,
.graduate-profile-popup-overlay .share-overlay-inner .close,
.share-overlay .share-overlay-inner .close {
position: absolute;
right: 20px;
top: 20px;
cursor: pointer
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner h3,
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner p,
.graduate-profile-popup-overlay .share-overlay-inner h3,
.graduate-profile-popup-overlay .share-overlay-inner p,
.share-overlay .share-overlay-inner h3,
.share-overlay .share-overlay-inner p {
color: #5d666d;
text-align: center
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner h3,
.graduate-profile-popup-overlay .share-overlay-inner h3,
.share-overlay .share-overlay-inner h3 {
margin-top: 10px
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner p,
.graduate-profile-popup-overlay .share-overlay-inner p,
.share-overlay .share-overlay-inner p {
margin-bottom: 40px
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner .btn,
.graduate-profile-popup-overlay .share-overlay-inner .btn,
.share-overlay .share-overlay-inner .btn {
background: #0094c9;
border-radius: 4px;
color: #fff;
display: inline-block;
font-size: 14px;
line-height: 20px;
max-width: 100%;
min-width: 150px;
padding: 4px 15px;
width: auto
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner .btn:hover,
.graduate-profile-popup-overlay .share-overlay-inner .btn:hover,
.share-overlay .share-overlay-inner .btn:hover {
background: #006e96
}
.graduate-profile-popup-overlay .graduate-profile-popup-overlay-inner .btn.btn-social,
.graduate-profile-popup-overlay .share-overlay-inner .btn.btn-social,
.share-overlay .share-overlay-inner .btn.btn-social {
min-width: 91px;
margin-bottom: 10px
}
.link-ad {
margin: 20px 0 0
}
section#write-about-alison-section-1 {
padding-top: 50px;
padding-bottom: 50px
}
section#write-about-alison-section-1 p {
color: #868c92
}
section#write-about-alison-section-1 .send-mail {
padding-top: 50px;
padding-bottom: 50px
}
section#write-about-alison-section-1 img {
width: 100%;
height: auto;
display: block
}
@media only screen and (min-width:768px) {
section#write-about-alison-section-1 img {
width: auto;
height: auto;
display: block
}
}
section#referral-section-2.suggestions-feedback,
section#write-about-alison-section-2.suggestions-feedback {
background: #f3f6f7;
margin: 50px 0 0;
padding: 40px 0;
text-align: center
}
section#referral-section-2.suggestions-feedback h2,
section#write-about-alison-section-2.suggestions-feedback h2 {
color: #5d666d;
display: block;
font-weight: 400;
font-size: 22px;
text-align: center
}
section#referral-section-2.suggestions-feedback .wrapper,
section#write-about-alison-section-2.suggestions-feedback .wrapper {
max-width: 800px
}
section#referral-section-2.suggestions-feedback img,
section#write-about-alison-section-2.suggestions-feedback img {
margin: 20px 0
}
section#referral-section-2.suggestions-feedback p,
section#write-about-alison-section-2.suggestions-feedback p {
color: #2d3942;
font: 700 1.0625em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
section#referral-section-2.suggestions-feedback a h5,
section#write-about-alison-section-2.suggestions-feedback a h5 {
font-size: 19px;
position: relative;
color: #2d3942;
transition: color 2s
}
section#referral-section-2.suggestions-feedback a h5:hover,
section#write-about-alison-section-2.suggestions-feedback a h5:hover {
color: #4c606f
}
section#referral-section-2.suggestions-feedback a h5:after,
section#write-about-alison-section-2.suggestions-feedback a h5:after {
background: #0091c7;
bottom: -10px;
content: "";
height: 1px;
left: 50%;
margin-left: -18px;
position: absolute;
width: 36px
}
.go-back {
padding-top: 50px;
padding-bottom: 20px
}
#poster-page {
color: #2d3942
}
#poster-page h1 {
font-weight: 400;
font-size: 1.975em;
margin-top: 170px
}
#poster-page p span {
font-weight: 500;
font-style: italic;
font-size: .955em
}
#poster-page a:link,
#poster-page a:visited {
color: #0091c7;
text-decoration: none
}
#poster-page a:active,
#poster-page a:focus,
#poster-page a:hover {
color: #00597b;
text-decoration: none
}
#poster-page #main-section {
margin-top: 20px
}
#poster-page #posters-section {
max-width: 840px;
margin-left: auto;
margin-right: auto;
padding: 10px 20px 0
}
#poster-page #posters-section p.cta {
margin-bottom: 45px
}
#poster-page #posters-section img.photo {
margin-top: -5px
}
#poster-page #posters-section .poster {
border-radius: 5px;
box-shadow: 0 0 20px #cacaca;
padding: 20px 50px;
margin-bottom: 25px;
transition: box-shadow .5s ease-in-out
}
#poster-page #posters-section .poster h2 {
margin-bottom: 0
}
#poster-page #posters-section .poster h2,
#poster-page #posters-section .poster h3 {
font-weight: 400;
font-size: 1.275em
}
#poster-page #posters-section .poster img {
width: 100%;
height: auto;
display: block
}
#poster-page #posters-section .poster:hover {
box-shadow: 0 0 20px #6b6b6b
}
#poster-page #posters-section p {
font-size: 1.575em
}
#poster-page #posters-section a.btn-rounded {
margin-top: 30px;
border-radius: 3px;
color: #fff;
max-width: 175px;
width: 175px
}
#donate-banner-container .banner .banner-align h1 {
font-size: 1.875em;
margin: 0 0 130px
}
#donate-banner-container .banner .banner-align .align-center {
vertical-align: bottom
}
.donate {
width: 100%;
max-width: 100%;
background: #f5f6f8
}
.donate .info-box {
margin: -99px auto 20px;
z-index: 99;
text-align: center;
max-width: 910px
}
.donate .info-box .body .cols-container .col-sm-12 {
padding: 0
}
.donate .info-box .content {
padding: 20px 0 0;
border-radius: 5px;
text-align: center;
background-color: #f5f6f8
}
.donate .wrapper {
padding: 0
}
.donate .three-columns {
margin: 0;
padding: 0;
text-align: center;
position: relative;
z-index: 1;
background-color: #f5f6f8
}
.donate .three-columns:after {
display: none
}
.donate .three-columns .content {
padding: 0;
min-height: 177px;
background-color: #f5f6f8
}
.donate .three-columns h3 {
font-size: 1.875em;
color: #465159;
margin: 50px 0 27px
}
.donate .three-columns h2 {
font-size: 27px;
color: #f49b29;
margin: 20px 0 0
}
.donate .three-columns p {
width: 91%;
margin: auto;
font-size: 1em;
color: #465159;
padding: 10px 0
}
.donate .three-columns ol {
background: #f5f6f8
}
.donate .three-columns ol li {
margin: 20px 0;
padding: 30px 20px 0;
max-width: 300px
}
@media only screen and (min-width:768px) {
.donate .three-columns h2 {
font-size: 2.5em
}
.donate .three-columns li:nth-child(2) {
border: none
}
}
@media only screen and (min-width:1020px) {
.donate .three-columns li:nth-child(2) {
border-left: 2px solid #fff;
border-right: 2px solid #fff
}
}
#contentDonation {
background: #fff
}
#contentDonation .wrapper {
padding: 50px 0
}
#contentDonation .wrapper .btn {
display: block;
margin: 50px auto;
max-width: 347px;
position: relative;
height: 47px;
font-size: 1.25em;
border-radius: 4px
}
#contentDonation .wrapper .paypal {
background: url(https://cdn01.alison-static.net/public/html/site/img/paypal-icon.png) no-repeat 0;
width: 25px;
height: 50px;
margin-left: 38px;
display: inline-block;
vertical-align: middle;
position: absolute;
left: 0;
top: 0
}
#contentDonation .wrapper p {
font-size: 1em;
text-decoration: none;
color: #465159
}
#contentDonation .wrapper p .link {
color: #0091c7;
text-decoration: none
}
#contentDonation .wrapper p i {
font-style: italic
}
#helping_content {
padding-bottom: 70px
}
#press-page {
position: relative
}
#press-page h2 {
color: #5d666d;
display: block;
font: 400 22px Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
text-align: center
}
#press-page .suggestions-feedback {
background: #f3f6f7;
padding: 40px 20px;
text-align: left
}
#press-page .suggestions-feedback .wrapper {
max-width: 1000px;
padding: 10px 0
}
#press-page .suggestions-feedback img {
margin: 20px 0
}
#press-page .suggestions-feedback p {
color: #465159;
font: .9375em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
#press-page .suggestions-feedback a {
text-decoration: none;
color: #465159
}
#press-page .press-listing {
text-align: center
}
#press-page .press-listing li {
display: inline-block;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
margin: 20px;
max-width: 280px;
padding: 20px 10px;
vertical-align: top
}
#press-page .press-listing li h3,
#press-page .press-listing li p {
color: #465159
}
#press-page .press-listing li h3 {
font-size: 18px;
margin: 0 0 20px
}
#press-page .press-listing li p {
margin: 0
}
#press-page .press-listing li .text {
margin: 0 0 30px
}
#press-page .press-listing li .btn {
background: #0094c9;
border-radius: 4px;
color: #fff;
display: inline-block;
font-size: 14px;
line-height: 20px;
max-width: 100%;
min-width: 150px;
padding: 4px 15px;
width: auto
}
#press-page .press-listing li .btn:hover {
background: #006e96
}
#press-page .press-listing li .btn.btn-social {
min-width: 80px
}
@media only screen and (min-width:768px) {
#press-page h2 {
font-size: 30px
}
}
@media only screen and (min-width:1020px) {
#press-page .wrapper {
padding: 55px 0
}
#press-page .press-listing li {
margin: 10px;
padding: 20px 10px;
width: calc(25% - 25px);
max-width: 207px
}
}
.bannerRoom {
width: 80%;
margin: auto
}
#media-kit {
position: relative
}
#media-kit .intro,
#media-kit .suggestions-feedback {
padding-top: 70px;
text-align: left
}
#media-kit .intro h1,
#media-kit .suggestions-feedback h1 {
color: #5d666d;
display: block;
font: 400 20px Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
text-align: center
}
#media-kit .intro .wrapper,
#media-kit .suggestions-feedback .wrapper {
max-width: 1000px;
padding: 10px 0
}
#media-kit .intro img,
#media-kit .suggestions-feedback img {
margin: 20px 0
}
#media-kit .intro p,
#media-kit .suggestions-feedback p {
color: #465159;
font: 16px Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
text-align: center
}
#media-kit .intro a,
#media-kit .suggestions-feedback a {
text-decoration: none;
color: #0094c9
}
#media-kit .media-listing {
text-align: center
}
#media-kit .media-listing a {
text-decoration: none;
color: #465159
}
#media-kit .media-listing li {
display: inline-block;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
margin: 20px;
max-width: 200px;
padding: 20px 10px 0;
vertical-align: top;
width: 100%
}
#media-kit .media-listing p {
font-size: 1em;
color: #465159;
line-height: 20px;
margin: 0;
padding-top: 15%
}
#media-kit .media-listing .text {
margin: 0 0 30px
}
.suggestions-feedback {
padding: 0 0 30px
}
@media only screen and (min-width:768px) {
.media-listing li {
padding: 20px 10px 0
}
}
hr.gradient-hr {
border: 0;
height: 1px;
background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, .25), transparent)
}
.media-kit-banner h1 {
color: #2d3942
}
#alison-logo-page {
color: #5d666d
}
#alison-logo-page div.banner-container div.banner {
background: url(https://cdn01.alison-static.net/public/html/site/img/alison-logo-banner.jpg) no-repeat!important
}
#alison-logo-page div.banner-container div.banner .banner-align {
height: 165px
}
#alison-logo-page .align-center {
vertical-align: bottom
}
#alison-logo-page strong {
color: #2d3942;
font-weight: 500
}
#alison-logo-page section {
margin-top: 25px;
margin-bottom: 25px
}
#alison-logo-page h1 {
font: 400 1.975em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
#alison-logo-page h4 {
color: #2d3942
}
#alison-logo-page img {
width: 100%;
height: auto
}
#alison-logo-page .image-container {
margin-bottom: 25px
}
#alison-logo-page .image-container img {
border-radius: 7px;
border: 1px solid #b4bdbf
}
#alison-logo-page .dont-item h4 {
margin-bottom: 0
}
#alison-logo-page .dont-item h4 span {
background-image: url(https://cdn01.alison-static.net/public/html/site/img/media-kit/don-t-0.jpg);
background-repeat: no-repeat;
width: 20px;
height: 19px;
display: inline-block;
margin-right: 10px
}
#alison-logo-page .dont-item p {
margin-left: 30px
}
#alison-logo-page .dont-item-image-container {
margin-bottom: 15px
}
#alison-logo-page .dont-item-image-container img {
border-radius: 3px;
border: 1px solid #b4bdbf
}
#alison-logo-page #media-kit-support-page-section-4 p:first-child {
margin-bottom: 25px
}
#alison-logo-page a.alison-logo-cta {
border-radius: 5px;
width: 250px;
margin-top: 50px
}
#alison-about-page section,
#alison-story section {
margin-top: 25px;
margin-bottom: 25px;
color: #5d666d
}
#alison-about-page section a:link,
#alison-about-page section a:visited,
#alison-story section a:link,
#alison-story section a:visited {
color: #f49b29
}
#alison-about-page section a:active,
#alison-about-page section a:focus,
#alison-about-page section a:hover,
#alison-story section a:active,
#alison-story section a:focus,
#alison-story section a:hover {
color: darken #f49b29, 15%
}
#alison-about-mike {
color: #2d3942
}
#alison-about-mike a:link,
#alison-about-mike a:visited {
color: #0091c7;
text-decoration: none
}
#alison-about-mike a:active,
#alison-about-mike a:focus,
#alison-about-mike a:hover {
color: #00597b;
text-decoration: none
}
#alison-about-mike section {
margin: 0
}
#alison-about-mike h1 {
font-weight: 400;
font-size: 2.875em
}
#alison-about-mike .full-width-wrapper.padded {
padding: 20px
}
@media only screen and (min-width:400px) {
#alison-about-mike .full-width-wrapper.padded {
padding: 20px 50px
}
}
#alison-about-mike section#intro {
padding-top: 20px
}
#alison-about-mike .split-wrap .split-image {
width: 50%;
margin-bottom: 0
}
@media screen and (max-width:1440px) {
#alison-about-mike .split-wrap .split-image {
width: 100%;
margin-bottom: -4px
}
}
#alison-about-mike .split-wrap .split-image.split-image-left {
float: left
}
#alison-about-mike .split-wrap .split-image.split-image-right {
float: right
}
#alison-about-mike .split-wrap .split-image img {
width: 100%;
height: 100%
}
@media screen and (max-width:1440px) {
#alison-about-mike .split-wrap .split-image img {
height: auto
}
}
#alison-about-mike .split-wrap .split-text {
background: #f3f6f7;
width: 50%;
padding: 0 50px
}
@media screen and (max-width:1440px) {
#alison-about-mike .split-wrap .split-text {
width: 100%
}
}
#alison-about-mike .split-wrap .split-text.blockquote {
background: #0093c9;
color: #fff
}
#alison-about-mike .split-wrap .split-text.blockquote .outer-wrap {
display: table;
width: 100%
}
#alison-about-mike .split-wrap .split-text.blockquote .outer-wrap .inner-wrap {
display: table-cell;
vertical-align: middle;
height: 488px
}
#alison-about-mike .split-wrap .split-text.blockquote .outer-wrap .inner-wrap .quote-mark span {
font-size: 4.5em
}
#alison-about-mike .split-wrap .split-text.blockquote .outer-wrap .inner-wrap .quote-body {
margin: 10px 0 20px;
font-weight: 500;
font-size: 2.1575em
}
@media screen and (max-width:570px) {
#alison-about-mike .split-wrap .split-text.blockquote .outer-wrap .inner-wrap .quote-body {
font-weight: 500;
font-size: 1.575em
}
}
#alison-about-mike .split-wrap .split-text.blockquote .outer-wrap .inner-wrap .signature p:first-child {
font-weight: 400;
font-size: 1.875em;
font-style: italic;
margin-bottom: 0
}
#alison-about-mike .split-wrap .split-text.blockquote .outer-wrap .inner-wrap .signature p:last-child {
font-weight: 400;
font-size: 1.575em;
font-style: italic
}
#alison-about-mike .split-wrap .split-text.split-text-left {
float: left
}
#alison-about-mike .split-wrap .split-text.split-text-right {
float: right
}
#alison-about-mike .split-wrap .split-text .outer-wrap {
display: table;
width: 100%
}
#alison-about-mike .split-wrap .split-text .outer-wrap .inner-wrap {
display: table-cell;
vertical-align: middle;
height: 618px
}
#alison-about-mike .split-wrap .split-text ul.mikes-awards {
margin-top: 20px;
margin-left: 20px
}
#alison-about-mike .split-wrap .split-text ul.mikes-awards li {
font-weight: 500;
font-size: .8975em;
font-style: italic
}
#alison-about-mike .split-wrap .split-text ul.mikes-awards li>span {
display: inline-block
}
#alison-about-mike .split-wrap .split-text ul.mikes-awards li>span.bullet {
position: relative;
top: 11px
}
#alison-about-mike .split-wrap .split-text ul.mikes-awards li>span.list-item {
margin-left: 15px
}
@media(max-width:850px) {
#alison-about-mike .split-wrap .split-image {
width: 100%
}
#alison-about-mike .split-wrap .split-image.split-image-left,
#alison-about-mike .split-wrap .split-image.split-image-right {
float: left
}
#alison-about-mike .split-wrap .split-text {
width: 100%
}
#alison-about-mike .split-wrap .split-text.split-text-left,
#alison-about-mike .split-wrap .split-text.split-text-right {
float: left
}
}
#alison-about-mike section#news-video {
background-color: #2d3942;
min-height: 320px;
padding: 20px 0
}
#alison-about-mike section#news-video h3 a:link,
#alison-about-mike section#news-video h3 a:visited {
color: #fff
}
#alison-about-mike section#news-video h3 a:active,
#alison-about-mike section#news-video h3 a:focus,
#alison-about-mike section#news-video h3 a:hover {
color: #e6e6e6
}
#alison-about-mike section#news-video .slider-navi {
float: none;
margin-top: 15px;
text-align: center
}
@media screen and (max-width:1200px) {
#alison-about-mike section#news-video .slider-navi {
margin-bottom: 50px
}
}
#alison-about-mike section#news-video .slider-navi button {
display: inline-block!important;
background-color: #fff;
border-radius: 3px;
width: 30px;
height: 30px;
margin: 0 3px 5px;
border: 1px solid #d2d7dc;
transition: background-color .3s ease-in-out
}
#alison-about-mike section#news-video .slider-navi button span {
display: inline-block;
transform: rotate(90deg)
}
#alison-about-mike section#news-video .slider-navi button.alc-slide-next span,
#alison-about-mike section#news-video .slider-navi button.alc-slide-prev span {
position: relative;
left: -7px;
top: -4px;
color: #2d3942
}
#alison-about-mike section#news-video article {
width: 200px;
height: 280px;
display: inline-block;
margin: 5px;
background: #fff;
border-radius: 5px;
text-align: center
}
#alison-about-mike section#news-video article img.video-thumbnail {
display: block;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
width: 100%;
height: 150px
}
#alison-about-mike section#news-video article .header-image {
background: #e9eef2;
height: 50px;
border-top-left-radius: 5px;
border-top-right-radius: 5px
}
#alison-about-mike section#news-video article .header-image img {
display: block;
margin: 0 auto
}
#alison-about-mike section#news-video article .article-wrap {
height: 191px;
padding: 0 10px
}
#alison-about-mike section#news-video article .article-wrap p.date {
color: #0091c7;
font-size: .785em;
padding-top: 5px;
margin-bottom: 10px
}
#alison-about-mike section#news-video article .article-wrap .heading p {
font-weight: 500;
font-size: .875em;
color: #2d3942;
margin-bottom: 10px
}
#alison-about-mike section#news-video article .article-wrap .body.video-body {
margin-top: 10px;
height: 80px;
font-weight: 500;
font-size: .875em;
color: #2d3942
}
#alison-about-mike section#news-video article .article-wrap .body p {
font-weight: 400;
font-size: .875em;
color: #2d3942;
margin-bottom: 10px
}
#alison-about-mike section#news-video article .readmore {
border-radius: 5px;
font-size: .875em;
padding: 5px 20px
}
#alison-about-mike section#outro .wrapper {
max-width: 1500px
}
#alison-about-mike section#outro .wrapper .outro-wrap {
padding: 20px 0 30px;
text-align: center
}
#alison-about-mike section#outro .wrapper .outro-wrap .social-box {
display: inline-block;
margin: 0 10px;
width: 464px;
padding: 20px;
text-align: center;
vertical-align: top
}
@media screen and (max-width:1520px) {
#alison-about-mike section#outro .wrapper .outro-wrap .social-box {
width: 320px
}
}
#alison-about-mike section#outro .wrapper .outro-wrap .social-box h2 {
font-weight: 400;
font-size: 2.175em;
color: #2d3a43
}
#alison-about-mike section#outro .wrapper .outro-wrap .social-box img {
display: inline-block;
margin: 0 10px
}
#alison-about-mike section#outro .wrapper .outro-wrap .social-box p {
color: #465159;
margin-top: 15px
}
#alison-about-mike section#outro .wrapper .outro-wrap .social-box p span {
color: #0091c7
}
#alison-story h2 {
display: block;
font: 400 22px Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
text-align: center
}
#alison-story img {
width: 100%;
height: auto;
display: block
}
#attestation-banner-container .banner .banner-align h1 {
font-weight: 400;
font-size: 1.975em;
margin-bottom: 70px
}
#attestation-banner-container .banner .align-center {
vertical-align: bottom
}
div#attestation {
margin-top: 30px
}
div#attestation p,
div#attestation ul li {
font-weight: 400;
font-size: .975em;
margin: 0 0 20px;
color: #5d666d;
line-height: 1.5em
}
a.attestation-cta-button {
position: relative;
color: #2d3942;
background: #f5f8fa;
border: 2px solid #f49b29;
padding: 10px;
border-radius: 5px;
padding-left: 80px;
opacity: 1;
-webkit-transition: opacity 2s;
font-weight: 500
}
a.attestation-cta-button span.anchor {
margin-left: -60px;
margin-right: 40px
}
a.attestation-cta-button:hover {
opacity: .7
}
a.attestation-cta-button .arrow,
a.attestation-cta-button .arrow:before {
position: absolute;
left: 50%
}
a.attestation-cta-button .arrow {
width: 18px;
height: 18px;
top: 32%;
margin: -20px 0 0 -20px;
transform: rotate(-45deg);
border-left: none;
border-top: none;
border-right: 2px solid #f49b29;
border-bottom: 2px solid #f49b29;
margin-left: 35px;
margin-top: -2px
}
a.attestation-cta-button .arrow:before {
content: "";
width: 10px;
height: 10px;
top: 50%;
margin: -5px 0 0 -5px;
border-left: none;
border-top: none;
border-right: 1px solid #f49b29;
border-bottom: 1px solid #f49b29;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-name: arrow
}
@keyframes arrow {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate(-10px, -10px)
}
}
ul#attestation-list {
margin-top: 30px
}
ul#attestation-list li {
padding: 5px 0 3px 60px;
list-style: none;
margin: 0;
height: 35px;
font-weight: 400;
font-size: .975em;
color: #2d3a42
}
ul#attestation-list li:first-child {
background: url(https://cdn01.alison-static.net/public/html/site/img/attestation-envelope.png) no-repeat 0 0
}
ul#attestation-list li:nth-child(2) {
background: url(https://cdn01.alison-static.net/public/html/site/img/attestation-truck.png) no-repeat 0 0
}
#attestation-section-2 .split-screen-module {
width: 100%
}
#attestation-section-2 .split-screen-module .split-screen-column {
width: 100%;
float: left
}
@media only screen and (min-width:1140px) {
#attestation-section-2 .split-screen-module .split-screen-column {
width: 50%;
float: left
}
}
#attestation-section-2 .split-screen-module .split-screen-column.content-column {
background-color: #f5f8fa
}
#attestation-section-2 .split-screen-module .split-screen-column.vertical-align-parent {
position: static
}
@media only screen and (min-width:1140px) {
#attestation-section-2 .split-screen-module .split-screen-column.vertical-align-parent {
position: relative
}
}
#attestation-section-2 .split-screen-module .split-screen-column.vertical-align-parent .vertical-align-child {
position: static;
top: auto;
transform: none
}
@media only screen and (min-width:1140px) {
#attestation-section-2 .split-screen-module .split-screen-column.vertical-align-parent .vertical-align-child {
position: relative;
top: 50%;
transform: translateY(-50%)
}
}
#attestation-section-2 .split-screen-module .split-screen-column.background-image-column {
background-image: url(https://cdn01.alison-static.net/public/html/site/img/section-2.jpg);
background-position: 50%;
background-size: cover
}
#attestation-section-2 .split-screen-module .split-screen-column.background-image-column img {
width: 100%;
height: 100%;
display: block;
visibility: hidden
}
#attestation-section-2 .split-screen-module .split-screen-column .content-area {
width: 100%
}
@media only screen and (min-width:1140px) {
#attestation-section-2 .split-screen-module .split-screen-column .content-area {
max-width: 570px
}
}
#attestation-section-2 .split-screen-module .split-screen-column .content-area.left {
float: right;
padding: 10px 50px 10px 15px
}
#attestation-section-2 .split-screen-module .split-screen-column .content-area.right {
float: left;
padding: 10px 15px 10px 50px
}
#attestation-section-2 .split-screen-module .split-screen-column .content-area h3,
#attestation-section-2 .split-screen-module .split-screen-column .content-area p {
color: #2d3942
}
#attestation-section-2 .split-screen-module .split-screen-column .content-area p {
font-weight: 500
}
#attestation-section-2 .split-screen-module .split-screen-column .content-area p:last-of-type {
padding-bottom: 0;
margin-bottom: 0
}
#attestation-section-2 .split-screen-module .split-screen-column .content-area ul li {
background: url(https://cdn01.alison-static.net/public/html/site/img/enterprise-list-bullet.png) no-repeat 0 0;
padding: 14px 0 3px 60px;
list-style: none;
margin: 0;
height: 65px;
font-size: .875em;
color: #2d3a42
}
#attestation-section-2 .split-screen-module .split-screen-column .content-area.left {
padding: 40px 50px 40px 15px
}
#attestation-section-2 .split-screen-module .split-screen-column .content-area h3 {
font-weight: 400;
font-size: 1.475em
}
#attestation-section-2 .split-screen-module .split-screen-column .content-area ul li {
font-weight: 400;
font-size: .975em
}
#attestation-section-2 .split-screen-module .split-screen-column .content-area ul li:last-child {
margin-bottom: 40px
}
.cancel-page--header {
background-color: #0094c9;
padding: 60px 30px 30px
}
.cancel-page--header .cancel-page--col {
width: 50%;
float: left;
padding: 20px
}
.cancel-page--header .cancel-page--col h1 {
font-weight: 400;
color: #fff;
margin-top: 0
}
.cancel-page--header .cancel-page--col p {
color: #fff;
max-width: 504px;
font-size: 16px
}
.cancel-page--header .cancel-page--col .cancel-page--keep-premium {
padding-top: 40px
}
.cancel-page--header .cancel-page--col .cancel-page--keep-premium span {
font-weight: 500;
color: #2d3942
}
.cancel-page--header .cancel-page--col .cancel-page--keep-premium .btn-orange {
background-color: #f49b29;
display: inline;
margin-left: 30px;
border-radius: 3px
}
.cancel-page--header .cancel-page--col .cancel-page--keep-premium .btn-orange:hover {
background-color: #db8a23
}
@media(max-width:1220px) {
.cancel-page--header .cancel-page--col {
width: 100%;
float: none
}
}
@media(max-width:500px) {
.cancel-page--header .cancel-page--col {
padding: 20px 0
}
.cancel-page--header .cancel-page--col .cancel-page--keep-premium {
text-align: center
}
.cancel-page--header .cancel-page--col .cancel-page--keep-premium span {
display: block;
margin-bottom: 10px
}
.cancel-page--header .cancel-page--col .cancel-page--keep-premium a.btn-orange {
display: inline-block;
max-width: none;
margin: 0
}
}
.cancel-page--header .cancel-page--benifits {
background-color: #fff;
border-radius: 5px;
padding: 20px 30px;
max-width: 700px
}
.cancel-page--header .cancel-page--benifits h3 {
font-size: 19px;
text-align: center;
border-bottom: 1px solid #d2d7dc;
padding-bottom: 20px;
margin-bottom: 15px
}
.cancel-page--header .cancel-page--benifits .cancel-page--terms {
text-align: center;
font-size: 12px;
margin-top: 20px;
font-style: italic
}
@media(max-width:1220px) {
.cancel-page--header .cancel-page--benifits {
margin: 0 auto
}
}
.cancel-page--header .cancel-page--benifits-col {
width: 50%;
float: left;
color: #2d3942
}
.cancel-page--header .cancel-page--benifits-col:first-child {
padding-right: 40px
}
.cancel-page--header .cancel-page--benifits-col:nth-child(2) {
padding-left: 40px
}
@media(max-width:1340px) {
.cancel-page--header .cancel-page--benifits-col:first-child {
padding-right: 10px
}
.cancel-page--header .cancel-page--benifits-col:nth-child(2) {
padding-left: 10px
}
}
@media(max-width:638px) {
.cancel-page--header .cancel-page--benifits-col {
width: 100%;
float: none
}
}
.cancel-page--header .cancel-page--benifits-heading {
padding-bottom: 15px;
display: inline-block;
font-weight: 500
}
.cancel-page--header .cancel-page--benifits-heading span {
display: block;
margin-bottom: 15px;
font-size: 30px;
color: #c9c9c9;
text-align: center;
font-weight: 400
}
.cancel-page--header .cancel-page--benifits-heading .icon-crown {
color: #f49b29;
font-size: 35px;
margin-top: -7px
}
.cancel-page--header .cancel-page--benifits-body {
line-height: 49px
}
.cancel-page--header .cancel-page--benifits-body .icon-checkmark,
.cancel-page--header .cancel-page--benifits-body .icon-cross2 {
font-weight: 700;
font-size: 30px;
float: right;
line-height: inherit
}
.cancel-page--header .cancel-page--benifits-body .icon-checkmark {
color: #10a650
}
.cancel-page--header .cancel-page--benifits-body .icon-cross2 {
color: #e42330
}
@media(max-width:500px) {
.cancel-page--header {
padding: 60px 10px 30px
}
.cancel-page--header .cancel-page--benifits-body {
font-size: 12px
}
}
@media(max-width:345px) {
.cancel-page--header {
padding: 60px 10px 30px
}
.cancel-page--header .cancel-page--benifits-body {
font-size: 12px
}
}
.cancel-page--body {
text-align: center;
color: #2d3942;
padding: 50px 30px 100px
}
.cancel-page--body p {
font-size: 16px
}
.cancel-page--body p a {
color: #0094c9
}
.cancel-page--body>a {
display: inline-block;
max-width: none;
border-radius: 3px;
margin-top: 20px
}
.cancel-page__goodbye .cancel-page--header {
padding: 100px 0
}
.cancel-page__goodbye .cancel-page--header h1 {
max-width: 1000px;
font-weight: 300;
color: #fff;
text-align: center;
margin: 0 auto
}
.cancel-page__goodbye .cancel-page--body {
text-align: center;
max-width: 526px;
margin: 0 auto
}
.cancel-page__goodbye .cancel-page--body p {
line-height: 28px
}
.cancel-page__goodbye .cancel-page--body p .get-subscription-date {
color: #0094c9;
display: inline-block;
margin-top: 20px;
font-size: 28px
}
.order-history--inner>ul {
transition: all .3s ease-in-out
}
.details-popup {
position: fixed;
width: 100%;
height: 100%;
background: hsla(0, 0%, 100%, .5);
z-index: 999;
top: 0;
opacity: 0;
transition: all .5s ease-in-out
}
.details-popup .details-popup--close {
position: absolute;
right: 10px;
top: 14px;
cursor: pointer
}
.details-popup .details-popup--inner {
position: absolute;
width: 350px;
min-height: 300px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 20px;
box-shadow: 0 2px 4px 0 rgba(50, 50, 50, .6)
}
.details-popup .details-popup--inner button.print-button {
font-weight: 400;
font-size: .775em;
display: block;
width: 80px;
margin-left: auto;
margin-right: auto;
border-radius: 3px;
background-color: #2d3942;
border: 1px solid #2d3942;
color: #fff;
padding: 3px 5px;
transition: all .4s ease-in-out
}
.details-popup .details-popup--inner button.print-button:hover {
background-color: #fff;
border: 1px solid #2d3942;
color: #2d3942
}
.details-popup .details-popup--inner .details-popup--header {
margin: -20px -20px 10px;
background-color: #f3f4f6
}
.details-popup .details-popup--inner .details-popup--header h2 {
font-size: 18px;
font-weight: 400;
padding: 10px 20px;
margin-bottom: 0
}
.details-popup .details-popup--inner h4 {
font-size: 14px;
margin: 22px 0 10px;
color: #2d3942;
font-weight: 700
}
.details-popup .details-popup--inner .details-popup--order-items div:nth-child(2),
.details-popup .details-popup--inner .details-popup--order-items div:nth-child(3) {
width: 25%;
text-align: left
}
.details-popup .details-popup--inner .details-popup--order-items div:nth-child(3) {
text-align: right
}
.details-popup .details-popup--inner .details-popup--order-total li {
padding: 40px 0 0
}
.details-popup .details-popup--inner .details-popup--order-total li div:nth-child(2) {
width: 50%;
text-align: right
}
.details-popup .details-popup--list.float-list li,
.details-popup .details-popup--order-items.float-list li {
cursor: default;
padding: 3px 0
}
.details-popup .details-popup--list.float-list li:first-child,
.details-popup .details-popup--order-items.float-list li:first-child {
font-weight: 400;
margin-bottom: 0
}
.details-popup .details-popup--list.float-list div:nth-child(3),
.details-popup .details-popup--order-items.float-list div:nth-child(3) {
color: #2d3942
}
.details-popup .details-popup--vouchers-used {
font-size: 14px;
color: #2d3942
}
.float-list:not(.float-list__no-background) {
margin: 0 -20px
}
.float-list:not(.float-list__no-background) li {
background-color: #fff
}
.float-list:not(.float-list__no-background) li:nth-child(2n+2) {
background-color: #e9eef2
}
.float-list li {
padding: 9px 20px;
cursor: pointer;
color: #2d3942;
font-size: 14px
}
.float-list li:first-child {
margin-bottom: 10px;
font-weight: 500;
cursor: default
}
.float-list li:after {
content: "";
display: table;
clear: both
}
.float-list li div {
float: left
}
.float-list li div:first-child {
width: 40%
}
.float-list li div:nth-child(2) {
width: 30%
}
.float-list li div:nth-child(3) {
width: 30%;
text-align: right;
color: #0094c9
}
.float-list li span.product-name {
display: block;
width: 64%;
color: #888;
margin: 3px 0 0 5px;
font-size: .875em;
font-weight: 500
}
.pending-offline li {
cursor: auto
}
.pending-offline a.offline-link:link,
.pending-offline a.offline-link:visited {
color: #0094c9!important
}
div#printSection {
margin-left: 25px;
width: 90%;
max-height: 1500px;
overflow: hidden;
page-break-after: always
}
div#printSection>div>ul:nth-of-type(3)>li>div:nth-of-type(2) {
float: right;
text-align: right
}
div#printSection>div>button {
display: none!important
}
div#printSection>div>div:nth-of-type(2)>ul>li {
margin-left: 30px;
font-weight: 400;
font-size: 8.5pt
}
div#printSection div.details-popup--inner.printable h2 {
font-weight: 400;
font-size: 17pt;
border: 1px solid #aaa;
padding: 10px 5px
}
div#printSection div.details-popup--inner.printable h4 {
border: 1px solid #d4d4d4;
padding: 10px 5px;
margin-top: 10px
}
div#printSection div.details-popup--inner.printable ul.details-popup--order-items.float-list.float-list__no-background>li>div {
color: #2d3942
}
div#printSection div.details-popup--inner.printable div.details-popup--header div.details-popup--close span.icon-cross2 {
display: none!important
}
.vouchers {
display: none;
position: absolute;
z-index: 999
}
.vouchers .details-popup--close {
position: absolute;
right: 20px;
top: 19px;
cursor: pointer
}
.vouchers .details-popup--close span {
color: #2d3942
}
.vouchers .vouchers--inner {
border-radius: 3px;
overflow: hidden;
width: calc(100% - 20px);
padding: 0;
left: 10px;
top: 10px;
transform: translate(0)
}
@media only screen and (min-width:768px) {
.vouchers .vouchers--inner {
width: 723px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
}
.vouchers .vouchers--inner.no-vouchers .divider,
.vouchers .vouchers--inner.no-vouchers h4 {
display: none
}
.vouchers .vouchers--inner.no-vouchers .vouchers--list li {
display: block!important;
text-align: center;
color: #2d3942;
background: 0 0;
width: 100%;
height: auto;
margin: 20px 0 40px
}
.vouchers .vouchers--inner.no-vouchers .vouchers--list .no-voucher {
background-color: transparent!important
}
.vouchers .vouchers--inner h4 {
font-size: 21px;
padding: 0 10px 10px;
margin-top: 0;
color: #2d3942;
text-align: center;
font-weight: 300
}
.vouchers .vouchers--inner .divider {
text-align: center;
color: #2d3942;
font-size: 21px;
margin: 10px 0 20px
}
.vouchers .vouchers--inner .vouchers--header {
background: #e9eef2;
box-shadow: 0 1px 5px 0 rgba(50, 50, 50, .3)
}
.vouchers .vouchers--inner .vouchers--header h3 {
text-align: center;
color: #2d3942;
padding: 7px;
font-size: 28px;
font-weight: 300;
margin-bottom: 0
}
.vouchers .vouchers--inner .vouchers--container {
padding: 20px;
text-align: center
}
.vouchers .vouchers--inner .vouchers--container .vouchers--view-cart {
margin-top: 10px;
display: inline-block
}
.vouchers .vouchers--inner .vouchers--container ul .back,
.vouchers .vouchers--inner .vouchers--container ul .flipper,
.vouchers .vouchers--inner .vouchers--container ul .front,
.vouchers .vouchers--inner .vouchers--container ul .vouchers--voucher-inner,
.vouchers .vouchers--inner .vouchers--container ul li {
width: 120px;
height: 120px;
max-height: 120px
}
.vouchers .vouchers--inner .vouchers--container ul li {
transition: all .3s ease-in-out;
float: left;
color: #fff;
margin: 1%;
position: relative;
text-align: center;
display: none;
transition: opacity .3s ease-in;
border-radius: 8px;
cursor: pointer;
overflow: hidden
}
.vouchers .vouchers--inner .vouchers--container ul li .icon-checkmarks {
opacity: .2;
top: 50%;
height: 85px;
position: absolute;
transform: translateY(-50%);
left: 0
}
.vouchers .vouchers--inner .vouchers--container ul li .icon-checkmarks:after {
transition: all .1s ease-in-out;
height: 7px;
width: 80px;
background: #fff;
content: "";
position: absolute;
transform: rotate(-51deg);
top: 38px;
left: 35px
}
.vouchers .vouchers--inner .vouchers--container ul li .icon-checkmarks:before {
transition: all .2s ease-in-out;
height: 7px;
width: 40px;
background: #fff;
position: absolute;
content: "";
transform: rotate(39deg);
top: 54px;
left: 17px
}
.vouchers .vouchers--inner .vouchers--container ul li:not(.active):hover {
background-color: #e9eef2!important
}
.vouchers .vouchers--inner .vouchers--container ul li:hover {
box-shadow: 0 1px 5px 0 rgba(50, 50, 50, .5)
}
.vouchers .vouchers--inner .vouchers--container ul li:hover .icon-checkmarks {
opacity: .5
}
.vouchers .vouchers--inner .vouchers--container ul li:hover .icon-checkmarks:after {
top: 35px;
left: 20px;
transform: rotate(-45deg)
}
.vouchers .vouchers--inner .vouchers--container ul li:hover .icon-checkmarks:before {
width: 80px;
top: 35px;
left: 19px;
transform: rotate(225deg)
}
.vouchers .vouchers--inner .vouchers--container ul li svg {
width: 60px
}
.vouchers .vouchers--inner .vouchers--container ul li span[class^=icon-] {
font-size: 33px;
margin-bottom: 10px;
display: block
}
.vouchers .vouchers--inner .vouchers--container ul li .vouchers--voucher-inner {
padding: 10px;
position: absolute
}
.vouchers .vouchers--inner .vouchers--container ul li:not(.first) {
perspective: 1000px
}
.vouchers .vouchers--inner .vouchers--container ul li.first {
display: block;
background-color: #fff;
box-shadow: 0 1px 3px 0 rgba(50, 50, 50, .5)
}
.vouchers .vouchers--inner .vouchers--container ul li.first .vouchers--voucher-inner {
color: #0094c9
}
.vouchers .vouchers--inner .vouchers--container ul li.first .amount {
position: absolute;
background: #0094c9;
border-radius: 100%;
height: 20px;
text-align: center;
display: block;
right: -34px;
top: 6px;
width: 100px;
color: #fff;
transform: rotate(45deg)
}
.vouchers .vouchers--inner .vouchers--container ul li.first.active .amount {
display: none
}
.vouchers .vouchers--inner .vouchers--container ul li.first span[class^=icon-] {
font-size: 33px
}
.vouchers .vouchers--inner .vouchers--container ul li.active {
background-color: #0094c9;
display: block
}
.vouchers .vouchers--inner .vouchers--container ul li .amount {
display: none
}
.vouchers .vouchers--inner .vouchers--container ul li .flipper {
transition: transform .3s ease-in;
transform-style: preserve-3d;
position: absolute;
top: 0;
left: 0
}
.vouchers .vouchers--inner .vouchers--container ul li:not(.active):not(.first) {
background-color: #0094c9
}
.vouchers .vouchers--inner .vouchers--container ul li .back,
.vouchers .vouchers--inner .vouchers--container ul li .front {
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0
}
.vouchers .vouchers--inner .vouchers--container ul li .front {
padding: 18px;
z-index: 2;
transform: rotateY(0deg)
}
.vouchers .vouchers--inner .vouchers--container ul li .back,
.vouchers .vouchers--inner .vouchers--container ul li .vouchers--voucher-inner {
transform: translateY(-50%);
padding: 0 10px;
height: auto;
top: 50%
}
.vouchers .vouchers--inner .vouchers--container ul li .back {
transform: translateY(-50%) rotateY(180deg)
}
.vouchers .vouchers--inner .vouchers--container ul li.active.flip .flipper {
transform: rotateY(180deg)
}
.vouchers .vouchers--inner .vouchers--container .vouchers--voucher-label {
font-size: 14px;
line-height: 17px;
display: block
}
.vouchers .vouchers--inner .vouchers--container .vouchers--discount {
font-size: 19px;
font-weight: 700;
margin-bottom: 10px
}
.vouchers .vouchers--inner .vouchers--input {
background-color: #e9eef2;
padding: 20px 0 30px;
margin: 20px -20px -25px;
box-shadow: inset 0 1px 5px 0 rgba(50, 50, 50, .3)
}
.vouchers .voucher-entry {
text-align: center;
padding: 0 10px
}
.vouchers .voucher-entry input {
width: 100%;
float: none;
padding: 10px 20px;
margin-bottom: 15px;
height: 40px;
border: 1px solid #919090
}
.vouchers .voucher-entry button {
height: 40px;
margin-top: -1px
}
@media only screen and (min-width:768px) {
.vouchers {
position: fixed
}
.vouchers .vouchers--inner {
width: 723px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
.vouchers .voucher-entry {
padding: 0 100px
}
.vouchers .voucher-entry input {
width: calc(100% - 145px);
float: left
}
}
.vouchers .circ {
stroke-dasharray: 130;
opacity: 1;
stroke-dashoffset: 0
}
.vouchers .tick {
stroke-dasharray: 50;
stroke-dashoffset: 50;
transition: stroke-dashoffset 1s ease-out .5s
}
.vouchers .active svg .path {
opacity: 1;
stroke-dashoffset: 0
}
.vouchers__popup .widget {
display: none
}
.vouchers__widget .vouchers--list-outer {
padding: 10px 0
}
.vouchers__widget .vouchers--list-outer ul {
transition: all .3s ease-in-out
}
.vouchers-widget {
text-align: left
}
.vouchers-widget .vouchers-widget--inner {
text-align: center
}
.vouchers-widget .vouchers-widget--inner .vouchers-widget--list-wrapper .btn {
margin-top: 15px
}
.vouchers-widget .float-list {
text-align: left
}
.vouchers-widget .float-list li {
cursor: default
}
.vouchers-widget .float-list li div:first-child {
width: 30%
}
.vouchers-widget .float-list li div:nth-child(2) {
width: 50%
}
.vouchers-widget .float-list li div:nth-child(3) {
width: 20%;
color: #2d3942
}
.vouchers-widget .float-list li div:nth-child(3).voucher-applied {
color: #10a650
}
#search.occupation-wrapper [type=checkbox]:checked+label:after,
#search.occupation-wrapper [type=checkbox]:not(:checked)+label:after {
top: 6px!important;
border-radius: 2px
}
#search.occupation-wrapper .wrapper .search-results-container {
background-color: #f3f6f7
}
#search.occupation-wrapper .wrapper .careers-sticky {
width: 170px!important
}
@media(min-width:768px) {
#search.occupation-wrapper .wrapper .search-tab {
position: relative;
z-index: 1
}
}
#search.occupation-wrapper .wrapper .search-tab.open {
z-index: 9999
}
#search.occupation-wrapper .wrapper .search-tab .search-filters {
background-color: #5d666d
}
#search.occupation-wrapper .wrapper .search-tab .search-filters .filter h2,
#search.occupation-wrapper .wrapper .search-tab .search-filters .filter h3 {
color: #fff
}
#search.occupation-wrapper .wrapper .search-tab .search-filters .filter li a.menu-item:active,
#search.occupation-wrapper .wrapper .search-tab .search-filters .filter li a.menu-item:link {
display: block
}
#search.occupation-wrapper .wrapper .search-tab .search-filters .filter li label {
color: #fff;
display: block;
max-width: 210px
}
#search.occupation-wrapper .wrapper .search-tab .search-filters .filter li label:after {
background: #83c11f!important
}
#search.occupation-wrapper .wrapper .search-tab .search-filters .filter li label:before {
background: #5d666d!important
}
#search.occupation-wrapper .wrapper .search-tab .search-filters .filter ul li ul.first-child li label {
max-width: 172px
}
#search.occupation-wrapper .wrapper .search-tab .search-filters .filter ul li ul.first-child li:last-child.see-more .category-link-inner label {
color: #0094c9!important;
margin-left: 23px;
font-size: 12px;
cursor: pointer
}
#search.occupation-wrapper .wrapper #occupation-heading h2 {
color: #2d3942;
font-size: 21px;
font-weight: 500
}
#search.occupation-wrapper .wrapper .category-meta {
position: relative;
width: calc(100% + 20px);
padding: 20px;
margin: 0 0 30px;
height: 285px;
transition: all 1s ease-in-out;
background: #fff url(../../site/img/careers/search-header-image.jpg) no-repeat 100% 0/auto 100%;
box-shadow: 0 2px 6px 0 rgba(50, 50, 50, .4);
overflow: hidden
}
#search.occupation-wrapper .wrapper .category-meta .share-wrapper {
position: absolute;
width: 34px;
height: 50px;
margin: 0;
z-index: 2;
right: 0!important;
left: 17px
}
#search.occupation-wrapper .wrapper .category-meta .share-wrapper .center-share-single {
position: absolute;
top: 2px;
left: 7px
}
#search.occupation-wrapper .wrapper .category-meta .share-wrapper .link-group {
height: 100%;
position: absolute;
right: 0;
top: 0
}
#search.occupation-wrapper .wrapper .category-meta .share-wrapper .link-group .social-link-btn,
#search.occupation-wrapper .wrapper .category-meta .share-wrapper .link-group a {
background: #0094c9;
border: 2px solid #fff;
border-radius: 50%;
display: inline-block;
height: 34px;
margin: 15px 5px 0 0;
text-align: center;
width: 34px;
cursor: pointer
}
#search.occupation-wrapper .wrapper .category-meta .share-wrapper .link-group .social-link-btn span,
#search.occupation-wrapper .wrapper .category-meta .share-wrapper .link-group a span {
color: #fff;
font-size: 1em;
line-height: 1.875em
}
#search.occupation-wrapper .wrapper .category-meta .share-wrapper .link-group .social-link-btn:hover,
#search.occupation-wrapper .wrapper .category-meta .share-wrapper .link-group a:hover {
border: 2px solid rgba(0, 148, 201, .8)
}
#search.occupation-wrapper .wrapper .category-meta .share-wrapper .link-group .social-link-btn {
margin-right: 5px
}
#search.occupation-wrapper .wrapper .category-meta .share-wrapper .link-group .search-share {
z-index: 9;
position: relative;
border: 2px solid #fff!important
}
#search.occupation-wrapper .wrapper .category-meta .share-wrapper .link-group .share-trigger:hover .icon-group {
opacity: 1;
visibility: visible
}
#search.occupation-wrapper .wrapper .category-meta .share-wrapper .link-group .share-trigger:hover .social-buttons a {
opacity: 1;
transform: translate(0);
transition: transform .4s cubic-bezier(.895, .03, .685, .22)
}
#search.occupation-wrapper .wrapper .category-meta .share-wrapper .link-group .icon-group {
padding: 2px 0 0 20px;
position: absolute;
left: 25px;
opacity: 0;
visibility: hidden;
text-align: center;
width: 180px;
background: #0094c9;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
height: 32px;
top: 16px;
overflow: hidden;
transition: all .3s ease-in
}
#search.occupation-wrapper .wrapper .category-meta .share-wrapper .link-group .icon-group .social-buttons {
position: relative;
z-index: 1
}
#search.occupation-wrapper .wrapper .category-meta .share-wrapper .link-group .icon-group .social-buttons a {
width: 27px;
height: 27px;
border-radius: 100%;
font-size: 13px;
text-align: center;
padding: 7px 2px;
margin: 0 4px 10px;
background: #15212a;
display: block;
float: left;
border: 1px solid rgba(0, 0, 0, .1);
color: #fff;
transform: translateY(35px)
}
#search.occupation-wrapper .wrapper .category-meta .share-wrapper .link-group .icon-group .social-buttons a:hover {
opacity: .7
}
#search.occupation-wrapper .wrapper .category-meta .share-wrapper .link-group .icon-group .social-buttons a.btn-facebook {
background-color: #3b5999;
transition-delay: .1s
}
#search.occupation-wrapper .wrapper .category-meta .share-wrapper .link-group .icon-group .social-buttons a.btn-twitter {
background-color: #0084ff;
transition-delay: .2s
}
#search.occupation-wrapper .wrapper .category-meta .share-wrapper .link-group .icon-group .social-buttons a.btn-google {
font-size: 22px;
padding: 2px 0 0;
background-color: #dd4b39;
transition-delay: .3s
}
#search.occupation-wrapper .wrapper .category-meta .share-wrapper .link-group .icon-group .social-buttons a.btn-linkedin {
background-color: #0077b5;
transition-delay: .4s
}
#search.occupation-wrapper .wrapper .category-meta .share-wrapper .link-group .icon-group a {
background: 0 0;
border: 0;
display: inline-block;
height: auto;
margin: 0
}
#search.occupation-wrapper .wrapper .category-meta .share-wrapper .link-group .icon-group a span {
color: #fff;
font-size: 25px
}
#search.occupation-wrapper .wrapper .category-meta .share-wrapper .link-group .icon-group a:hover span {
color: #68aadd
}
#search.occupation-wrapper .wrapper .category-meta .share-wrapper .link-group.open .icon-group {
display: inline-block
}
#search.occupation-wrapper .wrapper .category-meta .tag-description {
width: 74%
}
#search.occupation-wrapper .wrapper .category-meta .tag-description h1 {
color: #2d3942;
font-weight: 500
}
#search.occupation-wrapper .wrapper .category-meta .tag-description .tag-content {
height: auto;
max-height: 160px
}
#search.occupation-wrapper .wrapper .category-meta .tag-description .tag-content .tag-content-inner p {
padding-right: 18px
}
#search.occupation-wrapper .wrapper .category-meta .tag-description .tag-content .tag-content-inner p b {
font-weight: 900!important
}
#search.occupation-wrapper .wrapper .category-meta .tag-description .tag-content .tag-content-inner p i {
font-style: italic!important
}
@media(max-width:1700px) {
#search.occupation-wrapper .wrapper .category-meta .tag-description {
width: 66%
}
}
@media(max-width:1470px) {
#search.occupation-wrapper .wrapper .category-meta .tag-description {
width: 55%
}
}
@media(max-width:1150px) {
#search.occupation-wrapper .wrapper .category-meta .tag-description {
width: 55%
}
}
@media(max-width:700px) {
#search.occupation-wrapper .wrapper .category-meta .tag-description {
width: 100%
}
}
@media(max-height:702px) {
#search.occupation-wrapper .wrapper .category-meta {
width: 100%
}
}
@media(max-width:1150px) {
#search.occupation-wrapper .wrapper .category-meta {
width: 100%;
margin-top: 20px
}
}
@media(max-width:700px) {
#search.occupation-wrapper .wrapper .category-meta {
background: 0 0!important
}
}
#search.occupation-wrapper .wrapper .careers-search-bottom-ad,
#search.occupation-wrapper .wrapper .careers-search-top-ad {
margin-bottom: 30px;
height: 90px;
overflow: hidden;
max-width: 730px;
text-align: center;
margin-left: auto;
margin-right: auto
}
@media screen and (max-width:800px) {
#search.occupation-wrapper .wrapper .careers-search-bottom-ad,
#search.occupation-wrapper .wrapper .careers-search-top-ad {
height: auto
}
}
#search.occupation-wrapper .wrapper .careers-search-middle-ad {
margin-bottom: 30px!important;
height: 90px!important;
overflow: hidden;
width: 100%!important;
text-align: center;
max-width: 100%
}
#search.occupation-wrapper .wrapper .careers-search-middle-ad>div {
max-width: 730px;
width: 100%;
margin-left: auto;
margin-right: auto
}
@media(max-width:500px) {
#search.occupation-wrapper .wrapper .careers-search-middle-ad {
height: auto!important
}
}
#search.occupation-wrapper .wrapper .career-results-wrapper {
position: relative;
width: calc(100% + 20px);
padding: 20px;
box-shadow: 0 2px 6px 0 rgba(50, 50, 50, .4);
margin-bottom: 25px;
background: #fff
}
#search.occupation-wrapper .wrapper .career-results-wrapper .search-filters-order {
float: unset;
margin-top: 0;
position: absolute;
top: 20px;
right: 35px
}
#search.occupation-wrapper .wrapper .career-results-wrapper .search-filters-order .custom-sort {
position: absolute;
right: 0;
top: 0
}
#search.occupation-wrapper .wrapper .career-results-wrapper .search-filters-order .custom-sort .custom-sort-value {
background-color: #fff;
width: 169px;
height: 33px;
line-height: 33px;
text-align: left;
padding-left: 10px;
font-size: 14px;
border: 1px solid #d9dee2;
color: #5d666d;
cursor: pointer
}
#search.occupation-wrapper .wrapper .career-results-wrapper .search-filters-order .custom-sort .custom-sort-value:after {
font-family: icomoon!important;
content: "\e9bf";
position: absolute;
top: 1px;
right: 9px;
color: #5d666d;
pointer-events: none
}
#search.occupation-wrapper .wrapper .career-results-wrapper .search-filters-order .custom-sort .custom-sort-options {
position: absolute;
background-color: #fff;
z-index: 9999;
color: #5d666d;
font-size: 14px;
width: 169px;
display: none
}
#search.occupation-wrapper .wrapper .career-results-wrapper .search-filters-order .custom-sort .custom-sort-options li {
list-style: none;
text-align: left;
padding-left: 10px
}
#search.occupation-wrapper .wrapper .career-results-wrapper .search-filters-order .custom-sort .custom-sort-options li:hover {
color: #fff;
background-color: #1e90ff;
cursor: pointer
}
@media(max-width:1450px) {
#search.occupation-wrapper .wrapper .career-results-wrapper .search-filters-order {
display: none!important
}
}
#search.occupation-wrapper .wrapper .career-results-wrapper h1,
#search.occupation-wrapper .wrapper .career-results-wrapper h2 {
font-size: 1.4375em;
font-weight: 400;
text-align: left;
width: 100%;
margin-bottom: 20px
}
#search.occupation-wrapper .wrapper .career-results-wrapper .intent {
color: #465159;
margin-bottom: 7px;
font-size: 15px
}
#search.occupation-wrapper .wrapper .career-results-wrapper ul li {
height: 375px
}
#search.occupation-wrapper .wrapper .career-results-wrapper .course-block-intro:hover {
opacity: 0!important;
pointer-events: all
}
#search.occupation-wrapper .wrapper .career-results-wrapper .course-block-info {
height: 32px;
padding: 0 10px
}
#search.occupation-wrapper .wrapper .career-results-wrapper .course-block-info ul li {
width: auto
}
#search.occupation-wrapper .wrapper .career-results-wrapper .course-block-info ul li:first-child {
float: left
}
#search.occupation-wrapper .wrapper .career-results-wrapper .course-block-info ul li:nth-child(2) {
float: right
}
@media(max-width:1150px) {
#search.occupation-wrapper .wrapper .career-results-wrapper {
width: 100%!important
}
}
#search.occupation-wrapper .wrapper .badge,
#search.occupation-wrapper .wrapper .search-filters .filter .child-badge {
right: 18px;
top: -1px;
position: absolute;
font-size: .735em;
color: #fff;
background-color: #83c11f!important;
width: 20px;
height: 20px;
text-align: center;
border-radius: 50%;
line-height: 20px
}
.green {
color: #83c11f!important
}
#occupation-landing {
color: #5d666d;
background-color: #f3f6f7
}
#occupation-landing .with-padding {
padding: 15px
}
#occupation-landing .occupations-landing-sticky-ad {
display: none
}
@media screen and (min-width:992px) {
#occupation-landing .occupations-landing-sticky-ad {
display: block;
position: absolute;
top: 114px;
right: 25px;
width: 160px;
height: 600px
}
}
#occupation-landing .occupation-landing-inner-wrap {
width: 100%
}
@media screen and (min-width:992px) {
#occupation-landing .occupation-landing-inner-wrap {
width: calc(100% - 185px)
}
}
#occupation-landing .occupation-landing-inner-wrap.no-ads {
width: 100%
}
@media screen and (min-width:992px) {
#occupation-landing .occupation-landing-inner-wrap.no-ads {
width: 100%
}
}
#occupation-landing .occupation-banner-ad {
margin: 25px auto;
max-width: 730px!important;
height: 90px
}
@media screen and (max-width:800px) {
#occupation-landing .occupation-banner-ad {
height: auto
}
}
#occupation-landing .occupation-landing-insert {
border-radius: 5px 5px 0 0;
box-shadow: 0 0 20px #b9b9b9;
background-color: #fff;
padding: 15px
}
#occupation-landing .occupation-landing-insert:nth-child(2) {
padding: 15px 5px
}
#occupation-landing #occupation-landing-header {
border-radius: 5px 5px 0 0;
box-shadow: 0 0 20px #b9b9b9;
background-color: #fff;
margin-bottom: 40px
}
#occupation-landing #occupation-landing-header h1 {
color: #1c232e;
font-weight: 400;
font-size: 2.875em
}
@media screen and (max-width:460px) {
#occupation-landing #occupation-landing-header h1 {
font-weight: 400;
font-size: 1.775em
}
}
#occupation-landing #occupation-landing-header h1 em {
font-style: italic
}
#occupation-landing #occupation-landing-header .header-column {
width: 50%;
float: left
}
@media screen and (max-width:1600px) {
#occupation-landing #occupation-landing-header .header-column .highlight-1,
#occupation-landing #occupation-landing-header .header-column .highlight-2 {
display: none
}
#occupation-landing #occupation-landing-header .header-column h1 {
font-size: 24px
}
#occupation-landing #occupation-landing-header .header-column h4 {
font-size: 18px
}
}
#occupation-landing #occupation-landing-header .header-column.left {
padding: 15px 0 15px 15px
}
#occupation-landing #occupation-landing-header .header-column.left .header-column-left-insert {
padding-right: 40px;
border-right: 1px solid #d9dee2;
height: 100%
}
#occupation-landing #occupation-landing-header .header-column.left .header-column-left-insert h4 {
margin-bottom: 0
}
#occupation-landing #occupation-landing-header .header-column.left .header-column-left-insert .tag-content {
max-height: 160px;
margin-bottom: 30px;
margin-top: 30px!important
}
#occupation-landing #occupation-landing-header .header-column.left .header-column-left-insert p {
padding-right: 20px
}
#occupation-landing #occupation-landing-header .header-column.left .header-column-left-insert p strong {
color: #1c232e
}
@media screen and (max-width:1365px) {
#occupation-landing #occupation-landing-header .header-column.left .header-column-left-insert {
padding-right: 15px;
border-right: none
}
}
@media screen and (max-width:680px) {
#occupation-landing #occupation-landing-header .header-column.left {
width: 100%
}
}
#occupation-landing #occupation-landing-header .header-column.right {
padding: 0 0 0 40px;
background: url(/html/site/img/careers/search-header-image.jpg) no-repeat 100% 0/auto 100%
}
@media screen and (max-width:680px) {
#occupation-landing #occupation-landing-header .header-column.right {
background-image: none;
padding: 0 0 0 15px;
display: none
}
}
@media screen and (max-width:1365px) {
#occupation-landing #occupation-landing-header .header-column.right {
padding: 0 0 0 15px
}
}
#occupation-landing #occupation-landing-header .header-column .divider {
display: none
}
@media screen and (max-width:1365px) {
#occupation-landing #occupation-landing-header .header-column .divider {
display: block;
border-top: 1px solid #d9dee2;
height: 20px
}
}
#occupation-landing #occupation-landing-header .highlight {
width: 100%;
height: 130px;
margin: 15px 0
}
#occupation-landing #occupation-landing-header .highlight .percent-wrap {
float: left;
height: 130px;
margin-right: 25px
}
#occupation-landing #occupation-landing-header .highlight .percent-wrap .percent {
color: #fff;
font-weight: 400;
font-size: 1.075em;
border-radius: 50%;
width: 50px;
height: 50px;
display: inline-block;
padding-top: 16px;
text-align: center
}
#occupation-landing #occupation-landing-header .highlight .percent-wrap .percent.pink {
background-color: #c81a7f
}
#occupation-landing #occupation-landing-header .highlight .percent-wrap .percent.blue {
background-color: #0093c9
}
#occupation-landing #occupation-landing-header .highlight .details-wrap {
float: left;
height: 130px
}
#occupation-landing #occupation-landing-header .highlight .details-wrap .highlight-title {
font-weight: 400;
font-size: 1.275em;
color: #1c232e;
width: 100%;
margin: 0
}
#occupation-landing #occupation-landing-header .highlight .details-wrap .highlight-body {
width: 200px
}
#occupation-landing #occupation-landing-main {
text-align: center;
min-height: 290px
}
#occupation-landing #occupation-landing-main h2 {
text-align: left;
font-weight: 400;
font-size: 1.775em;
color: #1c232e;
margin-bottom: 15px;
margin-left: 10px;
margin-right: 10px
}
@media screen and (max-width:460px) {
#occupation-landing #occupation-landing-main h2 {
font-weight: 400;
font-size: 1.275em
}
}
#occupation-landing #occupation-landing-main #industries-list-wrapper .industry-tile {
display: inline-block;
vertical-align: top;
width: 379px;
height: 190px;
background-color: #e9eef2;
margin: 0 15px 35px;
box-shadow: none;
transition: box-shadow .4s ease-in-out;
text-align: left;
padding: 0
}
@media screen and (max-width:500px) {
#occupation-landing #occupation-landing-main #industries-list-wrapper .industry-tile {
width: calc(100% - 30px);
height: 140px
}
}
#occupation-landing #occupation-landing-main #industries-list-wrapper .industry-tile:hover {
box-shadow: 0 0 15px #a7a6a6
}
#occupation-landing #occupation-landing-main #industries-list-wrapper .industry-tile .industry-insert {
height: 190px;
width: 50%;
float: left
}
@media screen and (max-width:500px) {
#occupation-landing #occupation-landing-main #industries-list-wrapper .industry-tile .industry-insert {
height: 140px
}
#occupation-landing #occupation-landing-main #industries-list-wrapper .industry-tile .industry-insert img {
width: 100%;
height: 140px
}
}
#occupation-landing #occupation-landing-main #industries-list-wrapper .industry-tile .industry-insert p {
font-weight: 400;
font-size: .975em;
color: #5d666d;
padding: 20px 10px 40px;
height: 125px
}
@media screen and (max-width:500px) {
#occupation-landing #occupation-landing-main #industries-list-wrapper .industry-tile .industry-insert p {
padding: 5px 10px 40px;
height: 75px;
font-weight: 400;
font-size: .875em
}
}
#occupation-landing #occupation-landing-main #industries-list-wrapper .industry-tile .industry-insert a.careers-button-green {
font-weight: 400;
font-size: .975em;
background-color: #83c11f;
color: #fff;
padding: 5px 10px;
border-radius: 5px;
margin: 0 10px
}
@media screen and (max-width:460px) {
#occupation-landing #occupation-landing-main #industries-list-wrapper .industry-tile .industry-insert a.careers-button-green {
font-weight: 400;
font-size: .875em
}
}
#occupation-landing #occupation-landing-main.no-ads #industries-list-wrapper .industry-tile {
width: calc(100% - 30px)
}
@media screen and (min-width:540px) {
#occupation-landing #occupation-landing-main.no-ads #industries-list-wrapper .industry-tile {
width: 430px
}
}
#occupation-landing #occupation-landing-main .js-pagination {
padding-bottom: 10px;
padding-top: 30px
}
#occupation-single .occupation-banner-ad {
margin: 25px auto;
max-width: 730px!important;
height: 90px
}
@media screen and (max-width:800px) {
#occupation-single .occupation-banner-ad {
height: auto
}
}
@media only screen and (min-width:1440px) {
#occupation-single .inner-page-sticky-ad {
width: 160px
}
}
@media screen and (max-width:1366px) {
#occupation-single #search .wrapper .tag-description {
padding-right: 0
}
}
#occupation-single #search .wrapper .tag-description p#tip {
font-weight: 500;
font-style: italic;
font-size: 13px
}
#occupation-single #search .wrapper .search-filters .search-filter-inner {
overflow-y: hidden
}
#occupation-single #search .wrapper .search-filters .tab {
right: -99px
}
@media(max-width:550px) {
#occupation-single #search .wrapper .search-filters .tab {
right: -48px;
padding: 10px 4px 10px 20px
}
}
#occupation-single .occupations-single-sticky-ad {
display: none
}
@media screen and (min-width:992px) {
#occupation-single .occupations-single-sticky-ad {
display: block;
position: absolute;
top: 114px;
right: 25px;
width: 160px;
height: 600px
}
}
#occupation-single .section-radius {
border-radius: 5px 5px 0 0
}
#occupation-single .occupation-meta {
position: relative;
width: 100%;
padding: 20px;
margin: 0 0 30px;
background: #fff;
box-shadow: 0 2px 6px 0 rgba(50, 50, 50, .4)
}
@media screen and (min-width:1160px) {
#occupation-single .occupation-meta {
width: calc(100% + 20px)
}
}
#occupation-single .occupation-meta .occupation-column.left {
float: left;
width: 100%;
border-right: none;
padding-right: 0
}
@media screen and (min-width:1366px) {
#occupation-single .occupation-meta .occupation-column.left {
width: 65%;
border-right: 1px solid #d9dee2;
padding-right: 30px
}
}
#occupation-single .occupation-meta .occupation-column.left .border-bottom {
display: block;
border-bottom: 1px solid #d9dee2;
margin: 20px 0
}
@media screen and (min-width:1366px) {
#occupation-single .occupation-meta .occupation-column.left .border-bottom {
display: none
}
}
#occupation-single .occupation-meta .occupation-column.left h1 {
font-weight: 400;
font-size: 1.775em;
color: #1c232e
}
#occupation-single .occupation-meta .occupation-column.left .description-wrap {
height: auto;
max-height: 250px;
padding-bottom: 20px
}
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description {
padding-right: 10px;
color: #5d666d!important
}
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description h1,
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description h2,
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description h3,
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description h4,
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description h5,
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description h6 {
font-weight: 500!important;
margin-top: 20px;
margin-bottom: 10px
}
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description h1 {
font-size: 1.55em
}
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description h2 {
font-size: 1.35em
}
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description h3 {
font-size: 1.15em;
margin-bottom: -15px;
margin-top: 10px
}
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description h4 {
font-size: .95em
}
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description h5 {
font-size: .85em
}
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description h6 {
font-size: .75em
}
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description p {
color: #5d666d!important
}
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description b,
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description strong {
font-weight: 900!important
}
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description em,
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description i {
font-style: italic!important;
display: inline-block!important;
margin-top: 15px;
margin-bottom: 10px
}
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description span {
font-style: italic!important
}
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description ul {
list-style: disc!important;
margin-left: 30px
}
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description ol {
list-style: decimal!important;
margin-left: 20px
}
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description a:link,
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description a:visited {
text-decoration: none;
color: #0091c7;
transition: color .3s ease-in-out
}
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description a:active,
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description a:focus,
#occupation-single .occupation-meta .occupation-column.left .description-wrap div#description a:hover {
text-decoration: none;
color: #006c94
}
#occupation-single .occupation-meta .occupation-column.left .share-wrap {
height: 40px;
margin-top: 10px;
margin-bottom: 15px
}
#occupation-single .occupation-meta .occupation-column.left .share-wrap a>span[class*=icon] {
line-height: 2.275em
}
#occupation-single .occupation-meta .occupation-column.left .share-wrap .center-share-single {
position: absolute;
top: 0;
left: 7px
}
#occupation-single .occupation-meta .occupation-column.left .share-wrap ul.link-group {
position: static;
margin-top: -15px
}
#occupation-single .occupation-meta .occupation-column.left .share-wrap ul.link-group .social-link-btn {
position: relative;
z-index: 15
}
#occupation-single .occupation-meta .occupation-column.left .share-wrap ul.link-group .social-link-btn:hover {
position: relative;
z-index: 15;
border: 2px solid #fff
}
#occupation-single .occupation-meta .occupation-column.left .share-wrap ul.link-group li {
display: inline-block
}
#occupation-single .occupation-meta .occupation-column.left .share-wrap ul.link-group li.fav {
position: relative;
top: -34px
}
#occupation-single .occupation-meta .occupation-column.left .share-wrap ul.link-group li.fav+li.share-trigger>div.icon-group {
left: 100px;
top: 57px
}
#occupation-single .occupation-meta .occupation-column.left .share-wrap ul.link-group li.share-trigger>div.icon-group {
position: relative;
background: #0094c9!important;
padding: 4px 0 5px!important;
left: 18px!important;
top: -40px!important;
width: 170px!important;
border-top-right-radius: 20px!important;
border-bottom-right-radius: 20px!important;
z-index: 1
}
#occupation-single .occupation-meta .occupation-column.left .share-wrap ul.link-group .icon-group a {
color: #fff
}
#occupation-single .occupation-meta .occupation-column.left .share-wrap ul.link-group .social-buttons {
padding-left: 20px
}
#occupation-single .occupation-meta .occupation-column.right {
padding-left: 0;
width: 100%;
float: left
}
@media screen and (min-width:1366px) {
#occupation-single .occupation-meta .occupation-column.right {
padding-left: 20px;
width: 35%;
float: left
}
}
#occupation-single .occupation-meta .occupation-column.right #occupation-stats {
width: 100%;
margin-left: 0;
margin-right: 0
}
@media screen and (min-width:1625px) {
#occupation-single .occupation-meta .occupation-column.right #occupation-stats {
width: 350px;
margin-left: auto;
margin-right: auto
}
}
#occupation-single .occupation-meta .occupation-column.right #occupation-stats .stats-wrap {
width: 100%;
float: left
}
@media screen and (min-width:700px) {
#occupation-single .occupation-meta .occupation-column.right #occupation-stats .stats-wrap {
width: 50%;
float: left
}
}
@media screen and (min-width:1366px) {
#occupation-single .occupation-meta .occupation-column.right #occupation-stats .stats-wrap {
width: 100%;
float: left
}
}
#occupation-single .occupation-meta .occupation-column.right #occupation-stats .stats-wrap h3 {
color: #1c232e;
font-weight: 400;
font-size: 1.575em;
margin-bottom: 5px
}
#occupation-single .occupation-meta .occupation-column.right #occupation-stats .stats-wrap ul>li {
margin-bottom: 5px
}
#occupation-single .occupation-meta .occupation-column.right #occupation-stats .stats-wrap .stats-icon {
float: left;
margin-right: 10px;
width: 75px;
height: 150px;
text-align: center;
font-size: 30px
}
@media screen and (max-width:400px) {
#occupation-single .occupation-meta .occupation-column.right #occupation-stats .stats-wrap .stats-icon {
width: 100%;
height: 70px;
text-align: left
}
}
#occupation-single .occupation-meta .occupation-column.right #occupation-stats .stats-wrap .stats-icon>span {
padding: 10px;
border-radius: 50%;
display: inline-block;
margin-top: 3px;
color: #fff
}
#occupation-single .occupation-meta .occupation-column.right #occupation-stats .stats-wrap .stats-icon.pink>span {
background: #c81a7f
}
#occupation-single .occupation-meta .occupation-column.right #occupation-stats .stats-wrap .stats-icon.dark-green>span {
background: #10a650
}
#occupation-single .occupation-meta .occupation-column.right #occupation-stats .stats-wrap #trends #percentage {
font-size: 3.775em;
line-height: 1.175em;
padding-bottom: 12px;
font-weight: 500
}
#occupation-single .occupation-meta .occupation-column.right #occupation-stats .stats-wrap #trends #visual ul li {
display: inline-block;
height: 26px;
width: 13px;
border-radius: 7px;
background: #b4bdbf;
margin-right: 5px
}
#occupation-single .occupation-meta .occupation-column.right #occupation-stats .stats-wrap #trends #visual ul li.displayed {
background: #10a650
}
#occupation-single .breadcrumbs {
text-align: left;
padding-bottom: 10px;
padding-top: 10px;
color: #798086;
font-weight: 400;
font-size: 14px
}
#occupation-single .breadcrumbs a:link,
#occupation-single .breadcrumbs a:visited {
color: #798086;
text-decoration: none
}
#occupation-single .breadcrumbs a:active,
#occupation-single .breadcrumbs a:focus,
#occupation-single .breadcrumbs a:hover {
color: #61666b;
text-decoration: underline
}
#occupation-single .occupations-go-back {
color: #fff;
margin-left: 5px;
margin-bottom: 20px;
display: block;
transition: margin-left .3s ease-in-out
}
#occupation-single .occupations-go-back:hover {
margin-left: 0
}
#occupation-single .occupations-go-back .back-icon {
margin-right: 5px
}
#occupation-single a#full-description-toggle {
display: block;
margin-left: auto;
margin-right: auto;
width: 100px;
margin-bottom: 15px
}
#occupation-single a#full-description-toggle span.read-toggle {
display: inline-block;
width: 79px
}
#occupation-single a#full-description-toggle span.down-icon {
display: inline-block;
transform: rotate(0deg);
transition: all .3s ease-in-out
}
#occupation-single a#full-description-toggle span.down-icon.active {
display: inline-block;
transform: rotate(-180deg)
}
#occupation-single [type=checkbox]:checked+label:after,
#occupation-single [type=checkbox]:not(:checked)+label:after {
top: 4px!important;
border-radius: 2px
}
#occupation-single .occuppation-courses-wrapper {
width: calc(100% + 20px);
padding: 10px 20px;
margin-bottom: 50px;
background-color: #fff;
box-shadow: 0 2px 6px 0 rgba(50, 50, 50, .4)
}
@media(max-width:1160px) {
#occupation-single .occuppation-courses-wrapper {
width: 100%
}
}
#occupation-single .occuppation-courses-wrapper ul.courses-list--listings>li {
display: inline-block;
float: left
}
@media screen and (max-width:1917px) {
#occupation-single .occuppation-courses-wrapper ul.courses-list--listings>li {
float: none;
display: inline-block
}
}
@media screen and (max-width:550px) {
#occupation-single .occuppation-courses-wrapper ul.courses-list--listings>li {
height: auto
}
}
#occupation-single .occuppation-courses-wrapper h2 {
text-align: left;
display: block;
float: left;
font-weight: 400;
font-size: 1.675em;
color: #1c232e;
width: 100%
}
#occupation-single .occuppation-courses-wrapper #occupation-courses-error h3 {
font-size: 1.5em;
margin-top: 17px;
line-height: 1.25em;
font-weight: 200;
text-align: center
}
#occupation-single .occuppation-courses-wrapper .search-filters-order {
float: right;
display: block;
margin-bottom: 25px
}
.course-block .course-block-info.no-time ul li, .course-block .course-block-info.no-time ul li.level {
width: 33.33333%;
}
@media screen and (max-width:700px) {
#occupation-single .occuppation-courses-wrapper .search-filters-order {
display: none
}
}
#occupation-single .occuppation-courses-wrapper .search-filters-order .sort {
text-align: right;
position: relative;
top: 15px;
right: 0
}
#occupation-single .course-block {
background-color: #fff;
min-height: 300px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
box-shadow: 0 1px 7px 0 rgba(50, 50, 50, .2)
}
@media screen and (max-width:550px) {
#occupation-single .course-block {
position: static
}
}
#occupation-single .course-block.ad {
width: 250px
}
#occupation-single .course-block .white-block {
position: absolute;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 10;
top: 0;
left: 0
}
#occupation-single .course-block.blank {
opacity: .7
}
#occupation-single .course-block.blank .course-block-img-outer {
width: 250px;
height: 166px;
background-color: #d4d4d4
}
#occupation-single .course-block.blank .course-block-content>a,
#occupation-single .course-block.blank .course-block-content>span {
background: #f3f6f7;
min-width: 80px;
height: 25px
}
#occupation-single .course-block.blank .course-block-content h4 span {
display: block;
width: calc(100% - 30px);
height: 25px;
background-color: #aaa
}
#occupation-single .course-block.blank .course-block-content h4 span:last-child {
width: calc(100% - 50px);
margin-top: 7px
}
#occupation-single .course-block.blank .course-block-info ul li {
opacity: 0
}
#occupation-single .course-block.popular .corner,
#occupation-single .course-block.popular .popular {
opacity: 1
}
#occupation-single .course-block.show .course-block-intro {
opacity: 1;
pointer-events: all;
overflow: hidden
}
#occupation-single .course-block .course-block-intro {
position: absolute;
top: 0;
left: 0;
z-index: 9;
background: #fff;
height: 100%;
width: 100%;
padding: 10px;
margin-bottom: 20px;
opacity: 0;
pointer-events: none;
transition: all .4s ease-in
}
#occupation-single .course-block .course-block-intro h3 {
font-size: .9375em;
padding-top: 55px;
color: #2d3942;
font-weight: 700;
margin-bottom: 10px
}
#occupation-single .course-block .course-block-intro .more-info {
color: #0094c9;
margin-top: 15px
}
#occupation-single .course-block .course-block-intro .more-info span {
margin-left: 10px
}
#occupation-single .course-block .course-block-intro .course-stars {
margin-top: 20px;
font-size: 19px
}
#occupation-single .course-block .course-block-intro .course-stars span {
margin-right: 2px
}
#occupation-single .course-block .course-block-intro .course-stars .icon-filled-star {
color: #0094c9
}
#occupation-single .course-block .course-block-intro .course-stars .icon-star {
color: #465159
}
#occupation-single .course-block .course-block-intro .social-link-btn {
z-index: 9;
position: relative;
border: 2px solid #fff!important
}
#occupation-single .course-block .course-block-intro .social-link-btn a {
font-size: 1.3em
}
#occupation-single .course-block .course-block-intro .social-link-btn .social-buttons a {
opacity: 1
}
#occupation-single .course-block .course-block-intro .social-link-btn .social-buttons a:hover {
opacity: .6
}
#occupation-single .course-block .course-block-intro .course-intro {
margin-bottom: 25px;
color: #2d3942;
font-size: .875em
}
#occupation-single .course-block .course-block-intro>button {
border-radius: 23px
}
#occupation-single .course-block .course-block-intro>a {
display: block
}
#occupation-single .course-block .course-block-content {
padding: 20px 10px;
text-align: left
}
#occupation-single .course-block .course-block-content h4 {
font-size: 16px;
text-align: left;
color: #2d3942;
margin-bottom: 60px
}
#occupation-single .course-block .course-block-content .mobile-read-more-button {
border-radius: 23px;
display: none
}
#occupation-single .course-block .course-block-content>.course-category,
#occupation-single .course-block .course-block-content>span {
font-size: 12px;
background: #f3f6f7;
display: inline-block;
margin: 0 10px 15px 0;
border-radius: 3px;
transition: all .4s ease-in
}
#occupation-single .course-block .course-block-content>.course-category.course-type,
#occupation-single .course-block .course-block-content>span.course-type {
background-color: #2d3942;
color: #fff;
padding: 2px 10px;
text-align: center
}
#occupation-single .course-block .course-block-content>.course-category.course-category,
#occupation-single .course-block .course-block-content>span.course-category {
color: #fff;
padding: 2px 10px;
text-align: center
}
#occupation-single .course-block .course-block-img-outer {
width: 250px;
height: 166px;
background-color: #d4d4d4;
position: relative;
overflow: hidden
}
#occupation-single .course-block .course-block-img-outer img {
max-width: 100%
}
#occupation-single .course-block .course-block-img-outer .bar-container {
position: absolute;
width: 100%;
height: 60px;
background: rgba(0, 0, 0, .6);
bottom: 0;
padding: 10px 20px;
text-align: center;
color: #fff
}
#occupation-single .course-block .course-block-img-outer .bar-container .score {
margin-bottom: 6px
}
#occupation-single .course-block .course-block-img-outer .bar-container .bar-outer {
width: 100%;
background-color: gray;
height: 12px;
border-radius: 19px;
overflow: hidden;
position: relative
}
#occupation-single .course-block .course-block-img-outer .bar-container .bar-outer .bar {
height: 20px;
position: absolute;
left: 0;
top: 0;
background-color: #f49b29
}
#occupation-single .course-block .course-block-img-outer .corner,
#occupation-single .course-block .course-block-img-outer .popular {
opacity: 0;
transition: all .3s ease-in
}
#occupation-single .course-block .course-block-img-outer .corner {
width: 0;
height: 0;
border-style: solid;
border-width: 2.5px 5px 2.5px 0;
border-color: transparent #0c7693 transparent transparent;
position: absolute;
left: -5px;
top: 35px;
z-index: 1
}
#occupation-single .course-block .course-block-img-outer .popular {
position: absolute;
top: 10px;
padding: 3px 10px;
background-color: #0094c9;
color: #fff;
z-index: 2;
left: -5px;
font-size: .75em
}
.course-block .course-block-info {
background-color:#eaeaea;
position: absolute;
bottom: 0;
width: 100%;
}
#occupation-single .course-block .course-block-info {
background-color: #f3f6f7;
position: absolute;
bottom: 0;
width: 100%
}
@media screen and (max-width:550px) {
#occupation-single .course-block .course-block-info {
bottom: 12px
}
}
#occupation-single .course-block .course-block-info:after {
content: "";
display: table;
clear: both
}
#occupation-single .course-block .course-block-info.no-level ul li {
width: 33.33333%
}
#occupation-single .course-block .course-block-info.no-level ul li.level {
display: none
}
#occupation-single .course-block .course-block-info.no-time ul li,
#occupation-single .course-block .course-block-info.no-time ul li.level {
width: 33.33333%
}
#occupation-single .course-block .course-block-info.no-time ul li.time-to-finish {
display: none
}
#occupation-single .course-block .course-block-info.no-time.no-level ul li {
width: 50%
}
#occupation-single .course-block .course-block-info ul li {
padding: 7px 0 5px;
width: 28.33333%;
margin: 0;
text-align: center;
opacity: 1;
color: #5d666d;
font-size: .875em;
transition: all .4s ease-in
}
#occupation-single .course-block .course-block-info ul li span {
margin-right: 8px
}
.course-block-intro a:hover{
color:none;
text-decoration:none
}
.course-block .course-block-info ul li.level {
width: 15%;
padding: 6px 0 0 15px;
}
.course-block .course-block-info ul li {
padding: 7px 0 5px;
width: 28.33333%;
margin: 0;
text-align: center;
opacity: 1;
color: #5d666d;
font-size: .875em;
transition: all .4s ease-in;
}
#occupation-single .course-block .course-block-info ul li.level {
width: 15%;
padding: 6px 0 0 15px
}
#occupation-single .course-block .course-block-info ul li.level.level-1 div {
border-color: #10a650
}
#occupation-single .course-block .course-block-info ul li.level.level-1 div:first-child {
background-color: #10a650
}
#occupation-single .course-block .course-block-info ul li.level.level-2 div {
border-color: #f49b29
}
#occupation-single .course-block .course-block-info ul li.level.level-2 div:first-child,
#occupation-single .course-block .course-block-info ul li.level.level-2 div:nth-child(2) {
background-color: #f49b29
}
#occupation-single .course-block .course-block-info ul li.level.level-3 div {
border-color: #e42330
}
#occupation-single .course-block .course-block-info ul li.level.level-3 div:first-child,
#occupation-single .course-block .course-block-info ul li.level.level-3 div:nth-child(2),
#occupation-single .course-block .course-block-info ul li.level.level-3 div:nth-child(3) {
background-color: #e42330
}
#occupation-single .course-block .course-block-info ul li.level div {
width: 5px;
display: block;
border: 1px solid #000;
float: left;
height: 11px
}
#occupation-single .course-block .course-block-info ul li.level div:first-child,
#occupation-single .course-block .course-block-info ul li.level div:nth-child(2) {
margin-right: 2px
}
#occupation-single .course-block .course-block-info ul li.level div:first-child {
margin-top: 9px
}
#occupation-single .course-block .course-block-info ul li.level div:nth-child(2) {
height: 15px;
margin-top: 5px
}
#occupation-single .course-block .course-block-info ul li.level div:nth-child(3) {
height: 20px
}
.our-courses .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
border: 0px solid #ddd;
}
/*.language-bar .bootstrap-select.btn-group .dropdown-toggle .filter-option{
width: auto;
}*/
@media(min-width:768px) {
#occupation-single .course-block:hover .course-block-intro {
opacity: 1;
pointer-events: all
}
}
@media(max-width:768px) {
.our-courses .nav-tabs > li{
width: 100%;
}
#occupation-single .course-block .course-block-content .mobile-read-more {
text-align: center
}
#occupation-single .course-block .course-block-content .mobile-read-more .mobile-read-more-button {
border-radius: 23px;
display: inline-block
}
#occupation-single .course-block .course-block-content h4 {
margin-bottom: 40px
}
}
#occupation-single .course-block .link-group {
float: right;
position: static
}
#occupation-single .course-block .link-group .social-link-btn,
#occupation-single .course-block .link-group a {
background: #0094c9;
border: 2px solid #fff;
border-radius: 50%;
display: inline-block;
height: 34px;
margin: 0 5px 0 0;
text-align: center;
width: 34px;
cursor: pointer
}
#occupation-single .course-block .link-group .social-link-btn span,
#occupation-single .course-block .link-group a span {
color: #fff;
font-size: 1em;
line-height: 1.875em
}
#occupation-single .course-block .link-group .social-link-btn:hover,
#occupation-single .course-block .link-group a:hover {
border: 2px solid rgba(0, 148, 201, .8)
}
#occupation-single .course-block .link-group .social-link-btn {
margin-right: 5px
}
#occupation-single .course-block .link-group .search-share {
z-index: 9;
position: relative;
border: 2px solid #fff!important
}
#occupation-single .course-block .link-group .share-trigger {
position: static
}
#occupation-single .course-block .link-group.share-active .icon-share:before {
content: "\ea0f"
}
#occupation-single .course-block .link-group.share-active .share-trigger .icon-group {
opacity: 1;
visibility: visible;
height: 100%;
padding: 70px 9px;
transition: none
}
#occupation-single .course-block .link-group.share-active .share-trigger .icon-group:after {
width: 160%;
height: 160%;
opacity: 1
}
#occupation-single .course-block .link-group.share-active .share-trigger .icon-group:before {
width: 164%;
height: 164%;
opacity: 1
}
#occupation-single .course-block .link-group.share-active .share-trigger .icon-group .social-buttons a {
opacity: 1;
transform: translate(0);
box-shadow: 0 1px 5px 0 rgba(50, 50, 50, .5);
transition: all .8s cubic-bezier(.895, .03, .685, .22)
}
#occupation-single .course-block .link-group.share-active .share-trigger .icon-group .social-buttons a:first-child {
transition-delay: .1s
}
#occupation-single .course-block .link-group.share-active .share-trigger .icon-group .social-buttons a:nth-child(2) {
transition-delay: .2s
}
#occupation-single .course-block .link-group.share-active .share-trigger .icon-group .social-buttons a:nth-child(3) {
transition-delay: .3s
}
#occupation-single .course-block .link-group.share-active .share-trigger .icon-group .social-buttons a:nth-child(4) {
transition-delay: .4s
}
#occupation-single .course-block .link-group.share-active .share-trigger .icon-group .social-buttons a:nth-child(5) {
transition-delay: .5s
}
#occupation-single .course-block .link-group.share-active .share-trigger .icon-group .social-buttons a:nth-child(6) {
transition-delay: .6s
}
@media(min-width:600px) {
#occupation-single .course-block .link-group.share-active .share-trigger .icon-group .social-buttons a.btn-whatsapp {
display: none
}
}
#occupation-single .course-block .link-group .icon-group {
position: absolute;
opacity: 0;
visibility: hidden;
text-align: center;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
right: 0;
top: 0;
width: 100%;
height: 0;
transition: all .6s cubic-bezier(.55, .055, .675, .19)
}
#occupation-single .course-block .link-group .icon-group:after {
border-radius: 100%;
background: #f3f4f6
}
#occupation-single .course-block .link-group .icon-group:after,
#occupation-single .course-block .link-group .icon-group:before {
content: "";
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
position: absolute;
width: 0;
height: 0;
transition: all .3s cubic-bezier(.55, .055, .675, .19)
}
#occupation-single .course-block .link-group .icon-group:before {
border-radius: 100%;
border: 5px solid #0094c9
}
#occupation-single .course-block .link-group .icon-group .social-buttons {
position: relative;
z-index: 1
}
#occupation-single .course-block .link-group .icon-group .social-buttons a {
width: 50px;
height: 50px;
border-radius: 100%;
font-size: 20px;
text-align: center;
padding: 14px 2px;
margin: 0 4px 10px;
background: #15212a;
transform: translateY(130%);
display: block;
float: left;
opacity: 0;
transition: none
}
#occupation-single .course-block .link-group .icon-group .social-buttons a.btn-google {
font-size: 31px;
padding: 10px 0 0;
background-color: #dd4b39
}
#occupation-single .course-block .link-group .icon-group .social-buttons a.btn-facebook {
background-color: #3b5999
}
#occupation-single .course-block .link-group .icon-group .social-buttons a.btn-twitter {
background-color: #0084ff
}
#occupation-single .course-block .link-group .icon-group .social-buttons a.btn-linkedin {
background-color: #0077b5
}
#occupation-single .course-block .link-group .icon-group .social-buttons a.btn-whatsapp {
padding: 10px 2px;
font-size: 28px;
background-color: #25d366
}
#occupation-single .course-block .link-group .icon-group a {
background: 0 0;
border: 0;
display: inline-block;
height: auto;
margin: 0
}
#occupation-single .course-block .link-group .icon-group a span {
color: #fff;
font-size: 25px
}
#occupation-single .course-block .link-group .icon-group a:hover span {
color: #68aadd
}
#occupation-single .course-block .link-group.open .icon-group {
display: inline-block
}
.view-occupation {
background-color: #83c11f;
color: #fff;
position: absolute;
top: 300px;
font-size: 13px;
padding: 3px 8px;
border-radius: 4px
}
.hotline{
font-size:18px;
font-weight:bold;
color:#fff
}
#carousel {
position: relative;
height: 368px;
top: 50%;
transform: translateY(-50%);
overflow: hidden;
top: 200px;
}
#carousel div {
position: absolute;
transition: transform 1s, left 1s, opacity 1s, z-index 0s;
opacity: 1;
background-color: #fff;
padding: 10px;
border-radius: 5px;
box-shadow: 0 1px 6px 0 rgba(50,50,50,.4);
width: 180px;
height: 200px;
margin-top: 20px;
}
#carousel div img {
width: 100px;
transition: width 1s;
margin-bottom: 9px;
margin-top: 20px;
}
#carousel div.hideLeft {
left: 0%;
opacity: 0;
transform: translateY(371%) translateX(-67%);
width: 27px;
height: 34px;
display:none;
}
#carousel div.hideLeft img {
width: 27px;
height: 34px;
}
#carousel div.hideRight {
left: 100%;
opacity: 0;
transform: translateY(371%) translateX(-67%);
width: 27px;
height: 34px;
display:none;
}
#carousel div.hideRight img {
width: 27px;
height: 34px;
}
#carousel div.prev {
z-index: 5;
left: 27%;
transform: translateY(93px) translateX(-40%);
height: 149px;
}
#carousel div.prev img {
width: 95px;
margin-top: 2px;
margin-right: 33px;
margin-bottom: 0px;
}
#carousel div.prev p {
margin-right: 23px;
}
#carousel div.prevLeftSecond {
z-index: 4;
left: 15%;
transform: translateY(119px) translateX(-70%);
opacity: 0.5;
height: 100px;
width: 110px;
}
#carousel div.prevLeftSecond img {
width: 45px;
margin-top: 0px;
margin-bottom: 3px;;
}
#carousel div.selected {
z-index: 10;
left: 50%;
transform: translateY(70px) translateX(-50%);
}
#carousel div.next {
z-index: 5;
left: 70%;
transform: translateY(93px) translateX(-40%);
height: 149px;
}
#carousel div.next p {
margin-left: 23px;
}
#carousel div.next img {
width: 95px;
margin-top: 2px;
margin-left: 33px;
margin-bottom: 0px;
}
#carousel div.nextRightSecond {
left: 85%;
transform: translateY(119px) translateX(-25%);
z-index: 4;
opacity: 0.5;
height: 100px;
width: 110px;
}
#carousel div.nextRightSecond img {
width: 45px;
margin-top: 0px;
margin-bottom: 3px;
}
.buttons {
position: absolute;
left: 42%;
/*transform: translateX(-50%);*/
bottom: 10px;
z-index:0
}
.outer-wrap h2{
font-weight: 400;
color: #fff;
font-size: 38px;
margin-bottom: inherit;
margin-bottom: 10px;
}
.outer-wrap h4 {
font-weight: 400;
font-size: 1.075em;
line-height: 1.5em;
color: #fff;
}
.outer-wrap h4 span {
color: #83c11f;
}
#prev{
width: auto;
background: none;
color: #fff;
}
#next{
width: auto;
background: none;
color: #fff;
}
.loginli{
margin-top:15px;margin-left:10px;
}
.navbar{
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
margin-bottom: 0px !important;
z-index: 999;
/*height:60px*/
}
/*.navbar .logo-wrapper{
padding-top:0px;
}*/
.loginbtn {
min-width: 79px;
padding: 10px 5px 10px 5px;
font-size: 14px;
font-weight: normal;
background: #f65a5b;
color: #fff;
margin-left: 20px;
margin-bottom: 8px;
margin-top: 24px;
}
.loginbtn:hover {
background: none !important;
border: 1px solid #0e508b;
color: #0e508b;
}
.responsivGallery-name{
color: #0172ca;
}
.language-bar .bootstrap-select button.btn {
background: #ffffff;
color: #2f4050;
min-width: 50px;
font-size: 13px;
height: 30px;
text-align: center;
}
.catcard{
background-color: #fff;
padding: 10px;
border-radius: 5px;
box-shadow: 0 1px 6px 0 rgba(50,50,50,.4);
}
.courselistwidget{
padding-top: 20px;
padding-bottom: 20px;
background: #f9dec8;
}
.courselistwidget .nav-tabs.nav-justified>li>a {
color: #868686;
font-size: 14px;
}
.star-rating .rating-container{
font-size:13px;
}
.rating-container .rating-stars:before {
text-shadow:none;
}
.courselistwidget .tab-content{
padding:20px 0px;;
/*background: #fff;*/
padding-bottom:50px;
padding-right:0px
}
.courselistwidget .nav-tabs.nav-justified>li{
background: #fff;
border: 2px solid #f9dec8;
border-bottom: none;
border-left: none;
}
.courselistwidget .courseblc{
height: 100%;
box-shadow: 0 1px 7px 0 rgba(50,50,50,.2);
border: 1px solid #e0dfdf;
border-radius: 8px;
}
.courselistwidget .course-type {
background-color: #2d3942;
color: #fff;
padding: 2px 10px;
text-align: center;
display: inline-block;
margin: 0 0px 15px 0;
font-size: 12px; border-radius: 3px;
}
.courselistwidget .course-cat {
background-color: #f49b29!important;
color: #fff;
padding: 2px 10px;
text-align: center;
display: inline-block;
margin: 0 0px 15px 0;
font-size: 12px; border-radius: 3px;
}
.courselistwidget .course-free {
background-color: #10a650!important;
color: #fff;
padding: 2px 10px;
text-align: center;
display: inline-block;
margin: 0 0px 15px 0;
font-size: 12px; border-radius: 3px;
}
.courselistwidget h4 {
font-size: 16px;
text-align: left;
color: #2d3942;
height: 82px;
}
.coursecontent{
padding: 20px 10px;
text-align: left;
}
.coursecontent .course-block-info {
background-color: #f3f6f7;
position: absolute;
bottom: 0;
width: 100%;
margin-left: -25px;
padding: 7px;
font-size: 14px;
}
.orglogo{
background-color: #fff;
box-shadow: 0 1px 7px 0 rgba(50, 50, 50, .2);
border: 1px solid #ccc;
border-radius: 10px;
margin-bottom: 30px;
width: 104px;
}
.orglogo img{
margin:0 auto;
}
.orgdetails{
background-color: #fff;
box-shadow: 0 1px 7px 0 rgba(50, 50, 50, .2);
border:1px solid #ccc;
font-size:14px;
padding:20px;
border-radius:10px
}
.orgdetails img{
margin:10px auto;
width: 100px;
height: 100px;
}
.orgdetails h3{
font-size:16px !important;
font-weight:500;
margin-bottom: 10px;
}
.leading{
padding-top:30px;
padding-bottom:30px;
background: #efeeee;
}
.leading h3{
font-size:35px;
font-weight:500;
text-transform:uppercase;
color:#4b4f52;
margin-bottom:10px;
}
.learninghrs{
font-size:12px;
padding-bottom:5px;
/*font-weight: bold;*/
}
.main-gallery {
/*background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
border-top: solid 10px #7AA641;*/
}
.gallery-cell {
width: 100%;
}
.testimonial {
text-align: center;
max-width: 850px;
margin: 0px auto 70px auto;
padding: 0 20px;
}
.testimonial-avatar {
width: 150px;
border-radius: 50%;
}
.testimonial-quote {
display: block;
font-size: 15px;
font-weight: 300;
padding: 30px 0;
line-height:27px;
height:150px
}
.testimonial-author {
font-weight: 400;
color: #fff;
font-size:22px !important;
margin-top: 0px;
margin-bottom: 0px;
font-style:italic;
}
.flickity-page-dots {
bottom: 25px;
}
.flickity-page-dots .dot.is-selected {
background: #7AA641;
}
.modal-backdrop{
position:relative;
}
#login .form-control {
height: 23px;
height: 2.3rem;
font-size: 14px;
padding: 10px;
}
.extrafooter {
background: #555 !important;
padding-top: 50px;
padding-bottom: 50px;
font-family: "Montserrat",Helvetica,Arial,sans-serif
}
.extrafooter h3{
color: #fff;
font-size: 20px;
line-height: 1.25;
margin: 0 0 10px;
font-weight:300;
}
.extrafooter a {
font-family: 'Fira Sans', sans-serif !important;
color: #fff;
font-weight: 300;
}
.extrafooter ul{
list-style:none;
}
.extrafooter ul li {
margin-bottom: 9px;
font-size:14px;
}
#app-footer > .containerbot {
background: #354052 !important;
font-size: 15px;
padding: 10px 10px;
}
#app-footer>.container-fluid {
border-top: 0px solid #e7e7e7;
}
#app-footer .padded-responsive {
padding-bottom: 0px;
padding-bottom: 0rem;
padding-top: 5px;
padding-top: 0.5rem;
}
.course-block .star-rating {
text-align: left !important;
padding-left: 10px !important;
}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
.leadorgname {
font-size: 17px !important;
line-height: 21px;
height: 40px;
}
.text-center-xs{
text-align:center
}
.empower{
margin-top:0px;
text-align:center;
}
.outer-wrap h2{
font-size: 25px;
}
.outer-wrap h4 {
font-size: 13px;
}
.courses-list--listings>li{
width: 314px;
}
.course-block .course-block-img-outer{
width: 314px;
}
.course-block .course-block-img-outer img {
width: 314px;
max-width: 314px;
}
.course-block .course-block-img-outer img {
}
.logo-wrapper{
margin-top: 10px;
}
}
.modified-home .two-columns-wide-outer{
padding-bottom: 0px;
}
.fromtop{
margin-top: 6px;
}
.slick-slide {
margin: 0px 9px;
}
.slick-slide img {
width: 100px;
height:100px;
}
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.form-control{
height: 23px;
height: 2.3rem;
font-size: 12px;
border-radius:0px;
}
#form0{
background: #fff;
width: 100%;
margin: 0 auto;
border: 1px solid #ccc;
font-size:12px;
padding: 10px;
margin-bottom:10px
}
.language-bar .bootstrap-select .dropdown-menu {
min-width: 100%;
background: transparent;
border: none;
}
.language-bar .bootstrap-select.btn-group .dropdown-menu.inner{
background: #fff;
border-radius: 0px 0px 10px 10px;
}
.w-responsivGallery-info a:hover{
text-decoration:none;
color:#2d3942;
}
.w-responsivGallery-info a:focus{
text-decoration:none;
color:#2d3942;
}
.responsivGallery-name:hover{
color:#2d3942;
}
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 2) {
.rio-promos{
max-width:300px !important;
}
.empower {
margin-top: 0px !important;
}
.modified-home .two-columns-wide-outer {
padding-bottom: 0px;
}
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper .columns-wrapper {
margin-bottom: 0px;
}
.nav-tabs>li {
margin-bottom: 10px;
}
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2) {
.responsiveGallery-container {
width: 62% !important;
margin: 0 auto !important;
}
.modified-home .two-columns-wide-outer {
padding-bottom: 0px !important;
}
.testimonials-wrapper{
background: #fff !important;
}
.testimonial-quote{
height: 250px !important;
}
.nav-tabs>li {
margin-bottom: 10px !important;
}
.responsiveGallery-wrapper {
padding-top: 60% !important;
}
.course-block .course-block-img-outer {
width: 374px !important;
}
}
.testimonial-quote{
height: 250px;
}
.testimonials-wrapper {
background: #ffffff;
}
}
.requestcourse{
font-size:15px
}
.testi2 {
background: #2e3942 !important;
}
.testi3 {
background: #951207 !important;
}
.testi1{
background: #ea4e00;
padding: 20px;
border-radius: 50px;
text-align: center;
color: #fff;
min-height: 510px;
margin-top:20px;
}
.testi1 p{
font-size: 14px;
font-weight: 300;
line-height: 24px;
}
.testi1 .p2{
font-size: 12px;
font-weight: 300;
margin-bottom:0px
}
.img-circle4{
width:100px;
height:100%;
margin:0 auto;
border:4px solid #fff;
margin-bottom:20px;
margin-top:20px
}
@media only screen
and (min-width: 1024px)
and (max-height: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1.5) {
.responsiveGallery-wrapper {
width: 88%;
margin-left: -9px ;
}
.responsiveGallery-item {
width: 40%;
}
}
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait){
.logo-wrapper > a > img{
}
.responsiveGallery-wrapper {
padding-top: 50% !important;
}
.empower{
margin-top: 30px !important;
text-align: left !important;
}
.responsiveGallery-wrapper {
width: 70% !important;
}
.responsiveGallery-item {
width: 50% !important;
}
}
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : landscape) {
.input-group{
width: 60%;
margin: 0 auto;
}
.text-center-xs{
text-align:center
}
.outer-wrap h2{
font-size: 25px !important;
}
.outer-wrap h4{
font-size: 15px !important;
}
.empower {
margin-top: 0px !important;
text-align:center
}
.modified-home .two-columns-wide-outer {
padding-bottom: 30px !important;
}
.our-courses .nav-tabs > li {
margin-bottom: 10px;
}
.responsiveGallery-wrapper{
margin-top:30px !important;
}
.responsiveGallery-container {
width: 45% !important;
margin: 0 auto !important;
}
.responsiveGallery-item {
width:100%;
}
.testimonial-quote{
height:250px !important
}
.testimonials-wrapper{
background:#fff !important;
}
.modal-outer .login-container {
max-width: 275px !important;
margin:0 auto !important;
}
.login-container {
margin: 40px 0px !important;
}
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper{
padding-bottom:60px
}
.loginbtn{
margin-left: 10px;
}
.responsiveGallery-btn_prev{
left: -33%;
}
.responsiveGallery-btn_next{
right: -33%;
}
.responsiveGallery-btn {
width: 15%;
}
}
/*Note 3/ Samsung s4/s5 */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
.text-center-xs{
text-align:center
}
.outer-wrap h2{
font-size: 25px !important;
}
.outer-wrap h4{
font-size: 15px !important;
}
.empower {
margin-top: 0px !important;
text-align:center
}
.modified-home .two-columns-wide-outer {
padding-bottom: 30px !important;
}
.our-courses .nav-tabs > li {
margin-bottom: 10px;
}
.responsiveGallery-wrapper{
margin-top:30px !important;
}
.responsiveGallery-container {
width: 45% !important;
margin: 0 auto !important;
}
.responsiveGallery-item {
width:100%;
}
.testimonial-quote{
height:250px !important
}
.testimonials-wrapper{
background:#fff !important;
}
.modal-outer .login-container {
max-width: 275px !important;
margin:0 auto !important;
}
.login-container {
margin: 40px 0px !important;
}
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper{
padding-bottom:60px
}
.loginbtn{
margin-left: 10px;
}
.responsiveGallery-btn_prev{
left: -33%;
}
.responsiveGallery-btn_next{
right: -33%;
}
.responsiveGallery-btn {
width: 15%;
}
}
/*iphone 4/4s*/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3)
{
.empower {
margin-top: 0px !important;
text-align:center
}
.modified-home .two-columns-wide-outer {
padding-bottom: 0px !important;
}
.our-courses .nav-tabs > li {
margin-bottom: 10px;
}
.responsiveGallery-wrapper{
margin-top:30px !important;
}
.responsiveGallery-container {
width: 45% !important;
margin: 0 auto !important;
}
.responsiveGallery-item {
width:100%;
}
.testimonial-quote{
height:250px !important
}
.testimonials-wrapper{
background:#fff !important;
}
.modal-outer .login-container {
max-width: 275px !important;
margin:0 auto !important;
}
.login-container {
margin: 40px 0px !important;
}
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper{
padding-bottom:60px
}
.loginbtn{
margin-left: 10px;
}
.responsiveGallery-btn_prev{
left: -33%;
}
.responsiveGallery-btn_next{
right: -33%;
}
.responsiveGallery-btn {
width: 15%;
}
}
/*Iphone 5/5S*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)and (-webkit-device-pixel-ratio: 2) {
.leadorgname {
font-size: 17px !important;
line-height: 21px;
height: 40px;
}
.text-center-xs{
text-align:center
}
.outer-wrap h2{
font-size: 25px !important;
}
.outer-wrap h4{
font-size: 15px !important;
}
.empower {
margin-top: 0px !important;
text-align:center
}
.modified-home .two-columns-wide-outer {
padding-bottom: 70px !important;
}
.our-courses .nav-tabs > li {
margin-bottom: 10px;
}
.responsiveGallery-wrapper{
margin-top:30px !important;
}
.responsiveGallery-container {
width: 45% !important;
margin: 0 auto !important;
}
.responsiveGallery-item {
width:100%;
border:1px solid #888888
}
.testimonial-quote{
height:250px !important
}
.testimonials-wrapper{
background:#fff !important;
}
.modal-outer .login-container {
max-width: 275px !important;
margin:0 auto !important;
}
.login-container {
margin: 40px 0px !important;
}
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper{
padding-bottom:60px
}
.loginbtn{
margin-left: 4px;
}
.responsiveGallery-btn_prev{
left: -33%;
}
.responsiveGallery-btn_next{
right: -33%;
}
.responsiveGallery-btn {
width: 15%;
}
}
.testimo {
padding-top: 40px;
padding-bottom: 40px;
background: url(images/headerbg.jpg) #f9dec8;
background-size: cover;
background-attachment: fixed;
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
.empower {
margin-top: 30px;
text-align: center;
}
.modified-home .two-columns-wide-outer .two-columns-wide-wrapper .columns-wrapper {
margin-bottom: 0px;
}
.responsiveGallery-wrapper {
padding-top: 30%;
}
}
/*iPad landscape*/
/*@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.carousel img {
margin-top: 55px;
}
.responsiveGallery-container{
width: 95% !important;
}
.responsiveGallery-wrapper{
width: 100%;
}
}*/
/*testimonials new*/
.main-content {
max-width: 800px;
margin: 0em auto;
position: relative;
padding: 1em 3em;
}
.recipe-wrapper {
display: flex;
flex-wrap: wrap;
background: #fff;
box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
align-self: stretch;
}
.recipe-wrapper .recipe-image {
flex: 4;
overflow: hidden;
position: relative;
background: #fcfcfc;
}
.recipe-wrapper .pie-photo {
max-width: 150%;
position: absolute;
right: 0;
bottom: 120%;
transition: all 600ms cubic-bezier(1, 0, 0, 1);
}
.recipe-wrapper .recipe-content {
background: #fff;
flex: 5;
padding: 7%;
min-height: 272px;
overflow: hidden;
position: relative;
}
.recipe-wrapper .navigation2 {
position: absolute;
right: -10px;
top: 60px;
font-size: 30px;
text-align: center;
color: #2d3942;
}
.recipe-wrapper .navigation2 i {
margin: 8px;
display: block;
opacity: 0.6;
cursor: pointer;
}
.recipe-wrapper .navigation2 i:hover {
opacity: 1;
}
.recipe-wrapper .navigation2 i.disabled {
opacity: 0.2;
pointer-events: none;
}
.recipe-wrapper .recipe-page {
font: 400 28px "Playfair Display", cursive;
position: absolute;
top: 10px;
right: 20px;
color: #999;
opacity: 0;
transition: all 600ms cubic-bezier(1, 0, 0, 1);
}
.recipe-wrapper .recipe-content-inner {
transition: all 600ms cubic-bezier(1, 0, 0, 1);
top: 150%;
position: absolute;
left: 0;
margin: 0 10%;
right: 0;
}
.recipe.active .recipe-page {
opacity: 1;
}
.recipe.active .pie-photo {
bottom: 0%;
}
.recipe.active .recipe-content-inner {
top: 12%;
}
.pie-name:before {
content: "";
position: absolute;
}
.pie-context {
color: #c65e0c;
margin: 10px 10px;
font-size: 14px;
line-height: 26px;
text-align: left;
}
.pie-serving svg {
width: 40px;
}
.pie-serving p {
display: inline-block;
vertical-align: top;
margin: 12px 6px 6px;
}
.pie-cta:hover {
top: -5px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
aside.context {
text-align: center;
color: #fff;
}
aside.context a {
text-decoration: none;
color: #fff;
padding: 3px 0;
border-bottom: 1px dashed;
}
aside.context a:hover {
border-style: solid;
}
aside.context .explanation {
max-width: 700px;
margin: 2em auto;
}
@media (max-width: 750px) {
.recipe-wrapper .recipe-content{
min-height:450px
}
.recipe.active .recipe-content-inner {
top: 7%;
}
.recipe-wrapper .navigation2{
right: 6px;
}
}
.testimo h3{
font-size: 35px;
font-weight: 500;
text-transform: uppercase;
color: #4b4f52;
margin-bottom: 10px;
}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) {
.responsiveGallery-container {
width: 30% !important;
}
.responsiveGallery-wrapper {
width: 100%;
}
.responsiveGallery-btn_next {
right: -12%!important;
}
.responsiveGallery-btn {
width: 9%!important;
}
}
/*.alison-stats {
background:linear-gradient(135deg, #ed7b01, #721d22);
padding: 40px 10px;
}
.alison-stats .alison-stats-inner>div {
width: 25%;
float: left;
text-align: center;
}
.alison-stats .alison-stats-inner .stats-icon {
width: 29px;
display: inline-block;
}
.alison-stats .alison-stats-inner .stats-amount {
font-size: 49px;
color: #fff;
height: 44px;
margin-top: 10px;
line-height: 33px;
font-weight: 700;
}
.alison-stats .alison-stats-inner .stats-title {
font-size: 16px;
color: #fff;
font-weight: 500;
}*/
.statistic-counter{
font-size: 56px !important;
margin-bottom: 0px !important;
font-weight:600 !important;
}
.main_counter_content{
max-width: 800px;
margin: 0 auto;
}
.p-y-2 {
padding-top: 28px;
padding-bottom: 28px;
}
.p-y-3 {
/*padding-top: 45px;
padding-bottom: 45px;*/
}
.m-b-1 {
/*margin-bottom: 18px;*/
width: 30px;
}
.m-t-1 {
/*margin-top: 18px;*/
}
/*==========================================================
counter section style
============================================================*/
.main_counter_area p{
margin-bottom:0px
}
.main_counter_area{
background:linear-gradient(135deg, #ed7b01, #721d22);
overflow: hidden;
}
.main_counter_area .main_counter_content .single_counter{
color: #fff;
}
.main_counter_area .main_counter_content .single_counter i{
font-size:30px;
}
.rio-promos {
max-width: 1000px;
margin: 0 auto;
}
.slick-slide {
margin: 0 5px;
}
.slick-list {
margin: 0px -5px 0px -5px;
}
button.slick-next, button.slick-next:hover {
position: absolute;
top: 41%;
right: -20px;
/*width: 47px;*/
height: 34px;
background-image: url("images/arrow-right2.png");
background-size: 100%;
}
button.slick-prev, button.slick-prev:hover {
position: absolute;
top: 41%;
left: -20px;
z-index: 1;
/*width: 47px;*/
height: 34px;
background-image: url("images/arrow-left2.png");
background-size:100%;
background-position-x: right;
}
.slick-prev:before, .slick-next:before {
font-size: 70px;
color: #EA8496;
line-height: inherit;
font-weight: bold;
}
.rio-promos img {
height: 90px;
}
.tooltip {
position: absolute;
z-index: 1030;
display: block;
visibility: visible;
font-size: 12px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
background:#f00
}
.tooltip .tooltiptext { /* This is for the tooltip text */
visibility: hidden;
width: 100px;
background-color: #8512d5;
color: white;
text-align: center;
padding: 10px;
border-radius: 10px; /* This defines tooltip text position */
position: absolute;
z-index: 1;
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
background: #fff url('http://maggiesadler.com/wp-content/uploads/2015/10/ajax-loader.gif') center center no-repeat;
}
/* Icons */
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
margin-top: -10px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '';
}
[dir='rtl'] .slick-prev:before
{
content: '';
font-weight: bold;
font-size: 20px;
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '';
}
[dir='rtl'] .slick-next:before
{
content: '';
}
/* Dots */
.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -45px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
.leadingorg{
width: 70px;
height: 70px;
/*border-radius: 50%;*/
padding: 10px;
}
.leadingorg2{
width: 80px;
height: 80px;
padding: 10px;
}
.otherorg{
width: 80px !important;
height: 80px !important;
/*background: #fffefe;
border-radius: 50%;*/
border: 0px solid #e4d7d7;
padding: 0px;
/*box-shadow: -1px 3px 10px 0 rgba(50, 50, 50, .2);*/
margin-bottom:20px
}
/*.tooltip {
background-color: transparent;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 220px;
background-color: #0094c9;
color: #fff;
text-align: center;
padding: 20px;
border-radius: 6px;
position: absolute;
z-index: 1;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}*/
/*a.tooltips {
position: relative;
display: inline;
}
a.tooltips span {
position: absolute;
width:140px;
color: #FFFFFF;
background: #000000;
height: 71px;
line-height: 71px;
text-align: center;
visibility: hidden;
border-radius: 6px;
}
a.tooltips span:before {
content: '';
position: absolute;
top: 50%;
left: 100%;
margin-top: -12px;
width: 0; height: 0;
border-left: 12px solid #6D6D6D;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
}
a.tooltips span:after {
content: '';
position: absolute;
top: 50%;
left: 100%;
margin-top: -8px;
width: 0; height: 0;
border-left: 1px solid #000000;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
a:hover.tooltips span {
visibility: visible;
opacity: 0.8;
right: 100%;
top: 50%;
margin-top: -35.5px;
margin-right: 15px;
z-index: 999;
}*/
/*.lead1{
background:linear-gradient(135deg, #386288, #06243e);
height:200px;
border-radius:0px 0px 50px 50px;
text-align:center;
padding: 10px 20px;
}
.leadrank{
background: #738ea1;
border-radius: 50%;
width: 50px;
height: 50px;
margin: 0 auto;
padding: 20px 5px;
font-size: 16px;
color: #fff;
border: 3px solid #fff;
text-align: center;
line-height: 5px;
}
.leadorgname{
font-size: 12px !important;
line-height:16px;
height: 40px;
color:#fff
}
.leading h5 {
margin-top: 15px;
}
.hr2{
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 2px solid #c5c5c5;
max-width: 50%;
}
.lead2{
background: linear-gradient(135deg, #16d8c9, #005f57);
}
.leadrank2{
background: #4fe2d7;
}
.traingle4{
border-color: transparent transparent #10b5a8 transparent;
}
.lead3{
background: linear-gradient(135deg, #ea4e00, #951207);
}
.leadrank3{
background: #ff8359;
}
*/
.lead12{ background: linear-gradient(170deg, #f1915f, #b95052);}
.lead13{background:linear-gradient(170deg, #3bc7f7, #195a90);}
.lead14{background:linear-gradient(170deg, #3becb2, #129280);}
.lead1{
background: url(images/headerbg.jpg) #f9dec8;
height: 250px;
border-radius: 50px 50px;
text-align: center;
padding: 10px 20px;
background-size: cover;
background-position: center;
/*border: 1px solid #f8d6a6;*/
}
.leadrank{
background: #738ea1;
border-radius: 50%;
width: 50px;
height: 50px;
margin: 0 auto;
padding: 20px 5px;
font-size: 16px;
color: #fff;
border: 3px solid #fff;
text-align: center;
line-height: 5px;
}
.leadorgname{
font-size: 21px !important;
line-height: 25px;
height: 51px;
color: #fff;
font-weight: 300;
margin-top: 14px;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-word;
white-space: nowrap;
}
.completed{
color: #fff;
margin: 0px;
font-size: 12px;
margin-top: 0px !important;
font-weight: 300;
}
.percentagelead{
font-size: 26px !important;
margin-top: 5px !important;
margin-bottom: 0px !important;
color: #fff;
font-weight: 300;
}
.traingle{
width: 100%;
height: 0;
border-style: solid;
border-width: 0 101px 35px 101px;
border-color: transparent transparent #2f567a transparent;
}
.leading h5 {
margin-top: 15px;
}
.hr2{
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 2px solid #c5c5c5;
max-width: 50%;
}
.lead2{
background: linear-gradient(135deg, #16d8c9, #005f57);
}
.leadrank2{
background: #4fe2d7;
}
.traingle4{
border-color: transparent transparent #10b5a8 transparent;
}
.lead3{
background: linear-gradient(135deg, #ea4e00, #951207);
}
.leadrank3{
background: #ff8359;
}
.traingle3{
border-color: transparent transparent #d43e01 transparent;
}
.hr3{
/* margin-top: 10px; */
/* margin-bottom: 10px; */
border: 0;
border-top: 2px solid #d2d2d2;
width: 60%;
text-align: left;
margin: 10px 0px;
}
.slick-track{
width:200px
}
.traingle2 {
width: 20%;
height: 0;
border-style: solid;
border-width: 0px 10px 10px 10px;
border-color: transparent transparent #f1f1f1 transparent;
float: right;
}
.bootstrap-select>.dropdown-toggle{
padding-right: 0px;
}
/*-=-=-=-=-=-=-=-=-=-=-=- */
/* Column Grids */
/*-=-=-=-=-=-=-=-=-=-=-=- */
.counter { padding: 20px 0; }
.count-title { font-size: 40px; font-weight: 300 !important; margin-top: 10px; margin-bottom: 0; text-align: center; }
.count-text {
font-size: 14px;
font-weight: normal;
margin-top: 10px;
margin-bottom: 0;
text-align: center;
color: #fff;
}
.wrapper-content {
padding: 0px 0px 0px;
}
.fa-2x { font-size: 30px; margin: 0 auto; float: none; display: table; color: #fff; }
#counter h2{
color:#fff
}
#counter{
background: linear-gradient(135deg, #949494, #3e3e3e);
overflow: hidden;
}
/*iPad mini*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
}
/*iPhone X landscape*/
@media only screen
and (min-device-width : 375px)
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) {
.rio-promos{
max-width: 600px;
}
}
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px)
{
.rio-promos{
max-width: 600px;
}
}
.navbar{
border: 0px solid transparent;
}
@media (min-width: 768px) {
#page-wrapper {
margin: 0px;
}
}
.morehighlights{
font-size: 19px;
font-weight: 500;
}
.courses-list--listings h6{
margin: 0 0 5px;
font-size: 14px;
}
.learninghrs2{
border-left:1px solid #ccc
}
@media (max-width: 768px) {
.our-courses .nav-tabs > li {
width: 50%;
}
}
@media (max-width: 768px) {
.our-courses .nav-tabs > li.active > a {
background-color: #0172ca !important;
}
.language-bar .bootstrap-select.btn-group .dropdown-toggle .filter-option {
/* width: auto; */
width: 100%;
}
}
@media (max-width: 767px) {
.modified-home{
height: auto !important;
}
body{
overflow-x:hidden !important;
overflow-y:auto !important;
}
}
.empower h4{
max-height: 275px;
margin-bottom: 0px;
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
.modified-home{
height: auto !important;
}
body{
overflow-x:hidden !important;
overflow-y:auto !important;
}
.wrap {
top:175% !important;
}
.blueColor{
display:none;
}
#toggle-wrap {
top: 110px !important;
}
.fa-times-circle{
color: #18181880 !important;
}
.bt-close{
left:180px;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
body{
overflow-x:hidden !important;
overflow-y:hidden !important;
}
.login{
position:relative;
left:-85px;
width:558px !important;
}
.login .user2{
overflow-y:hidden;
overflow-x:hidden;
}
}
/*tabtab*/
@media (min-width: 768px) and (max-width: 1024px) {
body{
overflow-x:hidden !important;
overflow-y:auto !important;
}
}
/*.carousel-indicators {
bottom: 2px !important;
}*/
.pullUp{
position:relative;
top:-13px !important;
}
body #page-wrapper {
margin-top: 60px !important;
}
#page-wrapper {
margin-top: 60px !important;
}
body.fixed-nav #wrapper #page-wrapper {
margin-top: 0px !important;
}
#app-footer {
border-top: 5px solid #D50000;
background: #3a3a3a;
}
#myCarousel{
max-width:1000px;
width:100%;
border-radius:15px;
overflow:hidden;
}
.mainhomecontent{
padding:40px;
}
@media (min-width: 1920px) {
.mainhomecontent{
padding-top:17vh;
}
.outer-wrap h4{
font-size: 22px !important;
}
.outer-wrap h2{
font-size: 70px !important;
}
}
@media (min-width: 769px) {
.empower{
margin-left:15px;
}
#myCarousel {
max-height:320px !important;
margin-right:15px;
}
}
@media (max-width: 768px) {
#homepageHEADER.navbar{
max-height: 150px !important;
}
#myCarousel{
width:100%;
margin-left:auto;
margin-right:auto;
padding-bottom:20px;
margin-top:0px !important;
}
#homepageHEADER.navbar{
max-height: 150px !important;
}
.empower{
margin-top:0px !important;
}
}
.carousel-indicators{
display:none !important;
}
#wrapper.mainPAGEh{
max-width:100% !important;
}
#app-content {
min-height: auto !important;
}
#canvas{
max-width:100%;
}
.contactme .btn{
background-color: #880505 !important;
}
.empower h2,.empower h4{
/*font-family: 'GothamMedium' !important;*/
}
.empower,#myCarousel{
margin-top:100px ;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
width: 100% !important;
}
#contactUS{
background: #005baa;
border-top: 5px solid #025586;
min-height:59px;
}
@media (min-width: 769px) {
#homepageHEADER.navbar{
min-height: 49px;
}
}
.language-bar .bootstrap-select.btn-group .dropdown-toggle .filter-option {
/*width:auto;*/
width: auto !important;
}
.language-bar .btn>.fa {
font-size: 14px;
margin-left: 5px;
}
.mainlogo {
padding: 5px 5px;
float: left;
padding-left: 0px !important;
max-width: 238px;
max-height: 80px;
}
.LastName-error{
font-size:10px;
}
.help-action.col-md-12 {
padding: 0px 30px;
}
.form-horizontal .form-group{
margin-left: -5px !important;
}
.loginbtn.signupbtnn{
margin-left: -5px !important;
}
/*@media only screen and (max-width: 1280px) {
body {
overflow-y: auto;
}
}*/
body {
overflow-y: auto;
}
.signinlogintext {
color: #28200f !important;
margin-top: 44px !important;
font-size: 28px !important;
font-weight: 700 !important;
}
.lgnbtn {
margin-top: 15px;
margin-bottom: 20px;
}
.banner__text {
position: relative;
z-index: 2;
}
.no-margins {
margin: 0px !important;
}
.banner__text .text {
display: block;
line-height: 34px;
font-size: 1.5em;
color: #1e180d;
background-color: #fff;
margin: 0 0 20px;
/* border-right: 3px solid #000; */
/* opacity: 0; */
/* width: 0; */
}
.text.text-1 {
color: white;
animation: 1300ms steps(35) 0s 1 normal none running typing, 0.5s ease 0s normal none running blink;
opacity: 1;
border-right: none;
background-color: #9e9e9e00;
}
.banner__text .text span {
display: inline-block;
padding: 4px 10px;
}
.banner__text .title-block {
font-size: 3em;
line-height: 54px;
}
.title.text-2-a, .title.text-2-b {
padding-left: 10px;
font-size: 44px;
font-weight: 600;
color: #ffffff;
background-color: #ffffff00 !important;
animation: 1s steps(21) 0s 1 normal none running typing, 0.5s ease 0s normal none running blink;
opacity: 1;
border-right: none;
}
.title.text-2-b {
font-size: 21px !important;
line-height: 39px;
font-weight: 500 !important;
}
.title.text-2-a, .title.text-2-b {
padding-left: 10px;
font-size: 44px;
font-weight: 600;
color: #ffffff;
background-color: #ffffff00 !important;
animation: 1s steps(21) 0s 1 normal none running typing, 0.5s ease 0s normal none running blink;
opacity: 1;
border-right: none;
}
.body {
overflow-x: hidden !important;
overflow-y: scroll !important;
}
.newww .banner {
max-width: 1500px;
width: 100% !important;
margin: 0 auto;
position: relative;
width: 100%;
height: 700px;
}
.newww .banner__background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
}
.banner__background img {
width: 100%;
height: 100%;
font-family: "object-fit:cover;object-position:center center";
object-fit: cover;
object-position: center center;
}
.newww .banner__background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
}
.newww .container {
max-width: 1350px;
width: 100% !important;
}
.col-lg-12.specialpositionfix {
float: unset !important;
padding: 0px;
}
.forgot {
color: #000;
}