body{
    font-family: 'Open Sans', "Proxima", sans-serif;
}
.is-at-top.navbar-fedora .navbar-header{
    height: 72px;
    padding: 5px 0;
}
.navbar-fedora.is-at-top.is-not-signed-in.is-homepage, .navbar-fedora.is-at-top.is-not-signed-in.is-blog{
    background: #fff !important;
}
.navbar-fedora.is-at-top.is-not-signed-in.is-homepage .navbar-brand, .navbar-fedora.is-at-top.is-not-signed-in.is-homepage a.fedora-navbar-link, .navbar-fedora.is-at-top.is-not-signed-in.is-blog .navbar-brand, .navbar-fedora.is-at-top.is-not-signed-in.is-blog a.fedora-navbar-link{
    color: #333 !important;
    text-transform: uppercase;
}
.navbar-fedora.is-at-top.is-not-signed-in.is-homepage a.fedora-navbar-link:hover, .navbar-fedora.is-at-top.is-not-signed-in.is-blog a.fedora-navbar-link:hover{
    color: #777 !important;
}
.navbar-fedora.is-at-top .navbar-collapse.in, .navbar-fedora.is-at-top .navbar-collapse.collapsing{
    top: 72px;
}
.navbar-toggle{
    border: 1px solid #ddd;
}
.navbar-fedora .navbar-toggle .icon-bar{
    background: #888 !important;
}
.nav.navbar-nav > li .btn-primary{
    background: #56bac9;
    border: 1px solid #56bac9;
    font-size: 14px;
    border-radius: 5px;
    text-transform: uppercase;
}
.nav.navbar-nav > li .btn-primary:hover{
    background: #56bac9 !important;
    border: 1px solid #56bac9 !important;
    opacity: 0.9;
}
.homepage-hero{
    padding-bottom: 94px;
}
.homepage-hero::after{
    background-color: #323637;
}
.homepage-hero h2.headline{
    color: #39b6c8;
    font-size: 45px;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 0;
}
.homepage-hero h2.headline strong{
    color: #69c456;
    font-weight: bold;
}
.homepage-hero h3.subtitle{
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 34px;
}
.homepage-hero{
    margin-top: 0;
    padding-top: 100px;
}
.ss-cats{
    max-width: 915px;
    margin: 0 auto;
    border: 1px solid #fff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 6px;
}
.ss-cats > li{
    float: left;
    width: 25%;
    color: #fff;
    text-transform: uppercase;
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding: 0.5px;
}
.ss-cats a{
    display: block;
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    transition: .6s;
    position: relative;
    min-height: 154px;
}
.ss-cats a > span{
    display: block;
    -webkit-backface-visibility: hidden;
    -webkit-transition: .6s;
    -moz-backface-visibility: hidden;
    -moz-transition: .6s;
    -ms-backface-visibility: hidden;
    -ms-transition: .6s;
    backface-visibility: hidden;
    transition: .6s;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}
.ss-cats a > span >span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ss-cats a > span.flipper-front{
    z-index: 2;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.ss-cats a:hover > span.flipper-front{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.ss-cats a > span.flipper-back{
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.ss-cats a:hover > span.flipper-back{
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.ss-cats .ss-one > span{
    background: #69c456;
    background: rgba(105, 196, 86, 0.9);
}
.ss-cats .ss-two > span{
    background: #399ba6;
    background: rgba(57, 155, 166, 0.9);
}
.ss-cats .ss-three > span{
    background: #353845;
    background: rgba(53, 56, 69, 0.9);
}
.ss-cats .ss-four > span{
    background: #c54f28;
    background: rgba(197, 79, 40, 0.9);
}
.ss-cats .ss-five > span{
    background: #c1aa35;
    background: rgba(193, 170, 53, 0.9);
}
.ss-cats .ss-six > span{
    background: #5b9779;
    background: rgba(91, 151, 121, 0.9);
}
.ss-cats .ss-seven > span{
    background: #246280;
    background: rgba(36, 98, 128, 0.9);
}
.ss-cats .ss-eight > span{
    background: #84abb1;
    background: rgba(132, 171, 177, 0.9);
}

.membership{
    padding: 52px 0 10px;
}
.membership .media>.pull-left {
    margin-right: 30px;
}
.membership .media{
    margin-bottom: 75px;
}
.membership h2,
.butwhy h2,
.testimonials h2,
.halved h2{
    color: #69c456;
    font-size: 42px;
    font-weight: 200;
    text-transform: uppercase;
    margin-bottom: 75px;
}
.membership h2:after{
    content: "";
    width: 216px;
    height: 1px;
    background: #e1e1e1;
    display: block;
    margin: 16px auto 0;
}
.membership .media-body{
    color: #777;
    font-size: 13px;
}
.membership .media-heading{
    color: #333;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.butwhy h2{
    color: #fff;
    margin-bottom: 56px;
}
.butwhy{
    background: #69c456;
    padding: 34px 0;
}
.ss-stat{
    border: 1px solid #fff;
    max-width: 295px;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 auto 30px;
    padding: 28px 0 20px;
}
.ss-stat > div {
    margin: 28px 0 0;
    line-height: 25px;
}
.ss-stat strong{
    font-size: 50px;
    font-weight: 900;
}

.homecourses{
    background: #f7f7f7;
}
.homecourses h2.homepage-section-title{
    color: #3499a8;
    font-size: 42px;
    font-weight: 200;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.homecourses h2.homepage-section-title:after{
    content: "";
    width: 216px;
    height: 1px;
    background: #e1e1e1;
    display: block;
    margin: 16px auto 0;
}

.testimonials{
    background: url(//s3-us-west-1.amazonaws.com/teachable-custom/stream-skill-images/1.jpg) center no-repeat;
    background-size: cover;
    padding: 65px 0 35px;
}
.testimonials h2{
    color: #69c456;
    margin-bottom: 45px;
}
.testimonials .synctext{
    margin-bottom: 30px;
    z-index: 2;
}
.testimonials .textitem{
    position: relative;
    padding: 36px 65px;
    text-align: center;
}
.testimonials .textitem p{
    font-size: 18px;
    color: #666;
    font-weight: normal;
}
.testimonials .textitem p:last-of-type{
    margin: 0;
}
.testimonials .textitem:before{
    content: "";
    position: absolute;
    width: 27px;
    height: 27px;
    left: 0;
    top: 0;
    background: url(//s3-us-west-1.amazonaws.com/teachable-custom/stream-skill-images/2.png) center no-repeat;
}
.testimonials .textitem:after{
    content: "";
    position: absolute;
    width: 27px;
    height: 27px;
    right: 0;
    bottom: 0;
    background: url(//s3-us-west-1.amazonaws.com/teachable-custom/stream-skill-images/3.png) center no-repeat;
}

.syncimage {
    cursor: pointer;
}
.syncimage .imgitem{
    font-weight: normal;
    text-align: center;
    max-width: 198px;
    margin: 0 auto;
    height: 248px;
    background: none;
}
.syncimage .imgitem img{
    border: 1px solid #959595;
    margin-top: 30px;
    margin-bottom: 20px;
    transition: all 0.4s;
    transform: translate(0, 0);
    -webkit-transform-style: initial !important;
    transform-style: initial !important;
    background: none;
    backface-visibility: hidden;
}
.syncimage .owl-item.center .imgitem img{
    margin-top: 0px;
    margin-bottom: 0px;
}
.syncimage .imgitem .name{
    font-size: 16px;
    color: #333;
    text-transform: uppercase;
    display: none;
    margin-top: 10px;
}
.syncimage .imgitem .posn{
    font-size: 13px;
    color: #666;
    text-transform: uppercase;
    display: none;
}
.syncimage .owl-item.center .name,
.syncimage .owl-item.center .posn{
    display: block;
}

/************/
.course-listing{
    height: 365px;
}
.course-listing .ss-ctw{
    border: 1px solid #e1e1e1;
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 4px;
    height: 310px;
    position: relative;
}
.course-listing:hover .ss-ctw:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.95;
    left: 0;
    top: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.course-listing:hover .ss-ctw:after{
    content: "";
    position: absolute;
    width: 147px;
    height: 35px;
    left: 50%;
    top: 50%;
    margin-left: -73px;
    margin-top: -17px;
    background: url(//s3-us-west-1.amazonaws.com/teachable-custom/stream-skill-images/4.png) center no-repeat;
}
.course-listing{
    border: none;
    box-shadow: none;
}
.course-listing:hover{
    border: none;
    box-shadow: none;
}
.course-listing .course-box-image-container .course-box-image{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.course-listing .course-listing-title{
    color: #333;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 20px;
    padding: 12px 6px 0px 6px;
}
.course-listing .course-listing-subtitle{
    font-size: 13px;
    color: #666;
    padding: 6px 8px;
    line-height: 15px;
    font-weight: normal;
}
.course-listing .course-listing-extra-info .col-xs-8{
    background: #636363;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
}
.course-listing .course-listing-extra-info .course-bundle{
    font-weight: normal;
    text-transform: uppercase;
}
.course-listing .course-listing-extra-info .col-xs-4{
    background: #555;
    padding-top: 3px;
    padding-bottom: 3px;
}
.course-listing .course-listing-extra-info .course-price{
    font-size: 16px;
    font-weight: bold;
    color: #fff !important;
    text-transform: uppercase;
    padding: 0;
    text-align: center;
}
.course-listing .course-listing-extra-info{
    left:15px;
    padding-left: 15px;
    padding-right: 15px;
}
/************/



.halved{
    position: relative;
    color: #fff;
}
.halved h2{
    color: #fff;
    margin-bottom: 30px;
    font-size: 38px;
}
.halved ul{
    list-style-type: square;
    padding-left: 20px;
}
.halved li{
    margin-bottom: 30px
}
.halved .right img{
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.halved .left{
    background: #3499a8;
    padding-top: 50px;
    padding-bottom: 50px;
}
.halved .right{
    background: #ededed;
    padding-top: 60px;
    padding-bottom: 60px;
}

footer{
    background-color: #0e0e0e;
}
footer .footer-column p{
    font-size: 15px;
    font-weight: normal;
}
footer .footer-column p strong{
    color: #ececec;
    font-weight: normal;
    text-transform: uppercase;
}
footer .footer-column{
    text-align: left;
}
footer a{
    color: #626262;
    font-size: 13px;
}
footer .footer-column:first-child p:nth-child(2):before{
    content: "\f095";
    padding-right: 5px;
    color: #626262;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-align: center;
}
footer .footer-column:first-child p:nth-child(2) a{
    position: relative;
    color: #69c456;
}
footer .footer-column:first-child p:nth-child(2) a:before{
    content: "\f0e0";
    padding-right: 5px;
    color: #626262;
    position: absolute;
    width: 20px;
    height: 20px;
    left: -25px;
    top: -4px;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-align: center;
}

footer .footer-column:first-child p:nth-child(3):before{
    content: "\f041";
    padding-right: 5px;
    color: #626262;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-align: center;
}
footer .footer-column:first-child p:nth-child(2),
footer .footer-column:first-child p:nth-child(3){
    padding-left: 25px;
    position: relative;
    color: #626262;
}
footer .footer-column:first-child p:nth-child(4){
    display: none;
}
.ss-social{
    margin:25px 0 40px;
}
.ss-social a{
    color: #fff;
    background: #626262;
    display: inline-block;
    padding: 4px;
    margin-right: 4px;
    transition: all 0.2s ease;
    width: 36px;
    text-align: center;
    margin-top: 8px;
}
.ss-social a:hover{
    background: #3d41d3;
}





.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}

.owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{color:#fff;text-decoration:none}.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

.synctext .owl-controls .owl-nav [class*=owl-]{
    position: absolute;
    font-size: 0;
    width: 42px;
    height: 42px;
    top: 50%;
    font-size: 0;
    margin: 0;
    margin-top: 98px;
}
.synctext .owl-controls .owl-nav .owl-prev{
    left: -145px;
    background: url(//s3-us-west-1.amazonaws.com/teachable-custom/stream-skill-images/5.png) no-repeat;
}
.synctext .owl-controls .owl-nav .owl-next{
    right: -145px;
    background: url(//s3-us-west-1.amazonaws.com/teachable-custom/stream-skill-images/6.png) no-repeat;
}



@media (min-width: 992px){
    .halved:before{
        content: "";
        position: absolute;
        width: 50%;
        height: 100%;
        left: 0;
        top: 0;
        background: #3499a8;
        z-index: 0;
    }
    .halved:after{
        content: "";
        position: absolute;
        width: 50%;
        height: 100%;
        right: 0;
        top: 0;
        background: #ededed;
        z-index: 0;
    }
    .halved .right{
        padding-top: 105px;
    }
}

@media (max-width: 991px){
    .ss-cats a{
        font-size: 18px;
    }
    .synctext .owl-controls .owl-nav .owl-prev{
        left: -60px;
        margin-top: 75px;
    }
    .synctext .owl-controls .owl-nav .owl-next{
        right: -60px;
        margin-top: 75px;
    }
    .ss-stat{
        font-size: 16px;
    }
    .ss-stat strong{
        font-size: 34px;
    }
    .membership h2 br, .butwhy h2 br, .testimonials h2, .halved h2 br{
        display: none;
    }
}
@media (max-width: 767px){
    .ss-cats a{
        font-size: 16px;
        min-height: 120px;
    }
    .synctext .owl-controls .owl-nav .owl-prev{
        left: 0;
    }
    .synctext .owl-controls .owl-nav .owl-next{
        right: 0;
    }
    .testimonials .textitem{
        padding: 25px 45px;
    }
    .halved .left{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .course-listing .ss-ctw{
        height: auto;
    }
    .course-listing .course-listing-extra-info{
        bottom: 34px;
    }
}
@media (max-width: 480px){
    .ss-cats > li{
        width: 50%;
    }
    .ss-cats a{
        font-size: 14px;
        min-height: 100px;
    }
    .homepage-hero h2.headline{
        font-size: 36px;
    }
    .homepage-hero{
        padding-top: 65px;
        padding-bottom: 65px;
    }
    .homepage-hero h3.subtitle{
        font-size: 18px !important;
    }
    .navbar-fedora .navbar-brand.header-logo img{
        max-width: 100%;
        height: auto;
    }
    .navbar-fedora .navbar-brand.header-logo{
        max-width: 245px;
        padding-top: 4px;
    }
    .membership h2, .butwhy h2, .testimonials h2, .halved h2,.homecourses h2.homepage-section-title{
        font-size: 35px !important;
    }
    .testimonials .textitem p{
        font-size: 15px;
    }
    .testimonials .textitem{
        padding: 15px 25px;
    }
    .testimonials .textitem:before,
    .testimonials .textitem:after{
        width: 20px;
        background-size: contain;
    }
    .ss-stat > div{
        margin-top: 15px;
    }
    .ss-stat{
        padding: 15px;
    }
}
