udemy.com.css

.org-logo {
    background-image: url('https://www.udemy.com/staticx/udemy/images/v5/logo-white.svg');
}

@media (min-resolution: 2dppx),
    (min-resolution: 192dpi),
    (-webkit-min-device-pixel-ratio: 2) {
        @    -ms-viewport {
        width: device-width;
        zoom: 1.0;
    }

    .org-logo {
            /*retina display*/
        background-image: url('https://www.udemy.com/staticx/udemy/images/v5/logo-white.svg');
    }
}

@font-face {
    font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTdqQynqKV_9Plp7mupa0S4g.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNStqQynqKV_9Plp7mupa0S4g.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzNqQynqKV_9Plp7mupa0S4g.ttf) format('truetype');
}

#jp .footer-v42-wrapper .row {
    line-height: 36px;
    text-align: center
}

#jp .splash-text {
    width: 100%
}

.carousel-inner>.item>a>img,.carousel-inner>.item>img {
    display: block;
    max-width: 100%;
    height: auto
}

.carousel,.carousel-inner {
    position: relative
}

.carousel-inner {
    overflow: hidden;
    width: 100%
}

.carousel-inner>.item {
    display: none;
    position: relative;
    -webkit-transition: left .6s ease-in-out;
    -moz-transition: .6s ease-in-out left;
    -ms-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: left .6s ease-in-out
}

.carousel-inner>.item>a>img,.carousel-inner>.item>img {
    line-height: 1
}

@media (-webkit-transform-3d),(transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -moz-transition: -moz-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px
    }

    .carousel-inner>.item.active.right,.carousel-inner>.item.next {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        left: 0
    }

    .carousel-inner>.item.active.left,.carousel-inner>.item.prev {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        left: 0
    }

    .carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        left: 0
    }
}

.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: transparent
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,.0001));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000",endColorstr="#00000000",GradientType=1)
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001),rgba(0,0,0,.5));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: linear-gradient(90deg,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#80000000",GradientType=1)
}

.carousel-control:focus,.carousel-control:hover {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev,.carousel-control .udi-chevron-left,.carousel-control .udi-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block
}

.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev,.carousel-control .udi-chevron-left {
    left: 50%;
    margin-left: -10px
}

.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .udi-chevron-right {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-next,.carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: "\2039"
}

.carousel-control .icon-next:before {
    content: "\203A"
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000\9;
    background-color: transparent
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev,.carousel-control .udi-chevron-left,.carousel-control .udi-chevron-right {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev,.carousel-control .udi-chevron-left {
        margin-left: -10px
    }

    .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .udi-chevron-right {
        margin-right: -10px
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
    transform: none!important
}

.carousel-fade .carousel-inner .item-inner {
    background-position: 50%;
    background-size: cover
}

.carousel-fade .carousel-inner .active {
    opacity: 1
}

.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1
}

.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.carousel-fade .carousel-control {
    z-index: 2
}

.carousel__img {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    max-width: 100%
}

.cards:after,.cards:before {
    content: " ";
    display: table
}

.cards:after {
    clear: both
}

.cards li {
    float: left;
    vertical-align: top
}

@media (max-width:1200px) {
    .cards {
        text-align: center
    }

    .cards li {
        float: none;
        display: inline-block
    }
}

.featured-cards li {
    -webkit-transition: .15s ease-out;
    -moz-transition: .15s ease-out;
    -ms-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out
}

.featured-cards li:hover {
    opacity: .8
}

.featured-cards li:first-child .card-img,.featured-cards li:nth-child(2) .card-img,.featured-cards li:nth-child(3) .card-img {
    width: 560px;
    background-position: 50%;
    background-size: cover;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.featured-cards li:first-child .card-img .card-info,.featured-cards li:nth-child(2) .card-img .card-info,.featured-cards li:nth-child(3) .card-img .card-info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center;
    padding: 10px;
    width: 100%
}

.featured-cards li:first-child .card-img .card-info .title,.featured-cards li:nth-child(2) .card-img .card-info .title,.featured-cards li:nth-child(3) .card-img .card-info .title {
    margin-top: 10px;
    font-weight: 300;
    color: #fff;
    font-size: 30px;
    line-height: 1
}

.featured-cards li:first-child .card-img .card-info .icon,.featured-cards li:nth-child(2) .card-img .card-info .icon,.featured-cards li:nth-child(3) .card-img .card-info .icon {
    margin: 0 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.featured-cards li:first-child {
    margin: 20px 0 0
}

.featured-cards li:first-child .card-img {
    height: 365px
}

.featured-cards li:first-child .card-img .icon {
    width: 115px;
    height: 150px
}

.featured-cards li:nth-child(2),.featured-cards li:nth-child(3) {
    margin: 20px 0 0 20px
}

.featured-cards li:nth-child(2) .card-img,.featured-cards li:nth-child(3) .card-img {
    height: 172px
}

.featured-cards li:nth-child(2) .card-img .icon,.featured-cards li:nth-child(3) .card-img .icon {
    width: 75px;
    height: 85px
}

@media (max-width:1200px) {
    .featured-cards li:first-child,.featured-cards li:nth-child(2),.featured-cards li:nth-child(3) {
        margin: 10px
    }

    .featured-cards li:first-child .card-img,.featured-cards li:nth-child(2) .card-img,.featured-cards li:nth-child(3) .card-img {
        width: 270px;
        height: 160px
    }

    .featured-cards li:first-child .card-img .card-info,.featured-cards li:nth-child(2) .card-img .card-info,.featured-cards li:nth-child(3) .card-img .card-info {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column
    }

    .featured-cards li:first-child .card-img .card-info .title,.featured-cards li:nth-child(2) .card-img .card-info .title,.featured-cards li:nth-child(3) .card-img .card-info .title {
        margin: auto;
        font-size: 24px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        -o-flex: 1;
        flex: 1;
        min-width: 1px
    }

    .featured-cards li:first-child .card-img .card-info .icon,.featured-cards li:nth-child(2) .card-img .card-info .icon,.featured-cards li:nth-child(3) .card-img .card-info .icon {
        height: 35px;
        width: 35px;
        margin-bottom: 10px
    }
}

@media (max-width:993px) {
    .featured-cards li:first-child .card-img,.featured-cards li:nth-child(2) .card-img,.featured-cards li:nth-child(3) .card-img {
        width: 560px
    }
}

@media (max-width:640px) {
    .featured-cards li {
        width: 90%
    }

    .featured-cards li:first-child .card-img,.featured-cards li:nth-child(2) .card-img,.featured-cards li:nth-child(3) .card-img {
        width: 100%;
        min-width: 270px
    }
}

.card--home {
    width: 270px;
    margin: 20px 0 0 20px
}

.card--home:nth-child(4n+1) {
    clear: left;
    margin-left: 0
}

.card--home a {
    background: #fff;
    min-height: 340px
}

.card--home a:hover {
    box-shadow: 0 0 2px #ccc;
    opacity: .8
}

.card--home img {
    width: 100%
}

.card--home .card-info {
    padding: 10px
}

.card--home .title {
    font-size: 18px;
    color: #16222d;
    display: block;
    line-height: 1.2;
    font-weight: 400
}

.card--home .by {
    color: #8190a1;
    display: block;
    margin-top: 5px;
    font-size: 14px
}

.card--home .stud-icon {
    font-size: 20px;
    color: #8190a1
}

.card--home .stud-count {
    color: #8190a1;
    margin: 0 15px 0 5px;
    font-size: 13px
}

.card--home .card__price {
    font-size: 20px
}

.card--home .card__price--old {
    font-size: 16px;
    margin-left: 10px
}

@media (max-width:1200px) {
    .card--home {
        margin: 10px!important
    }

    .card--home .card-details {
        display: inline-block
    }
}

@media (max-width:480px) {
    .card--home a {
        min-height: 290px
    }
}

.ie .cards li a {
    height: 340px
}

.ie .cards .course-thumb {
    height: 151px
}

.container .row {
    position: relative
}

.styled-list {
    list-style: disc;
    margin-left: 20px
}

.c_header.home {
    background: -moz-linear-gradient(top,rgba(0,0,0,.65) 0,rgba(0,0,0,.15) 65%,rgba(0,0,0,.05) 85%,transparent 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.65)),color-stop(65%,rgba(0,0,0,.15)),color-stop(85%,rgba(0,0,0,.05)),color-stop(100%,transparent));
    background: -webkit-linear-gradient(top,rgba(0,0,0,.65),rgba(0,0,0,.15) 65%,rgba(0,0,0,.05) 85%,transparent);
    background: -o-linear-gradient(top,rgba(0,0,0,.65) 0,rgba(0,0,0,.15) 65%,rgba(0,0,0,.05) 85%,transparent 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,.65) 0,rgba(0,0,0,.15) 65%,rgba(0,0,0,.05) 85%,transparent 100%);
    background: linear-gradient(180deg,rgba(0,0,0,.65) 0,rgba(0,0,0,.15) 65%,rgba(0,0,0,.05) 85%,transparent);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6000000",endColorstr="#00000000",GradientType=0);
    box-shadow: none;
    border: none
}

.c_header.home .dropdown:hover .badge,.c_header.home .dropdown__main-link .badge {
    border-color: transparent
}

.c_header.home .c_header__right {
    padding-right: 8px
}

.c_header.home .c_header__search,.c_header.home .mobile-bt--search {
    display: none
}

.c_header.home .c_header__mobile-bt {
    color: #fff
}

.c_header.home .dropdown {
    border: none
}

.c_header.home .dropdown:hover {
    background: inherit
}

.c_header.home .dropdown .dropdown__menu {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.c_header.home .dropdown>.dropdown__menu:after,.c_header.home .dropdown>.dropdown__menu:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.c_header.home .dropdown>.dropdown__menu:after {
    border-color: hsla(0,0%,100%,0);
    border-bottom-color: #fff;
    border-width: 6px;
    margin-left: -6px
}

.c_header.home .dropdown>.dropdown__menu:before {
    border-color: hsla(0,0%,75%,0);
    border-bottom-color: #bfbfbf;
    border-width: 7px;
    margin-left: -7px
}

.c_header.home .dropdown__main-icon {
    color: #fff
}

.c_header.home .dropdown__main-link {
    color: #fff;
    padding: 15px 12px
}

.c_header.home .dropdown--shopping-cart>.dropdown__menu:after,.c_header.home .dropdown--shopping-cart>.dropdown__menu:before {
    right: 15px
}

.home {
    background: #fff;
    color: #16222d
}

.home-top {
    position: relative;
    width: 100%;
    height: 100vh;
    top: -48px;
    z-index: 1
}

#estacio .home-top {
    height: 100%
}

.home-top-carousel {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1
}

.home-top-splash {
    width: 840px;
    background: rgba(0,0,0,.85);
    padding: 50px 60px;
    margin: auto;
    border-radius: 2px;
    text-align: center;
    z-index: 1
}

.home-top-splash .heading {
    margin: 0;
    color: #fff;
    font-size: 35px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 1.3px;
    padding-bottom: 15px
}

.home-top-splash .subhead {
    color: #fff;
    font-size: 24px;
    margin-bottom: 30px;
    line-height: 1;
    font-weight: 300
}

.search--home {
    margin-bottom: 50px
}

.search--home .dropdown-menu {
    left: 20px;
    right: 60px
}

.search-inp-container {
    padding: 0 0 0 20px;
    background: #fff;
    border-radius: 8px 0 0 8px
}

.search-field {
    height: 60px;
    font-size: 18px;
    padding: 0;
    background: transparent;
    border: 0
}

.search-field:focus {
    box-shadow: none
}

.home-search-btn {
    color: #fff;
    background-color: #1376d7;
    border-color: transparent;
    font-size: 22px;
    border-radius: 0 8px 8px 0;
    padding: 0 20px;
    height: 60px
}

.home-search-btn.active,.home-search-btn.focus,.home-search-btn:active,.home-search-btn:focus,.home-search-btn:hover,.open>.dropdown-toggle.home-search-btn {
    color: #fff;
    background-color: #0f5ca8
}

.home-search-btn.active.focus,.home-search-btn.active:focus,.home-search-btn.active:hover,.home-search-btn:active.focus,.home-search-btn:active:focus,.home-search-btn:active:hover,.open>.dropdown-toggle.home-search-btn.focus,.open>.dropdown-toggle.home-search-btn:focus,.open>.dropdown-toggle.home-search-btn:hover {
    color: #fff;
    background-color: #0c4a87
}

.home-search-btn.active,.home-search-btn:active,.open>.dropdown-toggle.home-search-btn {
    background-image: none
}

.home-search-btn.disabled.focus,.home-search-btn.disabled:focus,.home-search-btn.disabled:hover,.home-search-btn[disabled].focus,.home-search-btn[disabled]:focus,.home-search-btn[disabled]:hover,fieldset[disabled] .home-search-btn.focus,fieldset[disabled] .home-search-btn:focus,fieldset[disabled] .home-search-btn:hover {
    background-color: #1376d7;
    border-color: transparent
}

.home-search-btn .badge {
    color: #1376d7;
    background-color: #fff
}

.home-search-btn.focus,.home-search-btn:focus {
    background-color: #1167bb;
    border-color: transparent
}

.home-search-btn:hover {
    background-color: #126ec9;
    border-color: transparent
}

.home-search-btn.active,.home-search-btn.active.focus,.home-search-btn.active:focus,.home-search-btn.active:hover,.home-search-btn:active,.home-search-btn:active.focus,.home-search-btn:active:focus,.home-search-btn:active:hover,.open>.dropdown-toggle.home-search-btn,.open>.dropdown-toggle.home-search-btn.focus,.open>.dropdown-toggle.home-search-btn:focus,.open>.dropdown-toggle.home-search-btn:hover {
    background-color: #1167bb;
    border-color: transparent
}

.features {
    color: #fff;
    margin-top: 20px;
    font-size: 15px;
    text-align: left;
    opacity: .8
}

.features li {
    max-width: 180px;
    margin: 0 30px
}

.features li:first-child {
    margin-left: 20px
}

.features li:last-child {
    margin-right: 0
}

.features i {
    margin-right: 20px;
    font-size: 30px
}

.features i.udi-mobile-phone {
    font-size: 42px
}

.home-main {
    position: absolute;
    top: 100%;
    z-index: 0;
    width: 100%
}

.topics-heading {
    background-color: #f4f3f2;
    font-size: 35px;
    margin: 0;
    padding-top: 20px
}

.topic-cards {
    background: #f4f3f2;
    padding-bottom: 55px
}

.explore-all-btn {
    color: #fff;
    background-color: #1376d7;
    border-color: transparent;
    display: block;
    font-size: 28px;
    text-align: center;
    padding: 20px;
    margin-top: 40px;
    font-weight: 700
}

.explore-all-btn.active,.explore-all-btn.focus,.explore-all-btn:active,.explore-all-btn:focus,.explore-all-btn:hover,.open>.dropdown-toggle.explore-all-btn {
    color: #fff;
    background-color: #0f5ca8
}

.explore-all-btn.active.focus,.explore-all-btn.active:focus,.explore-all-btn.active:hover,.explore-all-btn:active.focus,.explore-all-btn:active:focus,.explore-all-btn:active:hover,.open>.dropdown-toggle.explore-all-btn.focus,.open>.dropdown-toggle.explore-all-btn:focus,.open>.dropdown-toggle.explore-all-btn:hover {
    color: #fff;
    background-color: #0c4a87
}

.explore-all-btn.active,.explore-all-btn:active,.open>.dropdown-toggle.explore-all-btn {
    background-image: none
}

.explore-all-btn.disabled.focus,.explore-all-btn.disabled:focus,.explore-all-btn.disabled:hover,.explore-all-btn[disabled].focus,.explore-all-btn[disabled]:focus,.explore-all-btn[disabled]:hover,fieldset[disabled] .explore-all-btn.focus,fieldset[disabled] .explore-all-btn:focus,fieldset[disabled] .explore-all-btn:hover {
    background-color: #1376d7;
    border-color: transparent
}

.explore-all-btn .badge {
    color: #1376d7;
    background-color: #fff
}

.explore-all-btn.focus,.explore-all-btn:focus {
    background-color: #1167bb;
    border-color: transparent
}

.explore-all-btn:hover {
    background-color: #126ec9;
    border-color: transparent
}

.explore-all-btn.active,.explore-all-btn.active.focus,.explore-all-btn.active:focus,.explore-all-btn.active:hover,.explore-all-btn:active,.explore-all-btn:active.focus,.explore-all-btn:active:focus,.explore-all-btn:active:hover,.open>.dropdown-toggle.explore-all-btn,.open>.dropdown-toggle.explore-all-btn.focus,.open>.dropdown-toggle.explore-all-btn:focus,.open>.dropdown-toggle.explore-all-btn:hover {
    background-color: #1167bb;
    border-color: transparent
}

.signup-section {
    padding: 40px 0
}

.signup-section h2 {
    margin: 0;
    font-size: 48px
}

.signup-section h3 {
    margin: 10px 0 0
}

.signup-wrapper {
    width: 700px;
    margin: auto
}

.signup-btn-wrapper {
    display: inline-block;
    margin-top: 20px
}

.signup-btn {
    padding: 16px 52px;
    font-size: 20px
}

.topic-cards .tab-content {
    border: 0;
    border-radius: 0;
    background: none
}

.search-inp-container .quick-search {
    border: 0;
    box-shadow: none
}

.region-modal {
    width: 600px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.3);
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
    padding: 14px 30px 30px;
    background: #fff
}

.region-modal .modal-header {
    padding: 0;
    border: none
}

.region-modal .modal-header .flags {
    display: inline-block;
    margin-bottom: 10px
}

.region-modal .modal-header .flags .flag {
    width: 40px;
    height: 26px;
    margin-right: 12px;
    display: inline-block;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.3);
    box-shadow: 0 0 2px rgba(0,0,0,.3);
    -webkit-transition: .15s ease-out;
    -moz-transition: .15s ease-out;
    -ms-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out
}

.region-modal .modal-header .flags .flag img {
    width: 40px;
    display: block
}

.region-modal .modal-header .flags .flag:hover {
    opacity: .7;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.6);
    box-shadow: 0 0 2px rgba(0,0,0,.6)
}

.region-modal .modal-body {
    padding: 0;
    border: none
}

.region-modal .modal-body .modal-title {
    font-size: 35px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 12px
}

.region-modal .modal-body p {
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: 400
}

.region-modal .modal-footer {
    padding: 0;
    border: none
}

.region-modal .btn {
    background: none;
    font-size: 15px;
    color: #00713a;
    padding: 8px 15px;
    border: 1px solid #dad9d9;
    -webkit-transition: border .15s ease-out;
    -moz-transition: border .15s ease-out;
    -ms-transition: border .15s ease-out;
    -o-transition: border .15s ease-out;
    transition: border .15s ease-out;
    -webkit-transition: background .15s ease-out;
    -moz-transition: background .15s ease-out;
    -ms-transition: background .15s ease-out;
    -o-transition: background .15s ease-out;
    transition: background .15s ease-out
}

.region-modal .btn.active {
    background: #00b04b;
    border-color: #00b04b;
    color: #fff
}

.region-modal .btn.active:hover {
    color: #fff;
    background: #009740;
    border-color: #009740
}

.region-modal .btn:hover {
    color: #404040;
    background: #f1f1f1;
    border-color: #f1f1f1
}

.ie10 .home-top-splash .features .desc {
    width: 160px;
    display: block
}

.quick-search-dropdown-v4 {
    margin-top: 7px;
    min-height: 30px;
    min-width: 400px;
    max-width: 100%;
    background: #fff;
    padding: 0;
    overflow: visible;
    z-index: 10000;
    border-radius: 0;
    font-size: 13px;
    border: 1px solid #ccc
}

.quick-search-dropdown-v4:before {
    content: "";
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    background: #fff;
    top: -4px;
    left: 10px;
    box-shadow: -1px -1px rgba(0,0,0,.05);
    z-index: -1
}

.quick-search-dropdown-v4>li {
    clear: both;
    display: block
}

.quick-search-dropdown-v4>li>a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    white-space: normal;
    padding: 5px 10px;
    overflow: hidden;
    box-shadow: none;
    color: #293f4f;
    border-radius: 0
}

.quick-search-dropdown-v4>li>a.ui-state-focus,.quick-search-dropdown-v4>li>a.ui-state-hover,.quick-search-dropdown-v4>li>a:hover {
    border: none;
    margin: 0;
    color: #2585c6
}

.quick-search-dropdown-v4>li>a.ui-state-focus i,.quick-search-dropdown-v4>li>a.ui-state-hover i,.quick-search-dropdown-v4>li>a:hover i {
    color: #2585c6
}

.quick-search-dropdown-v4 .title {
    font-size: 14px;
    font-weight: 400;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px
}

.quick-search-dropdown-v4 .title li {
    border-top: 1px solid rgba(0,0,0,.25);
    color: rgba(0,0,0,.55);
    font-size: 12px;
    padding: 5px 0 0 5px;
    margin: 5px 15px 0
}

.quick-search-dropdown-v4 .title .label {
    color: rgba(0,0,0,.55);
    padding: 0;
    font-weight: 400;
    font-size: 12px
}

.quick-search-dropdown-v4 .mini-icon {
    font-size: 16px;
    margin-right: 10px
}

.quick-search-dropdown-v4 i {
    color: #b6c4d6
}

.quick-search-dropdown-v4 .ui-menu-item {
    position: relative
}

.quick-search-dropdown-v4 .cat {
    font-size: 12px;
    margin-left: 10px;
    font-weight: 400
}

@keyframes fade-in {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        display: none
    }
}

.home .udi-cart {
    color: #fff
}

@media (max-width:991px) {
    .c_header .dropdown--instructor,.c_header .dropdown--ufb {
        display: block
    }
}

@media (max-width:767px) {
    .c_header .dropdown--instructor,.c_header .dropdown--ufb,.c_header.home .dropdown--language-select {
        display: none
    }

    .search--home .dropdown-menu {
        left: 0;
        right: 0;
        min-width: 0
    }
}

@media (max-width:1024px) {
    .c_header.home {
        background: #233543
    }

    .c_header.home .dropdown:hover .badge,.c_header.home .dropdown__main-link .badge {
        border-color: #233543
    }

    .c_header.home .dropdown--language-select .dropdown-toggle {
        background-color: transparent;
        color: #fff;
        border-radius: 4px
    }

    #jp .c_header.home {
        background: transparent
    }

    #jp .c_header.home .dropdown:hover .badge,#jp .c_header.home .dropdown__main-link .badge {
        border-color: transparent
    }

    .home-top {
        position: relative;
        height: auto;
        top: 0
    }

    .home-top-splash {
        padding: 10px;
        background: #233543;
        border-radius: 0;
        width: 100%
    }

    .home-top-splash .heading {
        display: none!important
    }

    .home-top-splash .subhead {
        margin-top: 20px
    }

    .search-inp-container {
        padding: 0 0 0 10px;
        border-radius: 10px 0 0 10px
    }

    input.search-field {
        height: 40px;
        font-size: 13px;
        border-radius: 10px;
        padding: 0 10px
    }

    .home-search-btn {
        font-size: 18px;
        border-radius: 0 10px 10px 0;
        height: 40px
    }

    .features {
        display: none
    }

    .home-main {
        top: 40px;
        position: relative
    }

    .topic-cards {
        min-height: 0
    }

    .topics-heading {
        display: none
    }

    .topic-cards {
        padding: 0
    }

    .explore-all-btn {
        font-size: 16px;
        padding: 10px;
        margin: 0 10px
    }

    .signup-section {
        padding: 5px;
        margin: 10px
    }

    .signup-section h2 {
        font-size: 24px
    }

    .signup-section h3 {
        font-size: 14px
    }

    .signup-wrapper {
        width: auto
    }

    .signup-btn-wrapper {
        display: block
    }

    .signup-btn {
        width: 100%
    }
}

#de .carousel,#es .carousel,#estacio .carousel,#fr .carousel,#jp .carousel,#pt .carousel {
    width: 100%;
    height: 548px
}

#de .carousel .content,#es .carousel .content,#estacio .carousel .content,#fr .carousel .content,#jp .carousel .content,#pt .carousel .content {
    color: #fff;
    margin-top: 100px;
    position: relative;
    z-index: 1
}

#de .carousel .content h1,#es .carousel .content h1,#estacio .carousel .content h1,#fr .carousel .content h1,#jp .carousel .content h1,#pt .carousel .content h1 {
    font-size: 28px;
    margin-top: 30px;
    margin-bottom: 30px
}

#de .carousel .content h4,#es .carousel .content h4,#estacio .carousel .content h4,#fr .carousel .content h4,#jp .carousel .content h4,#pt .carousel .content h4 {
    font-weight: 700
}

#de .carousel .content ul,#es .carousel .content ul,#estacio .carousel .content ul,#fr .carousel .content ul,#jp .carousel .content ul,#pt .carousel .content ul {
    margin-bottom: 10px
}

#de .carousel .content .btn-primary,#es .carousel .content .btn-primary,#estacio .carousel .content .btn-primary,#fr .carousel .content .btn-primary,#jp .carousel .content .btn-primary,#pt .carousel .content .btn-primary {
    border-radius: 2px;
    background-color: #17aa1c;
    margin-top: 20px;
    padding: 11px 12px;
    width: 160px
}

#de .carousel .content .btn-primary a,#es .carousel .content .btn-primary a,#estacio .carousel .content .btn-primary a,#fr .carousel .content .btn-primary a,#jp .carousel .content .btn-primary a,#pt .carousel .content .btn-primary a {
    color: #fff
}

#de .carousel .content .btn-primary:hover,#es .carousel .content .btn-primary:hover,#estacio .carousel .content .btn-primary:hover,#fr .carousel .content .btn-primary:hover,#jp .carousel .content .btn-primary:hover,#pt .carousel .content .btn-primary:hover {
    background-color: #159d1a
}

#de .carousel .content .signup-btn,#es .carousel .content .signup-btn,#estacio .carousel .content .signup-btn,#fr .carousel .content .signup-btn,#jp .carousel .content .signup-btn,#pt .carousel .content .signup-btn {
    width: auto
}

#de .carousel .content .browse-courses-button,#es .carousel .content .browse-courses-button,#estacio .carousel .content .browse-courses-button,#fr .carousel .content .browse-courses-button,#jp .carousel .content .browse-courses-button,#pt .carousel .content .browse-courses-button {
    color: #0e600e;
    background-color: #fff;
    min-width: 160px;
    width: auto
}

#de .carousel .content .browse-courses-button:hover,#es .carousel .content .browse-courses-button:hover,#estacio .carousel .content .browse-courses-button:hover,#fr .carousel .content .browse-courses-button:hover,#jp .carousel .content .browse-courses-button:hover,#pt .carousel .content .browse-courses-button:hover {
    background-color: #e6e6e6
}

#de .carousel .overlay,#es .carousel .overlay,#estacio .carousel .overlay,#fr .carousel .overlay,#jp .carousel .overlay,#pt .carousel .overlay {
    background: linear-gradient(90deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.1));
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

#de .carousel .slide,#es .carousel .slide,#estacio .carousel .slide,#fr .carousel .slide,#jp .carousel .slide,#pt .carousel .slide {
    background-color: #111;
    height: 548px;
    margin-right: -4px;
    overflow: hidden;
    position: relative;
    width: 100%
}

#de .carousel .slides,#es .carousel .slides,#estacio .carousel .slides,#fr .carousel .slides,#jp .carousel .slides,#pt .carousel .slides {
    height: 548px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

#de .carousel .slide-image,#es .carousel .slide-image,#estacio .carousel .slide-image,#fr .carousel .slide-image,#jp .carousel .slide-image,#pt .carousel .slide-image {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#de .carousel .slide-image-1,#es .carousel .slide-image-1,#estacio .carousel .slide-image-1,#fr .carousel .slide-image-1,#jp .carousel .slide-image-1,#pt .carousel .slide-image-1 {
    bottom: 0;
    top: auto
}

#de .carousel .slide-image-4,#es .carousel .slide-image-4,#estacio .carousel .slide-image-4,#fr .carousel .slide-image-4,#jp .carousel .slide-image-4,#pt .carousel .slide-image-4 {
    background-image: url(/staticx/udemy/js/webpack/carousel-background-4.71fea381fc9b01ee865411afb925c209.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover
}

#de .carousel .slides-inner,#es .carousel .slides-inner,#estacio .carousel .slides-inner,#fr .carousel .slides-inner,#jp .carousel .slides-inner,#pt .carousel .slides-inner {
    transition: .5s
}

#de .carousel.slide-0 .slides-inner,#es .carousel.slide-0 .slides-inner,#estacio .carousel.slide-0 .slides-inner,#fr .carousel.slide-0 .slides-inner,#jp .carousel.slide-0 .slides-inner,#pt .carousel.slide-0 .slides-inner {
    transform: translateX(0)
}

#de .carousel.slide-1 .slides-inner,#es .carousel.slide-1 .slides-inner,#estacio .carousel.slide-1 .slides-inner,#fr .carousel.slide-1 .slides-inner,#jp .carousel.slide-1 .slides-inner,#pt .carousel.slide-1 .slides-inner {
    transform: translateY(-548px)
}

#de .carousel.slide-2 .slides-inner,#es .carousel.slide-2 .slides-inner,#estacio .carousel.slide-2 .slides-inner,#fr .carousel.slide-2 .slides-inner,#jp .carousel.slide-2 .slides-inner,#pt .carousel.slide-2 .slides-inner {
    transform: translateY(-1096px)
}

#de .carousel.slide-3 .slides-inner,#es .carousel.slide-3 .slides-inner,#estacio .carousel.slide-3 .slides-inner,#fr .carousel.slide-3 .slides-inner,#jp .carousel.slide-3 .slides-inner,#pt .carousel.slide-3 .slides-inner {
    transform: translateY(-1644px)
}

#de .carousel .slide-indicator,#es .carousel .slide-indicator,#estacio .carousel .slide-indicator,#fr .carousel .slide-indicator,#jp .carousel .slide-indicator,#pt .carousel .slide-indicator {
    background: #f4f4f4;
    border: 0;
    border-bottom: 1px solid #cbcbcb;
    border-left: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb;
    padding: 8px 10px;
    position: relative;
    text-align: left;
    transition: background .3s ease-in-out;
    width: 240px
}

#de .carousel .slide-indicator img,#es .carousel .slide-indicator img,#estacio .carousel .slide-indicator img,#fr .carousel .slide-indicator img,#jp .carousel .slide-indicator img,#pt .carousel .slide-indicator img {
    height: 60px
}

#de .carousel .slide-indicator-first,#es .carousel .slide-indicator-first,#estacio .carousel .slide-indicator-first,#fr .carousel .slide-indicator-first,#jp .carousel .slide-indicator-first,#pt .carousel .slide-indicator-first {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

#de .carousel .slide-indicator-last,#es .carousel .slide-indicator-last,#estacio .carousel .slide-indicator-last,#fr .carousel .slide-indicator-last,#jp .carousel .slide-indicator-last,#pt .carousel .slide-indicator-last {
    border-bottom: 0 solid rgba(0,0,0,.55);
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

#de .carousel .slide-indicator.slide-active,#es .carousel .slide-indicator.slide-active,#estacio .carousel .slide-indicator.slide-active,#fr .carousel .slide-indicator.slide-active,#jp .carousel .slide-indicator.slide-active,#pt .carousel .slide-indicator.slide-active {
    background: #fff
}

#de .carousel .slide-indicator p,#es .carousel .slide-indicator p,#estacio .carousel .slide-indicator p,#fr .carousel .slide-indicator p,#jp .carousel .slide-indicator p,#pt .carousel .slide-indicator p {
    color: #000;
    left: 80px;
    font-size: 11px;
    font-weight: 600;
    line-height: 14px;
    position: absolute;
    top: 7px;
    width: 148px
}

#de .carousel .slide-indicators,#es .carousel .slide-indicators,#estacio .carousel .slide-indicators,#fr .carousel .slide-indicators,#jp .carousel .slide-indicators,#pt .carousel .slide-indicators {
    right: 26px;
    position: absolute;
    top: 125px
}

#de .carousel .slide-indicators a,#es .carousel .slide-indicators a,#estacio .carousel .slide-indicators a,#fr .carousel .slide-indicators a,#jp .carousel .slide-indicators a,#pt .carousel .slide-indicators a {
    display: block
}

#de .carousel .international-signup-wrapper,#es .carousel .international-signup-wrapper,#estacio .carousel .international-signup-wrapper,#fr .carousel .international-signup-wrapper,#jp .carousel .international-signup-wrapper,#pt .carousel .international-signup-wrapper {
    display: inline-block
}

@media (min-width:1200px) {
    #de .carousel .slide-image-1.fixed-width,#es .carousel .slide-image-1.fixed-width,#estacio .carousel .slide-image-1.fixed-width,#fr .carousel .slide-image-1.fixed-width,#jp .carousel .slide-image-1.fixed-width,#pt .carousel .slide-image-1.fixed-width {
        left: 0;
        margin-left: auto;
        margin-right: auto;
        right: 0;
        width: 1200px
    }

    #de .carousel .slide-image-1.fixed-width~.overlay,#es .carousel .slide-image-1.fixed-width~.overlay,#estacio .carousel .slide-image-1.fixed-width~.overlay,#fr .carousel .slide-image-1.fixed-width~.overlay,#jp .carousel .slide-image-1.fixed-width~.overlay,#pt .carousel .slide-image-1.fixed-width~.overlay {
        background: linear-gradient(90deg,#000 0,rgba(0,0,0,.4) 10%,rgba(0,0,0,.4) 90%,#000);
        left: 0;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        right: 0;
        width: 1200px
    }
}

@media (max-width:991px) {
    #de .carousel,#es .carousel,#estacio .carousel,#fr .carousel,#jp .carousel,#pt .carousel {
        height: 400px
    }

    #de .carousel .content,#es .carousel .content,#estacio .carousel .content,#fr .carousel .content,#jp .carousel .content,#pt .carousel .content {
        margin-top: 27px
    }

    #de .carousel .slide,#es .carousel .slide,#estacio .carousel .slide,#fr .carousel .slide,#jp .carousel .slide,#pt .carousel .slide {
        height: 400px
    }

    #de .carousel.slide-1 .slides-inner,#es .carousel.slide-1 .slides-inner,#estacio .carousel.slide-1 .slides-inner,#fr .carousel.slide-1 .slides-inner,#jp .carousel.slide-1 .slides-inner,#pt .carousel.slide-1 .slides-inner {
        transform: translateY(-400px)
    }

    #de .carousel.slide-2 .slides-inner,#es .carousel.slide-2 .slides-inner,#estacio .carousel.slide-2 .slides-inner,#fr .carousel.slide-2 .slides-inner,#jp .carousel.slide-2 .slides-inner,#pt .carousel.slide-2 .slides-inner {
        transform: translateY(-800px)
    }

    #de .carousel.slide-3 .slides-inner,#es .carousel.slide-3 .slides-inner,#estacio .carousel.slide-3 .slides-inner,#fr .carousel.slide-3 .slides-inner,#jp .carousel.slide-3 .slides-inner,#pt .carousel.slide-3 .slides-inner {
        transform: translateY(-1200px)
    }

    #de .carousel .slide-body,#de .carousel .slide-indicators,#es .carousel .slide-body,#es .carousel .slide-indicators,#estacio .carousel .slide-body,#estacio .carousel .slide-indicators,#fr .carousel .slide-body,#fr .carousel .slide-indicators,#jp .carousel .slide-body,#jp .carousel .slide-indicators,#pt .carousel .slide-body,#pt .carousel .slide-indicators {
        display: none
    }

    #de .carousel .slides,#es .carousel .slides,#estacio .carousel .slides,#fr .carousel .slides,#jp .carousel .slides,#pt .carousel .slides {
        height: 400px
    }

    #de .carousel .slides-inner,#es .carousel .slides-inner,#estacio .carousel .slides-inner,#fr .carousel .slides-inner,#jp .carousel .slides-inner,#pt .carousel .slides-inner {
        transition: none
    }

    #de .carousel[class*=slide-] .slides-inner,#es .carousel[class*=slide-] .slides-inner,#estacio .carousel[class*=slide-] .slides-inner,#fr .carousel[class*=slide-] .slides-inner,#jp .carousel[class*=slide-] .slides-inner,#pt .carousel[class*=slide-] .slides-inner {
        transform: none
    }
}

@media (max-width:767px) {
    #de .carousel .content,#es .carousel .content,#estacio .carousel .content,#fr .carousel .content,#jp .carousel .content,#pt .carousel .content {
        margin-top: 20px
    }

    #de .carousel .content h1,#es .carousel .content h1,#estacio .carousel .content h1,#fr .carousel .content h1,#jp .carousel .content h1,#pt .carousel .content h1 {
        font-size: 25px
    }
}

#de .arrow,#es .arrow,#estacio .arrow,#fr .arrow,#jp .arrow,#pt .arrow {
    height: 60px;
    width: 317px;
    position: absolute;
    margin-left: 5px
}

#de .c_header .logos,#es .c_header .logos,#estacio .c_header .logos,#fr .c_header .logos,#jp .c_header .logos,#pt .c_header .logos {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    margin: 15px 0
}

#de .c_header .logos .logosep,#es .c_header .logos .logosep,#estacio .c_header .logos .logosep,#fr .c_header .logos .logosep,#jp .c_header .logos .logosep,#pt .c_header .logos .logosep {
    content: " ";
    height: 27px;
    margin: 0 10px;
    width: 1px;
    border-right: 2px solid #9b9b9b
}

#de .c_header .logos .logo,#es .c_header .logos .logo,#estacio .c_header .logos .logo,#fr .c_header .logos .logo,#jp .c_header .logos .logo,#pt .c_header .logos .logo {
    -webkit-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -o-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 1px
}

#de .c_header .logos .logo__image,#es .c_header .logos .logo__image,#estacio .c_header .logos .logo__image,#fr .c_header .logos .logo__image,#jp .c_header .logos .logo__image,#pt .c_header .logos .logo__image {
    max-height: 40px
}

#de .c_header .logos .logo__image--smaller,#es .c_header .logos .logo__image--smaller,#estacio .c_header .logos .logo__image--smaller,#fr .c_header .logos .logo__image--smaller,#jp .c_header .logos .logo__image--smaller,#pt .c_header .logos .logo__image--smaller {
    margin-top: 4px;
    max-height: 28px;
    width: 84px
}

#de .c_header.home,#es .c_header.home,#estacio .c_header.home,#fr .c_header.home,#jp .c_header.home,#pt .c_header.home {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

#de .c_header.home .c_header__inner,#es .c_header.home .c_header__inner,#estacio .c_header.home .c_header__inner,#fr .c_header.home .c_header__inner,#jp .c_header.home .c_header__inner,#pt .c_header.home .c_header__inner {
    border-top: 0
}

#de .c_header.home .c_header__left,#es .c_header.home .c_header__left,#estacio .c_header.home .c_header__left,#fr .c_header.home .c_header__left,#jp .c_header.home .c_header__left,#pt .c_header.home .c_header__left {
    padding-left: 20px
}

#de .c_header.home .dropdown--login,#de .c_header.home .dropdown--signup,#es .c_header.home .dropdown--login,#es .c_header.home .dropdown--signup,#estacio .c_header.home .dropdown--login,#estacio .c_header.home .dropdown--signup,#fr .c_header.home .dropdown--login,#fr .c_header.home .dropdown--signup,#jp .c_header.home .dropdown--login,#jp .c_header.home .dropdown--signup,#pt .c_header.home .dropdown--login,#pt .c_header.home .dropdown--signup {
    display: block!important
}

@media (max-width:991px) {
    #de .c_header.home+.home-v4 .carousel .content,#es .c_header.home+.home-v4 .carousel .content,#estacio .c_header.home+.home-v4 .carousel .content,#fr .c_header.home+.home-v4 .carousel .content,#jp .c_header.home+.home-v4 .carousel .content,#pt .c_header.home+.home-v4 .carousel .content {
        margin-top: 75px
    }
}

@media (max-width:1024px) {
    #de .c_header.home,#es .c_header.home,#estacio .c_header.home,#fr .c_header.home,#jp .c_header.home,#pt .c_header.home {
        background: -moz-linear-gradient(top,rgba(0,0,0,.65) 0,rgba(0,0,0,.15) 65%,rgba(0,0,0,.05) 85%,transparent 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.65)),color-stop(65%,rgba(0,0,0,.15)),color-stop(85%,rgba(0,0,0,.05)),color-stop(100%,transparent));
        background: -webkit-linear-gradient(top,rgba(0,0,0,.65),rgba(0,0,0,.15) 65%,rgba(0,0,0,.05) 85%,transparent);
        background: -o-linear-gradient(top,rgba(0,0,0,.65) 0,rgba(0,0,0,.15) 65%,rgba(0,0,0,.05) 85%,transparent 100%);
        background: -ms-linear-gradient(top,rgba(0,0,0,.65) 0,rgba(0,0,0,.15) 65%,rgba(0,0,0,.05) 85%,transparent 100%);
        background: linear-gradient(180deg,rgba(0,0,0,.65) 0,rgba(0,0,0,.15) 65%,rgba(0,0,0,.05) 85%,transparent);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6000000",endColorstr="#00000000",GradientType=0)
    }

    #de .c_header.home .dropdown:hover .badge,#de .c_header.home .dropdown__main-link .badge,#es .c_header.home .dropdown:hover .badge,#es .c_header.home .dropdown__main-link .badge,#estacio .c_header.home .dropdown:hover .badge,#estacio .c_header.home .dropdown__main-link .badge,#fr .c_header.home .dropdown:hover .badge,#fr .c_header.home .dropdown__main-link .badge,#jp .c_header.home .dropdown:hover .badge,#jp .c_header.home .dropdown__main-link .badge,#pt .c_header.home .dropdown:hover .badge,#pt .c_header.home .dropdown__main-link .badge {
        border-color: transparent
    }
}

#de .home-search-btn,#es .home-search-btn,#estacio .home-search-btn,#fr .home-search-btn,#jp .home-search-btn,#pt .home-search-btn {
    background-color: #00bff3;
    border-radius: 0 2px 2px 0
}

#de .home-search-btn:hover,#es .home-search-btn:hover,#estacio .home-search-btn:hover,#fr .home-search-btn:hover,#jp .home-search-btn:hover,#pt .home-search-btn:hover {
    background-color: #00abda
}

#de .home-top,#es .home-top,#estacio .home-top,#fr .home-top,#jp .home-top,#pt .home-top {
    height: 100%
}

#de .home-main,#de .home-top,#es .home-main,#es .home-top,#estacio .home-main,#estacio .home-top,#fr .home-main,#fr .home-top,#jp .home-main,#jp .home-top,#pt .home-main,#pt .home-top {
    position: static
}

#de #how-it-works,#es #how-it-works,#estacio #how-it-works,#fr #how-it-works,#jp #how-it-works,#pt #how-it-works {
    padding-top: 39px;
    padding-bottom: 60px
}

#de #how-it-works h1,#es #how-it-works h1,#estacio #how-it-works h1,#fr #how-it-works h1,#jp #how-it-works h1,#pt #how-it-works h1 {
    margin-bottom: 60px
}

#de #how-it-works li:not(:last-child),#es #how-it-works li:not(:last-child),#estacio #how-it-works li:not(:last-child),#fr #how-it-works li:not(:last-child),#jp #how-it-works li:not(:last-child),#pt #how-it-works li:not(:last-child) {
    margin-bottom: 10px
}

#de #how-it-works-wrapper,#es #how-it-works-wrapper,#estacio #how-it-works-wrapper,#fr #how-it-works-wrapper,#jp #how-it-works-wrapper,#pt #how-it-works-wrapper {
    background-color: #fff
}

#de .international-quote-spacer,#es .international-quote-spacer,#estacio .international-quote-spacer,#fr .international-quote-spacer,#jp .international-quote-spacer,#pt .international-quote-spacer {
    display: none
}

#de #international-search-wrapper,#es #international-search-wrapper,#estacio #international-search-wrapper,#fr #international-search-wrapper,#jp #international-search-wrapper,#pt #international-search-wrapper {
    background-color: #00677f
}

#de .quote,#es .quote,#estacio .quote,#fr .quote,#jp .quote,#pt .quote {
    font-style: italic;
    padding-top: 10px
}

#de .search--home,#es .search--home,#estacio .search--home,#fr .search--home,#jp .search--home,#pt .search--home {
    margin: 30px 0
}

#de .search-inp-container,#es .search-inp-container,#estacio .search-inp-container,#fr .search-inp-container,#jp .search-inp-container,#pt .search-inp-container {
    border-radius: 2px 0 0 2px
}

#de .signup-btn,#es .signup-btn,#estacio .signup-btn,#fr .signup-btn,#jp .signup-btn,#pt .signup-btn {
    display: inline-block;
    height: 53px;
    border-color: #298fb7;
    background-color: #00bff3;
    padding-top: 12px;
    font-weight: 500
}

#de .signup-btn:hover,#es .signup-btn:hover,#estacio .signup-btn:hover,#fr .signup-btn:hover,#jp .signup-btn:hover,#pt .signup-btn:hover {
    background-color: #00abda
}

#de .signup-section,#es .signup-section,#estacio .signup-section,#fr .signup-section,#jp .signup-section,#pt .signup-section {
    background-color: #fff;
    margin: 0
}

#de .signup-wrapper h2,#es .signup-wrapper h2,#estacio .signup-wrapper h2,#fr .signup-wrapper h2,#jp .signup-wrapper h2,#pt .signup-wrapper h2 {
    font-size: 24px;
    font-weight: 500
}

#de #testimonials,#es #testimonials,#estacio #testimonials,#fr #testimonials,#jp #testimonials,#pt #testimonials {
    padding-top: 39px;
    padding-bottom: 50px;
    color: #fff
}

#de #testimonials h1,#es #testimonials h1,#estacio #testimonials h1,#fr #testimonials h1,#jp #testimonials h1,#pt #testimonials h1 {
    margin-bottom: 45px
}

#de #testimonials img,#es #testimonials img,#estacio #testimonials img,#fr #testimonials img,#jp #testimonials img,#pt #testimonials img {
    border-radius: 90px
}

#de #how-it-works h1,#de #testimonials h1,#es #how-it-works h1,#es #testimonials h1,#estacio #how-it-works h1,#estacio #testimonials h1,#fr #how-it-works h1,#fr #testimonials h1,#jp #how-it-works h1,#jp #testimonials h1,#pt #how-it-works h1,#pt #testimonials h1 {
    font-size: 24px;
    font-weight: 500
}

#de #testimonials-wrapper,#es #testimonials-wrapper,#estacio #testimonials-wrapper,#fr #testimonials-wrapper,#jp #testimonials-wrapper,#pt #testimonials-wrapper {
    background-color: #0e600e
}

#de .udemy-logo,#es .udemy-logo,#estacio .udemy-logo,#fr .udemy-logo,#jp .udemy-logo,#pt .udemy-logo {
    margin-left: 10px
}

#jp .footer-v42__spacer {
    display: none
}

#jp .unpadded {
    padding-left: 0;
    padding-right: 0
}

#jp .unpadded>a {
    margin: inherit
}

@media (min-width:1200px) {
    #jp .how-it-works--column {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media (max-width:480px) {
    .c_header .logos {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        -o-justify-content: flex-start;
        justify-content: flex-start;
        margin: 15px 0
    }

    .c_header .logos .logosep {
        content: " ";
        height: 13.5px;
        margin: 0 5px;
        width: 1px;
        border-right: 2px solid #9b9b9b
    }

    .c_header .logos .logo {
        -webkit-box-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        -o-flex: 0 0 auto;
        flex: 0 0 auto;
        min-width: 1px
    }

    .c_header .logos .logo__image {
        max-height: 20px
    }

    .c_header .logos .logo__image--smaller {
        margin-top: 2px;
        max-height: 14px;
        width: 42px
    }
}

@media (max-width:991px) {
    .arrow {
        display: none
    }

    #how-it-works [class^=col-]:not(:last-child) {
        padding-bottom: 20px
    }

    #how-it-works h1 {
        margin-bottom: 30px
    }

    .international-quote-spacer {
        display: block!important;
        margin-top: 50px
    }

    .signup-btn {
        margin-top: 10px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .arrow {
        width: 252px!important
    }
}

@media (min-width:992px) {
    .signup-btn {
        width: 345px
    }
}

@media (max-width:1024px) {
    .signup-section {
        padding: 60px 0
    }
}

@media (max-width:991px) {
    #jp .footer-v42__spacer {
        display: block;
        margin-bottom: 10px
    }
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown,.dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 15px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9.5px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu-link,.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.43;
    color: #333;
    white-space: nowrap
}

.dropdown-menu-link:focus,.dropdown-menu-link:hover,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #17aa1c
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    color: #777
}

.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 13px;
    line-height: 1.43;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9;
    content: ""
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.dropdown-header {
    color: rgba(0,0,0,.8);
    font-size: 15px;
    padding: 5px 12px
}

.dropdown.btn-group-primary .btn-primary,.dropup.btn-group-primary .btn-primary {
    border-right-color: rgba(0,0,0,.1)!important;
    border-left-color: rgba(0,0,0,.1)!important
}

.dropdown.btn-group-primary .btn-primary:first-of-type,.dropup.btn-group-primary .btn-primary:first-of-type {
    border-left-color: transparent!important
}

.dropdown.btn-group-primary .btn-primary:last-of-type,.dropup.btn-group-primary .btn-primary:last-of-type {
    border-right-color: transparent!important
}

.dropdown .dropdown-menu:after,.dropdown .dropdown-menu:before,.dropup .dropdown-menu:after,.dropup .dropdown-menu:before {
    content: none!important
}

.dropdown .dropdown-menu.dropdown-menu-right,.dropup .dropdown-menu.dropdown-menu-right {
    left: auto;
    right: 2px
}

.dropdown .dropdown-menu.dropdown-menu-bottom,.dropup .dropdown-menu.dropdown-menu-bottom {
    left: auto;
    top: auto;
    right: 2px;
    bottom: 100%
}

.dropdown .dropdown-menu-link,.dropdown .dropdown-menu>li>a,.dropup .dropdown-menu-link,.dropup .dropdown-menu>li>a {
    color: rgba(0,0,0,.8);
    padding: 5px 12px
}

.dropdown .dropdown-menu>.active>a,.dropdown .dropdown-menu>.active>a:focus,.dropdown .dropdown-menu>.active>a:hover,.dropup .dropdown-menu>.active>a,.dropup .dropdown-menu>.active>a:focus,.dropup .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #17aa1c
}

.dropdown.open-on-hover .dropdown-menu,.dropup.open-on-hover .dropdown-menu {
    margin: 0
}

.dropdown.open-on-hover:hover .dropdown-menu,.dropup.open-on-hover:hover .dropdown-menu {
    display: block
}

.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before {
    content: " ";
    display: table
}

.btn-group-vertical>.btn-group:after,.btn-toolbar:after {
    clear: both
}

.btn-group-lg>.btn {
    font-size: 19px;
    line-height: 1.573
}

.btn-group-sm>.btn {
    font-size: 13px;
    line-height: 1.287
}

.btn-group-xs>.btn {
    line-height: 1.287
}

.btn-group-lg>.btn {
    padding: 16px 12px
}

.btn-group-lg>.btn,.btn-group-sm>.btn {
    font-size: 15px;
    line-height: 1.35135;
    border-radius: 2px
}

.btn-group-sm>.btn {
    padding: 6px 10px
}

.btn-group-xs>.btn {
    padding: 2px 8px;
    font-size: 13px;
    line-height: 1.35135;
    border-radius: 2px
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group>.btn {
    position: relative;
    float: left
}

.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
    z-index: 2
}

.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group {
    float: left
}

.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified>.btn,.btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio],[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.btn-group.open .dropdown-toggle {
    box-shadow: none
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 11px 12px;
    font-size: 15px;
    line-height: 1.43;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.focus,.btn:focus,.btn:hover {
    color: #0e600e;
    text-decoration: none
}

.btn.active,.btn:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

a.btn.disabled,fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #0e600e;
    background-color: #fff;
    border-color: rgba(0,0,0,.2)
}

.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default {
    color: #0e600e;
    background-color: #e6e6e6
}

.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover {
    color: #0e600e;
    background-color: #d4d4d4
}

.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: rgba(0,0,0,.2)
}

.btn-default .badge {
    color: #fff;
    background-color: #0e600e
}

.btn-default.focus,.btn-default:focus {
    background-color: #f0f0f0;
    border-color: rgba(0,0,0,.2)
}

.btn-default:hover {
    background-color: #f7f7f7;
    border-color: rgba(0,0,0,.2)
}

.btn-default.active,.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover {
    background-color: #f0f0f0;
    border-color: rgba(0,0,0,.2)
}

.btn-primary {
    color: #fff;
    background-color: #17aa1c;
    border-color: transparent
}

.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #117d15
}

.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #0d5e0f
}

.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
    background-color: #17aa1c;
    border-color: transparent
}

.btn-primary .badge {
    color: #17aa1c;
    background-color: #fff
}

.btn-primary.focus,.btn-primary:focus {
    background-color: #138f18;
    border-color: transparent
}

.btn-primary:hover {
    background-color: #159d1a;
    border-color: transparent
}

.btn-primary.active,.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {
    background-color: #138f18;
    border-color: transparent
}

.btn-success {
    color: #17aa1c;
    background-color: #fff;
    border-color: rgba(0,0,0,.2)
}

.btn-success.active,.btn-success.focus,.btn-success:active,.btn-success:focus,.btn-success:hover,.open>.dropdown-toggle.btn-success {
    color: #17aa1c;
    background-color: #e6e6e6
}

.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover {
    color: #17aa1c;
    background-color: #d4d4d4
}

.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover {
    background-color: #fff;
    border-color: rgba(0,0,0,.2)
}

.btn-success .badge {
    color: #fff;
    background-color: #17aa1c
}

.btn-success.focus,.btn-success:focus {
    background-color: #f0f0f0;
    border-color: rgba(0,0,0,.2)
}

.btn-success:hover {
    background-color: #f7f7f7;
    border-color: rgba(0,0,0,.2)
}

.btn-success.active,.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover {
    background-color: #f0f0f0;
    border-color: rgba(0,0,0,.2)
}

.btn-info {
    color: #298fb7;
    background-color: #fff;
    border-color: rgba(0,0,0,.2)
}

.btn-info.active,.btn-info.focus,.btn-info:active,.btn-info:focus,.btn-info:hover,.open>.dropdown-toggle.btn-info {
    color: #298fb7;
    background-color: #e6e6e6
}

.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover {
    color: #298fb7;
    background-color: #d4d4d4
}

.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover {
    background-color: #fff;
    border-color: rgba(0,0,0,.2)
}

.btn-info .badge {
    color: #fff;
    background-color: #298fb7
}

.btn-info.focus,.btn-info:focus {
    background-color: #f0f0f0;
    border-color: rgba(0,0,0,.2)
}

.btn-info:hover {
    background-color: #f7f7f7;
    border-color: rgba(0,0,0,.2)
}

.btn-info.active,.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover {
    background-color: #f0f0f0;
    border-color: rgba(0,0,0,.2)
}

.btn-warning {
    color: #ef8d2b;
    background-color: #fff;
    border-color: rgba(0,0,0,.2)
}

.btn-warning.active,.btn-warning.focus,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open>.dropdown-toggle.btn-warning {
    color: #ef8d2b;
    background-color: #e6e6e6
}

.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover {
    color: #ef8d2b;
    background-color: #d4d4d4
}

.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover {
    background-color: #fff;
    border-color: rgba(0,0,0,.2)
}

.btn-warning .badge {
    color: #fff;
    background-color: #ef8d2b
}

.btn-warning.focus,.btn-warning:focus {
    background-color: #f0f0f0;
    border-color: rgba(0,0,0,.2)
}

.btn-warning:hover {
    background-color: #f7f7f7;
    border-color: rgba(0,0,0,.2)
}

.btn-warning.active,.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover {
    background-color: #f0f0f0;
    border-color: rgba(0,0,0,.2)
}

.btn-danger {
    color: #d23837;
    background-color: #fff;
    border-color: rgba(0,0,0,.2)
}

.btn-danger.active,.btn-danger.focus,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open>.dropdown-toggle.btn-danger {
    color: #d23837;
    background-color: #e6e6e6
}

.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover {
    color: #d23837;
    background-color: #d4d4d4
}

.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover {
    background-color: #fff;
    border-color: rgba(0,0,0,.2)
}

.btn-danger .badge {
    color: #fff;
    background-color: #d23837
}

.btn-danger.focus,.btn-danger:focus {
    background-color: #f0f0f0;
    border-color: rgba(0,0,0,.2)
}

.btn-danger:hover {
    background-color: #f7f7f7;
    border-color: rgba(0,0,0,.2)
}

.btn-danger.active,.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover {
    background-color: #f0f0f0;
    border-color: rgba(0,0,0,.2)
}

.btn-link {
    color: #1376d7;
    font-weight: 400;
    border-radius: 0
}

.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover {
    border-color: transparent
}

.btn-link:focus,.btn-link:hover {
    color: #0d4f91;
    text-decoration: none;
    background-color: transparent
}

.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover {
    color: #777;
    text-decoration: none
}

.btn-lg {
    font-size: 19px;
    line-height: 1.573
}

.btn-sm {
    font-size: 13px
}

.btn-sm,.btn-xs {
    line-height: 1.287
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width: 100%
}

.btn {
    line-height: 1.35135
}

.btn.disabled,.btn:disabled,.btn[disabled],fieldset[disabled] .btn {
    background-color: #e9e9e9!important;
    border-color: #c6c7c8!important;
    color: #999!important
}

.btn.focus,.btn:focus {
    box-shadow: none!important;
    outline: none!important
}

.btn.active,.btn:active,.open>.dropdown-toggle.btn {
    box-shadow: none;
    outline: 0!important
}

.btn-primary.disabled,.btn-primary:disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary {
    background-color: #8d8d8d!important;
    border-color: #b2b2b2!important;
    color: #d5d5d5!important
}

.btn-primary--white {
    color: #111;
    background-color: #fff;
    border-color: transparent
}

.btn-primary--white.active,.btn-primary--white.focus,.btn-primary--white:active,.btn-primary--white:focus,.btn-primary--white:hover,.open>.dropdown-toggle.btn-primary--white {
    color: #111;
    background-color: #e6e6e6
}

.btn-primary--white.active.focus,.btn-primary--white.active:focus,.btn-primary--white.active:hover,.btn-primary--white:active.focus,.btn-primary--white:active:focus,.btn-primary--white:active:hover,.open>.dropdown-toggle.btn-primary--white.focus,.open>.dropdown-toggle.btn-primary--white:focus,.open>.dropdown-toggle.btn-primary--white:hover {
    color: #111;
    background-color: #d4d4d4
}

.btn-primary--white.active,.btn-primary--white:active,.open>.dropdown-toggle.btn-primary--white {
    background-image: none
}

.btn-primary--white.disabled.focus,.btn-primary--white.disabled:focus,.btn-primary--white.disabled:hover,.btn-primary--white[disabled].focus,.btn-primary--white[disabled]:focus,.btn-primary--white[disabled]:hover,fieldset[disabled] .btn-primary--white.focus,fieldset[disabled] .btn-primary--white:focus,fieldset[disabled] .btn-primary--white:hover {
    background-color: #fff;
    border-color: transparent
}

.btn-primary--white .badge {
    color: #fff;
    background-color: #111
}

.btn-primary--white.focus,.btn-primary--white:focus {
    background-color: #f0f0f0;
    border-color: transparent
}

.btn-primary--white:hover {
    background-color: #f7f7f7;
    border-color: transparent
}

.btn-primary--white.active,.btn-primary--white.active.focus,.btn-primary--white.active:focus,.btn-primary--white.active:hover,.btn-primary--white:active,.btn-primary--white:active.focus,.btn-primary--white:active:focus,.btn-primary--white:active:hover,.open>.dropdown-toggle.btn-primary--white,.open>.dropdown-toggle.btn-primary--white.focus,.open>.dropdown-toggle.btn-primary--white:focus,.open>.dropdown-toggle.btn-primary--white:hover {
    background-color: #f0f0f0;
    border-color: transparent
}

.btn-primary--white.disabled,.btn-primary--white:disabled,.btn-primary--white[disabled],fieldset[disabled] .btn-primary--white {
    background-color: #8d8d8d!important;
    border-color: #b2b2b2!important;
    color: #d5d5d5!important
}

.btn-default.dropdown-toggle,.btn-default[data-toggle=dropdown] {
    color: rgba(0,0,0,.8)!important
}

.btn-default--white {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

.btn-default--white.focus,.btn-default--white:focus {
    color: #fff;
    border-color: #bfbfbf
}

.btn-default--white.active,.btn-default--white:active,.btn-default--white:hover,.open>.dropdown-toggle.btn-default--white {
    color: #fff;
    border-color: #e0e0e0
}

.btn-default--white.active.focus,.btn-default--white.active:focus,.btn-default--white.active:hover,.btn-default--white:active.focus,.btn-default--white:active:focus,.btn-default--white:active:hover,.open>.dropdown-toggle.btn-default--white.focus,.open>.dropdown-toggle.btn-default--white:focus,.open>.dropdown-toggle.btn-default--white:hover {
    color: #fff;
    border-color: #bfbfbf
}

.btn-default--white.active,.btn-default--white:active,.open>.dropdown-toggle.btn-default--white {
    background-image: none
}

.btn-default--white.disabled.focus,.btn-default--white.disabled:focus,.btn-default--white.disabled:hover,.btn-default--white[disabled].focus,.btn-default--white[disabled]:focus,.btn-default--white[disabled]:hover,fieldset[disabled] .btn-default--white.focus,fieldset[disabled] .btn-default--white:focus,fieldset[disabled] .btn-default--white:hover {
    background-color: transparent;
    border-color: #fff
}

.btn-default--white .badge {
    color: transparent;
    background-color: #fff
}

.btn-default--white.focus,.btn-default--white:focus {
    background-color: transparent;
    border-color: #ebebeb
}

.btn-default--white:hover {
    background-color: transparent;
    border-color: #f2f2f2
}

.btn-default--white.active,.btn-default--white.active.focus,.btn-default--white.active:focus,.btn-default--white.active:hover,.btn-default--white:active,.btn-default--white:active.focus,.btn-default--white:active:focus,.btn-default--white:active:hover,.open>.dropdown-toggle.btn-default--white,.open>.dropdown-toggle.btn-default--white.focus,.open>.dropdown-toggle.btn-default--white:focus,.open>.dropdown-toggle.btn-default--white:hover {
    background-color: transparent;
    border-color: #ebebeb
}

.btn-tertiary {
    border-radius: 2px;
    color: #0e600e;
    background-color: transparent;
    border-color: transparent
}

.btn-tertiary.active,.btn-tertiary.active.focus,.btn-tertiary.active:focus,.btn-tertiary.active:hover,.btn-tertiary.focus,.btn-tertiary:active,.btn-tertiary:active.focus,.btn-tertiary:active:focus,.btn-tertiary:active:hover,.btn-tertiary:focus,.btn-tertiary:hover,.open>.dropdown-toggle.btn-tertiary,.open>.dropdown-toggle.btn-tertiary.focus,.open>.dropdown-toggle.btn-tertiary:focus,.open>.dropdown-toggle.btn-tertiary:hover {
    color: #0e600e
}

.btn-tertiary.active,.btn-tertiary:active,.open>.dropdown-toggle.btn-tertiary {
    background-image: none
}

.btn-tertiary.disabled.focus,.btn-tertiary.disabled:focus,.btn-tertiary.disabled:hover,.btn-tertiary[disabled].focus,.btn-tertiary[disabled]:focus,.btn-tertiary[disabled]:hover,fieldset[disabled] .btn-tertiary.focus,fieldset[disabled] .btn-tertiary:focus,fieldset[disabled] .btn-tertiary:hover {
    background-color: transparent;
    border-color: transparent
}

.btn-tertiary .badge {
    color: transparent;
    background-color: #0e600e
}

.btn-tertiary.active,.btn-tertiary.active.focus,.btn-tertiary.active:focus,.btn-tertiary.active:hover,.btn-tertiary.focus,.btn-tertiary:active,.btn-tertiary:active.focus,.btn-tertiary:active:focus,.btn-tertiary:active:hover,.btn-tertiary:focus,.btn-tertiary:hover,.open>.dropdown-toggle.btn-tertiary,.open>.dropdown-toggle.btn-tertiary.focus,.open>.dropdown-toggle.btn-tertiary:focus,.open>.dropdown-toggle.btn-tertiary:hover {
    background-color: transparent;
    border-color: transparent
}

.btn-tertiary.disabled,.btn-tertiary:disabled,.btn-tertiary[disabled],fieldset[disabled] .btn-tertiary {
    background-color: transparent!important;
    border-color: transparent!important;
    color: #b2b2b2!important
}

.btn-tertiary.active:hover,.btn-tertiary:hover {
    background-color: rgba(0,0,0,.1)
}

.btn-tertiary.active,.btn-tertiary:active {
    background-color: rgba(0,0,0,.2)
}

.btn-tertiary--white {
    color: #fff;
    background-color: transparent;
    border-color: transparent
}

.btn-tertiary--white.active,.btn-tertiary--white.active.focus,.btn-tertiary--white.active:focus,.btn-tertiary--white.active:hover,.btn-tertiary--white.focus,.btn-tertiary--white:active,.btn-tertiary--white:active.focus,.btn-tertiary--white:active:focus,.btn-tertiary--white:active:hover,.btn-tertiary--white:focus,.btn-tertiary--white:hover,.open>.dropdown-toggle.btn-tertiary--white,.open>.dropdown-toggle.btn-tertiary--white.focus,.open>.dropdown-toggle.btn-tertiary--white:focus,.open>.dropdown-toggle.btn-tertiary--white:hover {
    color: #fff
}

.btn-tertiary--white.active,.btn-tertiary--white:active,.open>.dropdown-toggle.btn-tertiary--white {
    background-image: none
}

.btn-tertiary--white.disabled.focus,.btn-tertiary--white.disabled:focus,.btn-tertiary--white.disabled:hover,.btn-tertiary--white[disabled].focus,.btn-tertiary--white[disabled]:focus,.btn-tertiary--white[disabled]:hover,fieldset[disabled] .btn-tertiary--white.focus,fieldset[disabled] .btn-tertiary--white:focus,fieldset[disabled] .btn-tertiary--white:hover {
    background-color: transparent;
    border-color: transparent
}

.btn-tertiary--white .badge {
    color: transparent;
    background-color: #fff
}

.btn-tertiary--white.active,.btn-tertiary--white.active.focus,.btn-tertiary--white.active:focus,.btn-tertiary--white.active:hover,.btn-tertiary--white.focus,.btn-tertiary--white:active,.btn-tertiary--white:active.focus,.btn-tertiary--white:active:focus,.btn-tertiary--white:active:hover,.btn-tertiary--white:focus,.btn-tertiary--white:hover,.open>.dropdown-toggle.btn-tertiary--white,.open>.dropdown-toggle.btn-tertiary--white.focus,.open>.dropdown-toggle.btn-tertiary--white:focus,.open>.dropdown-toggle.btn-tertiary--white:hover {
    background-color: transparent;
    border-color: transparent
}

.btn-link.disabled,.btn-link:disabled,.btn-link[disabled],.btn-tertiary--white.disabled,.btn-tertiary--white:disabled,.btn-tertiary--white[disabled],fieldset[disabled] .btn-link,fieldset[disabled] .btn-tertiary--white {
    background-color: transparent!important;
    border-color: transparent!important;
    color: #b2b2b2!important
}

.btn-text {
    cursor: default;
    background-color: transparent;
    border-color: transparent
}

.btn-text,.btn-text.active,.btn-text.active.focus,.btn-text.active:focus,.btn-text.active:hover,.btn-text.focus,.btn-text:active,.btn-text:active.focus,.btn-text:active:focus,.btn-text:active:hover,.btn-text:focus,.btn-text:hover,.open>.dropdown-toggle.btn-text,.open>.dropdown-toggle.btn-text.focus,.open>.dropdown-toggle.btn-text:focus,.open>.dropdown-toggle.btn-text:hover {
    color: rgba(0,0,0,.8)
}

.btn-text.active,.btn-text:active,.open>.dropdown-toggle.btn-text {
    background-image: none
}

.btn-text.disabled.focus,.btn-text.disabled:focus,.btn-text.disabled:hover,.btn-text[disabled].focus,.btn-text[disabled]:focus,.btn-text[disabled]:hover,fieldset[disabled] .btn-text.focus,fieldset[disabled] .btn-text:focus,fieldset[disabled] .btn-text:hover {
    background-color: transparent;
    border-color: transparent
}

.btn-text .badge {
    color: transparent;
    background-color: rgba(0,0,0,.8)
}

.btn-text.active,.btn-text.active.focus,.btn-text.active:focus,.btn-text.active:hover,.btn-text.focus,.btn-text:active,.btn-text:active.focus,.btn-text:active:focus,.btn-text:active:hover,.btn-text:focus,.btn-text:hover,.open>.dropdown-toggle.btn-text,.open>.dropdown-toggle.btn-text.focus,.open>.dropdown-toggle.btn-text:focus,.open>.dropdown-toggle.btn-text:hover {
    background-color: transparent;
    border-color: transparent
}

.btn-lg {
    padding: 16px 12px
}

.btn-lg,.btn-sm {
    font-size: 15px;
    line-height: 1.35135;
    border-radius: 2px
}

.btn-sm {
    padding: 6px 10px
}

.btn-xs {
    padding: 2px 8px;
    font-size: 13px;
    line-height: 1.35135;
    border-radius: 2px
}

button.unstyled {
    border: none;
    background-color: transparent;
    outline-style: none;
    text-align: left
}

a.unstyled {
    color: inherit;
    text-decoration: initial
}

[ng-click] {
    cursor: pointer
}

[ng-click].disabled,[ng-click]:disabled {
    cursor: not-allowed
}

.pen {
    pointer-events: none
}

.icon-btn {
    font-size: 10px;
    padding: 10px 15px;
    background: #f4f4f4;
    color: rgba(0,0,0,.8)
}

.icon-btn:active,.icon-btn:focus,.icon-btn:hover {
    opacity: .8
}

@font-face {
    font-family:UdemyIcons;src:url(/staticx/udemy/js/webpack/UdemyIcons.1856bd27b85fac4ee7846b8f7ec1f011.woff2) format("woff2"),url(/staticx/udemy/js/webpack/UdemyIcons.1badefe0a9254071aef14fd1fb20f2ef.ttf) format("truetype"),url(/staticx/udemy/js/webpack/UdemyIcons.19cb0b4037c4afb8aa96c1a915675acc.woff) format("woff"),url(/staticx/udemy/js/webpack/UdemyIcons.3c113835d80a41fbfde28f223606a388.svg) format("svg");font-weight:400;font-style:normal
}

.udi {
    font-family: UdemyIcons!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
}

.udi-minimize:before {
    content: "\E905"
}

.udi-line-star:before {
    content: "\E786"
}

.udi-circle-loader:before {
    content: "\E779"
}

.udi-how-discover:before {
    content: "\E751"
}

.udi-how-learn:before {
    content: "\E752"
}

.udi-how-master:before {
    content: "\E753"
}

.udi-join-course:before {
    content: "\E754"
}

.udi-join-hours:before {
    content: "\E755"
}

.udi-join-students:before {
    content: "\E756"
}

.udi-what-30day:before {
    content: "\E757"
}

.udi-what-desktop:before {
    content: "\E758"
}

.udi-what-lifetime:before {
    content: "\E759"
}

.udi-delete:before {
    content: "\E75A"
}

.udi-archive:before {
    content: "\E91C"
}

.udi-curly-braces-bold:before {
    content: "\E909"
}

.udi-curly-braces:before {
    content: "\E900"
}

.udi-cart-check:before {
    content: "\E90D"
}

.udi-cart-add:before {
    content: "\E901"
}

.udi-activity:before {
    content: "\E902"
}

.udi-presentation:before {
    content: "\E912"
}

.udi-coupon:before {
    content: "\E800"
}

.udi-bookmark-add:before {
    content: "\E788"
}

.udi-cart:before {
    content: "\E789"
}

.udi-zoom-in:before {
    content: "\E711"
}

.udi-article:before {
    content: "\E6C5"
}

.udi-thin-arrow-right:before {
    content: "\E642"
}

.udi-thin-arrow-left:before {
    content: "\E67F"
}

.udi-thin-arrow-up:before {
    content: "\E698"
}

.udi-thin-arrow-down:before {
    content: "\E633"
}

.udi-add:before {
    content: "\E72C"
}

.udi-bell:before {
    content: "\E72E"
}

.udi-clock:before {
    content: "\E733"
}

.udi-close:before {
    content: "\E730"
}

.udi-curriculum:before {
    content: "\E735"
}

.udi-search-filter:before {
    content: "\E795"
}

.udi-menu:before {
    content: "\E73B"
}

.udi-next:before {
    content: "\E73E"
}

.udi-previous:before {
    content: "\E741"
}

.udi-settings:before {
    content: "\E748"
}

.udi-website:before {
    content: "\E766"
}

.udi-drawer:before {
    content: "\E792"
}

.udi-overflow:before {
    content: "\E777"
}

.udi-google-plus:before {
    content: "\E76A"
}

.udi-play:before {
    content: "\E771"
}

.udi-closed-caption:before {
    content: "\E78A"
}

.udi-fullscreen:before {
    content: "\E78D"
}

.udi-exit-fullscreen:before {
    content: "\E78E"
}

.udi-schedule:before {
    content: "\E78F"
}

.udi-bookmark:before {
    content: "\E791"
}

.udi-vjs-circle:before {
    content: "\E90A"
}

.udi-vjs-minus:before {
    content: "\E90B"
}

.udi-vjs-plus:before {
    content: "\E90C"
}

.udi-vjs-cc-subtitles:before {
    content: "\E910"
}

.udi-vjs-forward:before {
    content: "\E911"
}

.udi-vjs-fullscreen-collapse:before {
    content: "\E913"
}

.udi-vjs-fullscreen:before {
    content: "\E914"
}

.udi-vjs-pause:before {
    content: "\E915"
}

.udi-vjs-play:before {
    content: "\E916"
}

.udi-vjs-rewind:before {
    content: "\E917"
}

.udi-vjs-settings:before {
    content: "\E918"
}

.udi-vjs-volume-off:before {
    content: "\E919"
}

.udi-vjs-volume:before {
    content: "\E91A"
}

.udi-google:before {
    content: "\E6BE"
}

.udi-arabic:before {
    content: "\E77E"
}

.udi-hebrew:before {
    content: "\E77F"
}

.udi-japanese:before {
    content: "\E780"
}

.udi-spanish:before {
    content: "\E781"
}

.udi-development-tools:before {
    content: "\E727"
}

.udi-e-commerce:before {
    content: "\E728"
}

.udi-3d-and-animation:before {
    content: "\E692"
}

.udi-academics:before {
    content: "\E693"
}

.udi-advertising:before {
    content: "\E694"
}

.udi-affiliate-marketing:before {
    content: "\E695"
}

.udi-analytics-and-automation:before {
    content: "\E696"
}

.udi-apple:before {
    content: "\E697"
}

.udi-architectural-design:before {
    content: "\E699"
}

.udi-arts-and-crafts:before {
    content: "\E69A"
}

.udi-beauty-and-makeup:before {
    content: "\E69B"
}

.udi-black-and-white:before {
    content: "\E69C"
}

.udi-branding:before {
    content: "\E69D"
}

.udi-business-law:before {
    content: "\E69E"
}

.udi-business:before {
    content: "\E69F"
}

.udi-career-development:before {
    content: "\E6A0"
}

.udi-chinese:before {
    content: "\E6A1"
}

.udi-college-entry-exam:before {
    content: "\E6A2"
}

.udi-commercial-photography:before {
    content: "\E6A3"
}

.udi-communications:before {
    content: "\E6A4"
}

.udi-content-marketing:before {
    content: "\E6A5"
}

.udi-creativity:before {
    content: "\E6A6"
}

.udi-dance:before {
    content: "\E6A7"
}

.udi-data-and-analytics:before {
    content: "\E6A8"
}

.udi-databases:before {
    content: "\E6A9"
}

.udi-design-thinking:before {
    content: "\E6AA"
}

.udi-design-tools:before {
    content: "\E6AB"
}

.udi-design:before {
    content: "\E6AC"
}

.udi-development:before {
    content: "\E6AD"
}

.udi-dieting:before {
    content: "\E6AE"
}

.udi-digital-marketing:before {
    content: "\E6AF"
}

.udi-digital-photography:before {
    content: "\E6B0"
}

.udi-educational-development:before {
    content: "\E6B1"
}

.udi-english:before {
    content: "\E6B2"
}

.udi-entrepreneurship:before {
    content: "\E6B3"
}

.udi-fashion:before {
    content: "\E6B4"
}

.udi-finance:before {
    content: "\E6B5"
}

.udi-fitness:before {
    content: "\E6B6"
}

.udi-food-and-beverage:before {
    content: "\E6B7"
}

.udi-french:before {
    content: "\E6B8"
}

.udi-game-design:before {
    content: "\E6B9"
}

.udi-game-development:before {
    content: "\E6BA"
}

.udi-gaming:before {
    content: "\E6BB"
}

.udi-general-health:before {
    content: "\E6BC"
}

.udi-german:before {
    content: "\E6BD"
}

.udi-grad-entry-exam:before {
    content: "\E6BF"
}

.udi-graphic-design:before {
    content: "\E6C0"
}

.udi-growth-hacking:before {
    content: "\E6C1"
}

.udi-happiness:before {
    content: "\E6C2"
}

.udi-hardware:before {
    content: "\E6C3"
}

.udi-health-and-fitness:before {
    content: "\E6C4"
}

.udi-home-business:before {
    content: "\E6C6"
}

.udi-home-improvement:before {
    content: "\E6C7"
}

.udi-human-resources:before {
    content: "\E6C8"
}

.udi-humanities:before {
    content: "\E6C9"
}

.udi-industry:before {
    content: "\E6CA"
}

.udi-influence:before {
    content: "\E6CB"
}

.udi-instructional-design:before {
    content: "\E6CC"
}

.udi-instruments:before {
    content: "\E6CD"
}

.udi-interior-design:before {
    content: "\E6CE"
}

.udi-international-high-school:before {
    content: "\E6CF"
}

.udi-intuit:before {
    content: "\E6D0"
}

.udi-it-certification:before {
    content: "\E6D1"
}

.udi-it-and-software:before {
    content: "\E6D2"
}

.udi-italian:before {
    content: "\E6D3"
}

.udi-landscape:before {
    content: "\E6D5"
}

.udi-language:before {
    content: "\E6D6"
}

.udi-latin:before {
    content: "\E6D7"
}

.udi-leadership:before {
    content: "\E6D8"
}

.udi-lifestyle:before {
    content: "\E6D9"
}

.udi-management:before {
    content: "\E6DA"
}

.udi-marketing-fundamentals:before {
    content: "\E6DB"
}

.udi-marketing:before {
    content: "\E6DC"
}

.udi-math-and-science:before {
    content: "\E6DD"
}

.udi-media:before {
    content: "\E6DE"
}

.udi-meditation:before {
    content: "\E6DF"
}

.udi-memory:before {
    content: "\E6E0"
}

.udi-mental-health:before {
    content: "\E6E1"
}

.udi-microsoft:before {
    content: "\E6E2"
}

.udi-mobile-apps:before {
    content: "\E6E3"
}

.udi-mobile-photography:before {
    content: "\E6E4"
}

.udi-motivation:before {
    content: "\E6E5"
}

.udi-music-fundamentals:before {
    content: "\E6E6"
}

.udi-music-software:before {
    content: "\E6E7"
}

.udi-music-techniques:before {
    content: "\E6E8"
}

.udi-music:before {
    content: "\E6E9"
}

.udi-network-and-security:before {
    content: "\E6EA"
}

.udi-non-digital-marketing:before {
    content: "\E6EB"
}

.udi-nutrition:before {
    content: "\E6EC"
}

.udi-office-productivity:before {
    content: "\E6ED"
}

.udi-operating-systems:before {
    content: "\E6EE"
}

.udi-operations:before {
    content: "\E6EF"
}

.udi-oracle:before {
    content: "\E6F0"
}

.udi-parenting-and-relationships:before {
    content: "\E6F1"
}

.udi-personal-brand-building:before {
    content: "\E6F2"
}

.udi-personal-development:before {
    content: "\E6F3"
}

.udi-personal-finance:before {
    content: "\E6F4"
}

.udi-personal-transformation:before {
    content: "\E6F5"
}

.udi-pet-care-and-training:before {
    content: "\E6F6"
}

.udi-photography-fundamentals:before {
    content: "\E6F7"
}

.udi-photography-tools:before {
    content: "\E6F8"
}

.udi-photography:before {
    content: "\E6F9"
}

.udi-portraits:before {
    content: "\E6FA"
}

.udi-portuguese:before {
    content: "\E6FB"
}

.udi-product-marketing:before {
    content: "\E6FC"
}

.udi-production:before {
    content: "\E6FD"
}

.udi-productivity:before {
    content: "\E6FE"
}

.udi-programming-languages:before {
    content: "\E6FF"
}

.udi-project-management:before {
    content: "\E700"
}

.udi-public-relations:before {
    content: "\E701"
}

.udi-real-estate:before {
    content: "\E702"
}

.udi-religion-and-spirituality:before {
    content: "\E703"
}

.udi-russian:before {
    content: "\E704"
}

.udi-safety-and-first-aid:before {
    content: "\E705"
}

.udi-sales:before {
    content: "\E706"
}

.udi-salesforce:before {
    content: "\E707"
}

.udi-sap:before {
    content: "\E708"
}

.udi-search-engine-optimization:before {
    content: "\E709"
}

.udi-self-defense:before {
    content: "\E70B"
}

.udi-self-esteem:before {
    content: "\E70C"
}

.udi-social-media-marketing:before {
    content: "\E70D"
}

.udi-social-science:before {
    content: "\E70E"
}

.udi-software-engineering:before {
    content: "\E70F"
}

.udi-software-testing:before {
    content: "\E710"
}

.udi-sports:before {
    content: "\E712"
}

.udi-strategy:before {
    content: "\E713"
}

.udi-stress-management:before {
    content: "\E714"
}

.udi-teacher-training:before {
    content: "\E715"
}

.udi-teaching-tools:before {
    content: "\E716"
}

.udi-test-prep:before {
    content: "\E717"
}

.udi-test-taking-skills:before {
    content: "\E718"
}

.udi-travel-photography:before {
    content: "\E719"
}

.udi-travel:before {
    content: "\E71A"
}

.udi-user-experience:before {
    content: "\E71B"
}

.udi-video-design:before {
    content: "\E71C"
}

.udi-video-and-mobile-marketing:before {
    content: "\E71D"
}

.udi-vocal:before {
    content: "\E71E"
}

.udi-web-design:before {
    content: "\E71F"
}

.udi-web-development:before {
    content: "\E720"
}

.udi-wedding-photography:before {
    content: "\E721"
}

.udi-wildlife-photography:before {
    content: "\E722"
}

.udi-yoga:before {
    content: "\E723"
}

.udi-plus:before {
    content: "\F067"
}

.udi-minus:before {
    content: "\F068"
}

.udi-search:before {
    content: "\F002"
}

.udi-heart:before {
    content: "\F004"
}

.udi-star:before {
    content: "\F005"
}

.udi-user:before {
    content: "\F007"
}

.udi-film:before {
    content: "\F008"
}

.udi-check:before,.udi-ok:before {
    content: "\F00C"
}

.udi-cog:before,.udi-gear:before {
    content: "\F013"
}

.udi-trash-o:before {
    content: "\F014"
}

.udi-home:before {
    content: "\F015"
}

.udi-file-o:before {
    content: "\F016"
}

.udi-clock-o:before {
    content: "\F017"
}

.udi-download:before {
    content: "\F019"
}

.udi-play-circle-o:before {
    content: "\F01D"
}

.udi-repeat:before,.udi-rotate-right:before {
    content: "\F01E"
}

.udi-list-alt:before {
    content: "\F022"
}

.udi-lock:before {
    content: "\F023"
}

.udi-flag:before {
    content: "\F024"
}

.udi-volume-up:before {
    content: "\F028"
}

.udi-tag:before {
    content: "\F02B"
}

.udi-book:before {
    content: "\F02D"
}

.udi-bold:before {
    content: "\F032"
}

.udi-italic:before {
    content: "\F033"
}

.udi-list:before {
    content: "\F03A"
}

.udi-image:before,.udi-photo:before,.udi-picture-o:before {
    content: "\F03E"
}

.udi-pencil:before {
    content: "\F040"
}

.udi-map-marker:before {
    content: "\F041"
}

.udi-adjust:before {
    content: "\F042"
}

.udi-share-square-o:before {
    content: "\F045"
}

.udi-check-square-o:before {
    content: "\F046"
}

.udi-pause:before {
    content: "\F04C"
}

.udi-stop:before {
    content: "\F04D"
}

.udi-chevron-left:before {
    content: "\F053"
}

.udi-chevron-right:before {
    content: "\F054"
}

.udi-plus-circle:before {
    content: "\F055"
}

.udi-minus-circle:before {
    content: "\F056"
}

.udi-check-circle:before {
    content: "\F058"
}

.udi-question-circle:before {
    content: "\F059"
}

.udi-info-circle:before {
    content: "\F05A"
}

.udi-ban:before {
    content: "\F05E"
}

.udi-arrow-left:before {
    content: "\F060"
}

.udi-arrow-right:before {
    content: "\F061"
}

.udi-mail-forward:before,.udi-share:before {
    content: "\F064"
}

.udi-expand:before {
    content: "\F065"
}

.udi-exclamation-circle:before {
    content: "\F06A"
}

.udi-exclamation-triangle:before,.udi-remove:before,.udi-warning-sign:before,.udi-warning:before {
    content: "\F071"
}

.udi-calendar:before {
    content: "\F073"
}

.udi-comment:before {
    content: "\F075"
}

.udi-chevron-up:before {
    content: "\F077"
}

.udi-chevron-down:before {
    content: "\F078"
}

.udi-shopping-cart:before {
    content: "\F07A"
}

.udi-folder-open:before {
    content: "\F07C"
}

.udi-bar-chart-o:before,.udi-bar-chart:before {
    content: "\F080"
}

.udi-facebook-square:before {
    content: "\F082"
}

.udi-cogs:before,.udi-gears:before {
    content: "\F085"
}

.udi-comments:before {
    content: "\F086"
}

.udi-thumbs-o-up:before {
    content: "\F087"
}

.udi-star-half:before {
    content: "\F089"
}

.udi-heart-o:before {
    content: "\F08A"
}

.udi-external-link:before {
    content: "\F08E"
}

.udi-trophy:before {
    content: "\F091"
}

.udi-upload:before {
    content: "\F093"
}

.udi-phone:before {
    content: "\F095"
}

.udi-twitter:before {
    content: "\F099"
}

.udi-facebook-f:before,.udi-facebook:before {
    content: "\F09A"
}

.udi-unlock:before {
    content: "\F09C"
}

.udi-credit-card:before {
    content: "\F09D"
}

.udi-bullhorn:before {
    content: "\F0A1"
}

.udi-globe:before {
    content: "\F0AC"
}

.udi-wrench:before {
    content: "\F0AD"
}

.udi-tasks:before {
    content: "\F0AE"
}

.udi-group:before,.udi-users:before {
    content: "\F0C0"
}

.udi-chain:before,.udi-link:before {
    content: "\F0C1"
}

.udi-square:before {
    content: "\F0C8"
}

.udi-bars:before,.udi-navicon:before,.udi-reorder:before {
    content: "\F0C9"
}

.udi-list-ul:before {
    content: "\F0CA"
}

.udi-list-ol:before {
    content: "\F0CB"
}

.udi-caret-down:before {
    content: "\F0D7"
}

.udi-caret-up:before {
    content: "\F0D8"
}

.udi-caret-left:before {
    content: "\F0D9"
}

.udi-caret-right:before {
    content: "\F0DA"
}

.udi-sort:before,.udi-unsorted:before {
    content: "\F0DC"
}

.udi-sort-desc:before,.udi-sort-down:before {
    content: "\F0DD"
}

.udi-sort-asc:before,.udi-sort-up:before {
    content: "\F0DE"
}

.udi-envelope:before {
    content: "\F0E0"
}

.udi-linkedin:before {
    content: "\F0E1"
}

.udi-comment-o:before {
    content: "\F0E5"
}

.udi-file-text-o:before {
    content: "\F0F6"
}

.udi-plus-square:before {
    content: "\F0FE"
}

.udi-angle-double-left:before {
    content: "\F100"
}

.udi-angle-double-right:before {
    content: "\F101"
}

.udi-angle-left:before {
    content: "\F104"
}

.udi-angle-right:before {
    content: "\F105"
}

.udi-angle-up:before {
    content: "\F106"
}

.udi-angle-down:before {
    content: "\F107"
}

.udi-desktop:before {
    content: "\F108"
}

.udi-mobile-phone:before,.udi-mobile:before {
    content: "\F10B"
}

.udi-circle-o:before {
    content: "\F10C"
}

.udi-spinner:before {
    content: "\F110"
}

.udi-circle:before {
    content: "\F111"
}

.udi-code:before {
    content: "\F121"
}

.udi-info:before {
    content: "\F129"
}

.udi-microphone:before {
    content: "\F130"
}

.udi-calendar-o:before {
    content: "\F133"
}

.udi-rocket:before {
    content: "\F135"
}

.udi-chevron-circle-right:before {
    content: "\F138"
}

.udi-ellipsis-h:before {
    content: "\F141"
}

.udi-ellipsis-v:before {
    content: "\F142"
}

.udi-play-circle:before {
    content: "\F144"
}

.udi-minus-square-o:before {
    content: "\F147"
}

.udi-file:before {
    content: "\F15B"
}

.udi-file-text:before {
    content: "\F15C"
}

.udi-sort-alpha-asc:before {
    content: "\F15D"
}

.udi-sort-alpha-desc:before {
    content: "\F15E"
}

.udi-sort-numeric-asc:before {
    content: "\F162"
}

.udi-sort-numeric-desc:before {
    content: "\F163"
}

.udi-youtube:before {
    content: "\F167"
}

.udi-plus-square-o:before {
    content: "\F196"
}

.udi-history:before {
    content: "\F1DA"
}

.udi-share-alt:before {
    content: "\F1E0"
}

.udi-trash:before {
    content: "\F1F8"
}

.udi-line-chart:before {
    content: "\F201"
}

.udi-ion-arrow-graph-up-right:before {
    content: "\F262"
}

.icon-spin {
    -ms-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    text-decoration: none
}

.icon-spin,.loader {
    display: inline-block
}

@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ud-icon-success {
    font-family: UdemyIcons;
    font-style: normal;
    color: #17aa1c
}

.ud-icon-success:before {
    content: "\F058"
}

.ud-icon-info {
    font-family: UdemyIcons;
    font-style: normal;
    color: #298fb7
}

.ud-icon-info:before {
    content: "\F05A"
}

.ud-icon-warning {
    font-family: UdemyIcons;
    font-style: normal;
    color: #ef8d2b
}

.ud-icon-warning:before {
    content: "\F071"
}

.ud-icon-danger {
    font-family: UdemyIcons;
    font-style: normal;
    color: #d23837
}

.ud-icon-danger:before {
    content: "\F06A"
}

.udi-circle-loader {
    -ms-animation: spin 1.5s infinite linear;
    -o-animation: spin 1.5s infinite linear;
    -webkit-animation: spin 1.5s infinite linear;
    -moz-animation: spin 1.5s infinite linear;
    animation: spin 1.5s infinite linear;
    display: inline-block
}

.udi-large {
    font-size: 64px
}

.udi-medium {
    font-size: 32px
}

.udi-small {
    font-size: 16px
}

.udi {
    vertical-align: -8%
}

.dropup .dropdown-toggle .dropdown-caret {
    transform: rotate(180deg);
    display: inline-block
}

.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before {
    content: " ";
    display: table
}

.modal-footer:after,.modal-header:after {
    clear: both
}

.close {
    float: right;
    font-size: 22.5px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: none;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:focus,.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal,.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    transform: translateY(-25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.43
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 400px
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.modal[ng-click] {
    cursor: default
}

.fancybox-inner-modal.modal--scroll-overflow .modal-body,.modal.modal--scroll-overflow .modal-body {
    max-height: 434px;
    overflow: scroll;
    margin-bottom: 30px
}

.fancybox-inner-modal .modal-dialog,.modal .modal-dialog {
    cursor: default;
    margin: 10vh auto;
    transform: translate(0)!important;
    min-width: 300px
}

@media (max-width:768px) {
    .fancybox-inner-modal .modal-dialog,.modal .modal-dialog {
        width: 100%;
        margin: 0 auto
    }
}

.fancybox-inner-modal .modal-backdrop.in,.modal .modal-backdrop.in {
    opacity: .7;
    background-color: #fff
}

.fancybox-inner-modal .modal-content,.modal .modal-content {
    border-radius: 6px;
    box-shadow: 2px 2px 5px rgba(0,0,0,.25);
    border: 1px solid rgba(0,0,0,.025)
}

.fancybox-inner-modal .modal-header,.modal .modal-header {
    background-color: #f4f4f4;
    height: 72px;
    padding: 0 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.fancybox-inner-modal .close,.fancybox-inner-modal .modal-title,.modal .close,.modal .modal-title {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.fancybox-inner-modal .close,.modal .close {
    color: rgba(0,0,0,.8);
    font-size: 36px;
    font-weight: 400;
    opacity: 1;
    z-index: 3;
    padding: 0 7px;
    right: -7px
}

.fancybox-inner-modal .close>span,.modal .close>span {
    display: block
}

.fancybox-inner-modal .close:focus,.modal .close:focus {
    outline: 0
}

.fancybox-inner-modal .modal-body,.modal .modal-body {
    padding: 30px
}

.fancybox-inner-modal .modal-content .modal-footer,.modal .modal-content .modal-footer {
    padding: 30px;
    padding-top: 0
}

.fancybox-inner-modal .modal-footer--inner,.modal .modal-footer--inner {
    float: right
}

.fancybox-inner-modal .form-actions,.modal .form-actions {
    margin-top: 20px;
    text-align: right
}

.fancybox-wrap.fancybox-wrap--fixed-top {
    top: 0!important
}

@media (min-width:768px) {
    .fancybox-wrap.fancybox-wrap--fixed-top {
        margin-top: 60px
    }
}

.modal-backdrop {
    background: rgba(0,0,0,.8);
    opacity: 1!important;
    transition: none!important
}

.modal-backdrop .modal-open {
    overflow-y: auto
}

.generic-modal {
    background-color: transparent!important
}

.generic-modal .close {
    position: absolute;
    right: 0;
    top: 18px
}

.generic-modal.modal--has-header .close {
    right: 20px;
    top: 35px
}

.generic-modal.modal--has-header .modal-title {
    margin-right: 15px
}

.generic-modal .modal-content {
    -webkit-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    -o-flex: 0 1 auto;
    flex: 0 1 auto;
    min-width: 1px;
    min-width: 300px;
    position: relative
}

.generic-modal .modal-dialog {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center;
    max-width: 100%;
    width: 100%
}

.generic-modal .modal-dialog.fancybox-wrap {
    position: static
}

@media (max-width:767px) {
    .generic-modal .modal-dialog {
        height: 100%;
        overflow: auto
    }

    .generic-modal .modal-content {
        top: 0;
        left: 0;
        position: absolute;
        width: 100%
    }

    .generic-modal .modal-content-wrapper {
        width: auto
    }
}

.modal.fade {
    background-color: rgba(1,1,1,.2)
}

.modal-content .title {
    font-weight: 700
}

.modal-content .modal-footer {
    margin-top: 0;
    text-align: right;
    border: none;
    padding-top: 0
}

.modal-sm .modal-content,.modal-wrapper-sm {
    width: 400px
}

.modal-md .modal-content,.modal-wrapper-md {
    width: 600px
}

.modal-lg .modal-content,.modal-wrapper-lg {
    width: 900px;
    max-width: 100%
}

.form-control-counter-container {
    position: relative
}

.form-control-counter-container .form-control {
    padding-right: 40px!important
}

.form-control-counter {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 5px;
    color: rgba(0,0,0,.55);
    background: #cbcbcb;
    font-weight: 700;
    min-width: 34px;
    line-height: 24px;
    text-align: center
}

.form-control-counter-error {
    color: #fff;
    background: #d23837
}

.form-group-sm .form-control-counter {
    line-height: 14px
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:focus,a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    background-color: #777
}

.label-default[href]:focus,.label-default[href]:hover {
    background-color: #5e5e5e
}

.label-primary {
    background-color: #17aa1c
}

.label-primary[href]:focus,.label-primary[href]:hover {
    background-color: #117d15
}

.label-success {
    background-color: #17aa1c
}

.label-success[href]:focus,.label-success[href]:hover {
    background-color: #117d15
}

.label-info {
    background-color: #298fb7
}

.label-info[href]:focus,.label-info[href]:hover {
    background-color: #206e8d
}

.label-warning {
    background-color: #ef8d2b
}

.label-warning[href]:focus,.label-warning[href]:hover {
    background-color: #d77410
}

.label-danger {
    background-color: #d23837
}

.label-danger[href]:focus,.label-danger[href]:hover {
    background-color: #af2827
}

.checkbox-inline:not(.checkbox-slide) label,.checkbox:not(.checkbox-slide) label {
    position: relative;
    margin-left: 2px
}

.checkbox-inline:not(.checkbox-slide) input[type=checkbox],.checkbox:not(.checkbox-slide) input[type=checkbox] {
    height: auto
}

.checkbox-inline:not(.checkbox-slide) input[type=checkbox]+.checkbox-label,.checkbox:not(.checkbox-slide) input[type=checkbox]+.checkbox-label {
    display: inline-block;
    text-align: left;
    padding-left: 5px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkbox-inline:not(.checkbox-slide) input[type=checkbox]+.checkbox-label>span,.checkbox:not(.checkbox-slide) input[type=checkbox]+.checkbox-label>span {
    pointer-events: none
}

.checkbox-inline:not(.checkbox-slide) input[type=checkbox]+.checkbox-label:before,.checkbox:not(.checkbox-slide) input[type=checkbox]+.checkbox-label:before {
    position: absolute;
    left: -2px;
    top: 2px;
    content: "";
    border-radius: 2px;
    width: 17px;
    height: 17px;
    border: 1px solid;
    background-color: #17aa1c;
    border-color: #17aa1c
}

.checkbox-inline:not(.checkbox-slide) input[type=checkbox]+.checkbox-label:after,.checkbox:not(.checkbox-slide) input[type=checkbox]+.checkbox-label:after {
    position: absolute;
    left: -2px;
    top: 2px;
    font-family: UdemyIcons;
    color: #fff;
    transition: all .2s;
    content: "\F00C";
    margin-left: 2px;
    font-size: 13px
}

.checkbox-inline:not(.checkbox-slide) input[type=checkbox]:not(:checked)+.checkbox-label:after,.checkbox-inline:not(.checkbox-slide) input[type=checkbox]:not(:checked)+.checkbox-label:before,.checkbox:not(.checkbox-slide) input[type=checkbox]:not(:checked)+.checkbox-label:after,.checkbox:not(.checkbox-slide) input[type=checkbox]:not(:checked)+.checkbox-label:before {
    background-color: #fff;
    border-color: #e0e0e0;
    transition: all .2s
}

.checkbox-inline:not(.checkbox-slide) input[type=checkbox]:not(:checked)+.checkbox-label:after,.checkbox:not(.checkbox-slide) input[type=checkbox]:not(:checked)+.checkbox-label:after {
    opacity: 0;
    transform: scale(0)
}

.checkbox-inline:not(.checkbox-slide) input[type=checkbox]:not(:disabled)+.checkbox-label:hover:before,.checkbox-inline:not(.checkbox-slide) input[type=checkbox]:not(:disabled):focus+.checkbox-label:before,.checkbox:not(.checkbox-slide) input[type=checkbox]:not(:disabled)+.checkbox-label:hover:before,.checkbox:not(.checkbox-slide) input[type=checkbox]:not(:disabled):focus+.checkbox-label:before {
    border: 1px solid #17aa1c!important
}

.checkbox-inline:not(.checkbox-slide) input[type=checkbox]:checked+.checkbox-label:after,.checkbox:not(.checkbox-slide) input[type=checkbox]:checked+.checkbox-label:after {
    opacity: 1;
    transform: scale(1)
}

.checkbox-inline:not(.checkbox-slide) input[type=checkbox]:disabled+.checkbox-label,.checkbox:not(.checkbox-slide) input[type=checkbox]:disabled+.checkbox-label {
    cursor: not-allowed;
    color: #aaa
}

.checkbox-inline:not(.checkbox-slide) input[type=checkbox]:disabled+.checkbox-label:before,.checkbox:not(.checkbox-slide) input[type=checkbox]:disabled+.checkbox-label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd
}

.checkbox-inline:not(.checkbox-slide) input[type=checkbox]:disabled:checked+.checkbox-label:after,.checkbox:not(.checkbox-slide) input[type=checkbox]:disabled:checked+.checkbox-label:after {
    color: #999
}

.checkbox-inline:not(.checkbox-slide).boxed,.checkbox:not(.checkbox-slide).boxed {
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 4px
}

.checkbox-inline:not(.checkbox-slide).boxed>label,.checkbox:not(.checkbox-slide).boxed>label {
    padding: 15px;
    border: 1px solid #dedede;
    border-radius: 4px;
    width: 100%;
    margin-left: 0
}

.checkbox-inline:not(.checkbox-slide).boxed input[type=checkbox],.checkbox:not(.checkbox-slide).boxed input[type=checkbox] {
    margin-left: 0
}

.checkbox-inline:not(.checkbox-slide).boxed input[type=checkbox]+.checkbox-label,.checkbox:not(.checkbox-slide).boxed input[type=checkbox]+.checkbox-label {
    padding-left: 25px
}

.checkbox-inline:not(.checkbox-slide).boxed input[type=checkbox]+.checkbox-label:after,.checkbox-inline:not(.checkbox-slide).boxed input[type=checkbox]+.checkbox-label:before,.checkbox:not(.checkbox-slide).boxed input[type=checkbox]+.checkbox-label:after,.checkbox:not(.checkbox-slide).boxed input[type=checkbox]+.checkbox-label:before {
    left: 15px;
    top: 17px
}

.checkbox-inline:not(.checkbox-slide).boxed .checkbox-label,.checkbox:not(.checkbox-slide).boxed .checkbox-label {
    width: 100%
}

.checkbox-inline:not(.checkbox-slide).boxed:not(.disabled)>label:hover,.checkbox:not(.checkbox-slide).boxed:not(.disabled)>label:hover {
    background: #f4f4f4
}

.checkbox-inline:not(.checkbox-slide).boxed:not(.disabled)>label:hover .checkbox-label:before,.checkbox:not(.checkbox-slide).boxed:not(.disabled)>label:hover .checkbox-label:before {
    border: 1px solid #17aa1c!important
}

.checkbox-slide {
    display: inline-block;
    padding-left: 0!important;
    vertical-align: middle
}

.checkbox-slide label {
    padding-left: 0
}

.checkbox-slide input[type=checkbox] {
    display: none
}

.checkbox-slide input[type=checkbox]+.checkbox-label {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    cursor: pointer;
    position: relative;
    box-sizing: content-box;
    height: 1.4em;
    width: 3.2em;
    padding-left: 0;
    margin-top: .1em;
    border: .2em solid #737373;
    border-radius: .9em;
    background: #737373;
    text-indent: -99999px
}

.checkbox-slide input[type=checkbox]+.checkbox-label:before {
    content: none
}

.checkbox-slide input[type=checkbox]+.checkbox-label:after {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.4em;
    height: 1.4em;
    border-radius: 50%;
    background: #fff
}

.checkbox-slide input[type=checkbox]:checked+.checkbox-label {
    background: #17aa1c;
    border-color: #17aa1c
}

.checkbox-slide input[type=checkbox]:checked+.checkbox-label:after {
    left: 1.8em
}

.checkbox-slide input[type=checkbox]:disabled+.checkbox-label {
    cursor: not-allowed
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-style: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.43;
    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;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 500px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 2px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    right: 5px
}

.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    left: 5px
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip {
    font-weight: 400;
    font-size: 13px
}

.tooltip .tooltip-inner {
    border-radius: 0;
    display: block;
    text-align: left
}

.tooltip-neutral {
    color: #111
}

.tooltip-neutral.top {
    padding: 1px 0
}

.tooltip-neutral.right {
    padding: 0 1px
}

.tooltip-neutral.bottom {
    padding: 1px 0
}

.tooltip-neutral.left {
    padding: 0 1px
}

.tooltip-neutral .tooltip-arrow {
    display: none
}

.tooltip-neutral .tooltip-inner {
    background-color: #fff;
    box-shadow: 0 2px 2px 2px rgba(0,0,0,.4);
    color: inherit
}

.tooltip-blue {
    color: #fff
}

.tooltip-blue.top-left .tooltip-arrow,.tooltip-blue.top-right .tooltip-arrow,.tooltip-blue.top .tooltip-arrow {
    border-top-color: #1376d7
}

.tooltip-blue.right .tooltip-arrow {
    border-right-color: #1376d7
}

.tooltip-blue.left .tooltip-arrow {
    border-left-color: #1376d7
}

.tooltip-blue.bottom-left .tooltip-arrow,.tooltip-blue.bottom-right .tooltip-arrow,.tooltip-blue.bottom .tooltip-arrow {
    border-bottom-color: #1376d7
}

.tooltip-blue .tooltip-inner {
    background-color: #1376d7;
    color: inherit
}

.tooltip-container {
    display: inline-block;
    position: relative
}

.tooltip-container .tooltip {
    display: block;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: -1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.tooltip-container .tooltip.top {
    bottom: calc(100% + 3px);
    left: 50%;
    transform: translateX(-50%)
}

.tooltip-container .tooltip.right {
    top: 50%;
    transform: translateY(-50%);
    left: 100%
}

.tooltip-container .tooltip.bottom {
    top: 100%;
    left: 50%;
    transform: translateX(-50%)
}

.tooltip-container .tooltip.left {
    top: 50%;
    transform: translateY(-50%);
    right: calc(100% + 3px)
}

.tooltip-container .tooltip-inner {
    max-width: none;
    white-space: nowrap
}

.tooltip-container:hover .tooltip {
    opacity: 1;
    visibility: visible;
    z-index: 3
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group .form-control:focus {
    z-index: 3
}

.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn {
    height: 54px;
    padding: 16px 12px;
    font-size: 19px;
    line-height: 1.573;
    border-radius: 2px
}

select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn {
    height: 54px;
    line-height: 54px
}

select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn {
    height: auto
}

.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn {
    height: 34px;
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1.287;
    border-radius: 2px
}

select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn {
    height: 34px;
    line-height: 34px
}

select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn {
    height: auto
}

.input-group-addon,.input-group-btn,.input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 11px 12px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #ccc;
    border: 1px solid #ccc;
    border-radius: 2px
}

.input-group-addon.input-sm {
    padding: 6px 10px;
    font-size: 13px;
    border-radius: 2px
}

.input-group-addon.input-lg {
    padding: 16px 12px;
    font-size: 19px;
    border-radius: 2px
}

.input-group-addon input[type=checkbox],.input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group .form-control:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group .form-control:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    font-size: 0;
    white-space: nowrap
}

.input-group-btn,.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover {
    z-index: 2
}

.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px
}

.input-group~.form-control-feedback {
    z-index: 3
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 21px 0;
    border-radius: 2px
}

.pagination>li {
    display: inline
}

.pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 11px 12px;
    line-height: 1.43;
    text-decoration: none;
    color: #0e600e;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
    z-index: 2;
    color: #0e600e;
    background-color: #f7f7f7;
    border-color: #d0d0d0
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #17aa1c;
    border-color: #17aa1c;
    cursor: default
}

.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
    color: #999;
    background-color: #e9e9e9;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg>li>a,.pagination-lg>li>span {
    padding: 16px 12px;
    font-size: 19px;
    line-height: 1.573
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.pagination-sm>li>a,.pagination-sm>li>span {
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1.287
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.pagination .pagination-first,.pagination .pagination-last {
    margin: 0 -3px
}

.pagination .pagination-ml-10 {
    margin-left: -10px
}

.pagination .pagination-mr-10 {
    margin-right: -10px
}

.pagination li:nth-last-of-type(3).disabled a,.pagination li:nth-last-of-type(4).disabled a,.pagination li:nth-of-type(3).disabled a,.pagination li:nth-of-type(4).disabled a {
    color: #0e600e;
    background-color: #fff;
    border-color: #ddd
}

.pagination li a {
    padding: 10px 15px
}

.overlay-with-pointer {
    cursor: pointer
}

.alert {
    padding: 20px;
    margin-bottom: 21px;
    border: 1px solid transparent;
    border-radius: 2px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert>p,.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,.alert-dismissible {
    padding-right: 40px
}

.alert-dismissable .close,.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #dff0d8;
    color: #17aa1c
}

.alert-success hr {
    border-top-color: #d0e9c6
}

.alert-success .alert-link {
    color: #117d15
}

.alert-info {
    background-color: #d9edf7;
    border-color: #d9edf7;
    color: #298fb7
}

.alert-info hr {
    border-top-color: #c4e3f3
}

.alert-info .alert-link {
    color: #206e8d
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #fcf8e3;
    color: #ef8d2b
}

.alert-warning hr {
    border-top-color: #faf2cc
}

.alert-warning .alert-link {
    color: #d77410
}

.alert-danger {
    background-color: #fad5ce;
    border-color: #fad5ce;
    color: #d23837
}

.alert-danger hr {
    border-top-color: #f8c1b7
}

.alert-danger .alert-link {
    color: #af2827
}

.modal .alert .close {
    font-size: 24px;
    position: static;
    transform: none
}

.modal .alert .close:hover {
    color: #000
}

.alert {
    color: #111
}

.alert,.alert h3 {
    text-align: left!important
}

.alert h3 {
    font-size: 18px!important;
    margin-top: 0!important;
    margin-bottom: 15px!important;
    font-weight: 400!important
}

.alert h3 i {
    margin-right: 10px
}

.alert h3.headless {
    display: inline
}

.alert>p {
    text-align: left;
    padding-left: 28px
}

.alert>p a {
    color: #1376d7;
    text-decoration: underline
}

.alert.with-icon .icon {
    font-size: 18px;
    float: left;
    margin-top: 2px
}

.alert.with-icon .content {
    padding-left: 28px
}

.alert-success.with-icon .icon,.alert-success h3 i {
    color: #17aa1c
}

.alert-info.with-icon .icon,.alert-info h3 i {
    color: #298fb7
}

.alert-danger.with-icon .icon,.alert-danger h3 i {
    color: #d23837
}

.alert-warning.with-icon .icon,.alert-warning h3 i {
    color: #ef8d2b
}

.form-horizontal .form-group:after,.form-horizontal .form-group:before {
    content: " ";
    display: table
}

.form-horizontal .form-group:after {
    clear: both
}

fieldset {
    margin: 0;
    min-width: 0
}

fieldset,legend {
    padding: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 21px;
    font-size: 22.5px;
    line-height: inherit;
    color: #333;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=checkbox],input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],select[size] {
    height: auto
}

input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    padding-top: 12px
}

.form-control,output {
    display: block;
    font-size: 15px;
    line-height: 1.43;
    color: #555
}

.form-control {
    width: 100%;
    height: 44px;
    padding: 11px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -ms-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.form-control:focus {
    border-color: #17aa1c;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(23,170,28,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(23,170,28,.6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    background-color: #ccc;
    opacity: 1
}

.form-control[disabled],fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control {
        line-height: 44px
    }

    .input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm {
        line-height: 34px
    }

    .input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg {
        line-height: 54px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox,.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox label,.radio label {
    min-height: 21px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox-inline input[type=checkbox],.checkbox input[type=checkbox],.radio-inline input[type=radio],.radio input[type=radio] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px\9
}

.checkbox+.checkbox,.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .checkbox label,fieldset[disabled] .radio-inline,fieldset[disabled] .radio label,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 0;
    min-height: 36px
}

.form-control-static.input-lg,.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}

.input-sm {
    height: 34px;
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1.287;
    border-radius: 2px
}

select.input-sm {
    height: 34px;
    line-height: 34px
}

select[multiple].input-sm,textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 34px;
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1.287;
    border-radius: 2px
}

.form-group-sm select.form-control {
    height: 34px;
    line-height: 34px
}

.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 34px;
    min-height: 34px;
    padding: 7px 10px;
    font-size: 13px;
    line-height: 1.287
}

.input-lg {
    height: 54px;
    padding: 16px 12px;
    font-size: 19px;
    line-height: 1.573;
    border-radius: 2px
}

select.input-lg {
    height: 54px;
    line-height: 54px
}

select[multiple].input-lg,textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 54px;
    padding: 16px 12px;
    font-size: 19px;
    line-height: 1.573;
    border-radius: 2px
}

.form-group-lg select.form-control {
    height: 54px;
    line-height: 54px
}

.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 54px;
    min-height: 40px;
    padding: 17px 12px;
    font-size: 19px;
    line-height: 1.573
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 55px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    pointer-events: none
}

.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback {
    width: 54px;
    height: 54px;
    line-height: 54px
}

.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback {
    width: 34px;
    height: 34px;
    line-height: 34px
}

.has-success .checkbox,.has-success .checkbox-inline,.has-success.checkbox-inline label,.has-success.checkbox label,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.radio-inline label,.has-success.radio label {
    color: #17aa1c
}

.has-success .form-control {
    border-color: #17aa1c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-success .form-control:focus {
    border-color: #117d15;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #42e547;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #42e547
}

.has-success .input-group-addon {
    color: #17aa1c;
    border-color: #17aa1c;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #17aa1c
}

.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning.checkbox-inline label,.has-warning.checkbox label,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.radio-inline label,.has-warning.radio label {
    color: #ef8d2b
}

.has-warning .form-control {
    border-color: #ef8d2b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-warning .form-control:focus {
    border-color: #d77410;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #f6c08a;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #f6c08a
}

.has-warning .input-group-addon {
    color: #ef8d2b;
    border-color: #ef8d2b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #ef8d2b
}

.has-error .checkbox,.has-error .checkbox-inline,.has-error.checkbox-inline label,.has-error.checkbox label,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.radio-inline label,.has-error.radio label {
    color: #d23837
}

.has-error .form-control {
    border-color: #d23837;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-error .form-control:focus {
    border-color: #af2827;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #e58b8a;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #e58b8a
}

.has-error .input-group-addon {
    color: #d23837;
    border-color: #d23837;
    background-color: #fad5ce
}

.has-error .form-control-feedback {
    color: #d23837
}

.has-feedback label~.form-control-feedback {
    top: 26px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox,.form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox label,.form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 12px
}

.form-horizontal .checkbox,.form-horizontal .radio {
    min-height: 33px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 12px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 17px;
        font-size: 19px
    }
}

@media (min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 7px;
        font-size: 13px
    }
}

input[type=file] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.blockLabel,label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400
}

.control-label~.help-block {
    color: #737373!important
}

.help-block {
    font-size: 11px
}

.disabled,a.disabled:focus,a.disabled:hover {
    color: #737373
}

a.disabled {
    color: #737373!important
}

.form-group {
    position: relative
}

.form-group-lg .form-control,.input-lg {
    padding: 13px 12px
}

.form-control {
    box-shadow: none;
    padding: 10px 12px;
    transition: border-color .08s ease-in-out,box-shadow .08s ease-in-out
}

.form-control~small {
    color: #999
}

.form-control:focus,.has-success .form-control:focus,.success .form-control:focus {
    box-shadow: inset 0 0 1px rgba(23,170,28,.5)
}

.error .form-control:focus,.has-error .form-control:focus {
    box-shadow: inset 0 0 1px rgba(210,56,55,.5)
}

.has-warning .form-control:focus,.warning .form-control:focus {
    box-shadow: inset 0 0 1px rgba(239,141,43,.5)
}

.form-group-floating-label:not(.has-error):not(.has-success):not(.has-warning) .control-label {
    color: #9a9a9a
}

.form-group-floating-label .control-label {
    cursor: text;
    font-size: 11px;
    top: 5px;
    left: 13px;
    position: absolute;
    transition: .1s
}

.form-group-floating-label .form-control {
    height: 50px;
    padding-top: 25px
}

.form-group-floating-label .form-control[value=""] {
    padding-top: 11px
}

.form-group-floating-label .form-control[value=""]~.control-label {
    font-size: 15px;
    top: 15px
}

.form-group-floating-label .form-control:focus {
    padding-top: 25px
}

.form-group-floating-label .form-control:focus~.control-label {
    font-size: 11px;
    top: 5px
}

.form-group-floating-label .form-control-feedback {
    top: 0!important;
    line-height: 50px!important
}

.form-group-floating-label .help-block {
    padding-left: 14px
}

.has-success .form-control-feedback {
    display: none
}

.form-control-feedback {
    line-height: 44px!important
}

form .error-msg {
    visibility: hidden
}

form .field-error input,form .field-error input:focus,form .field-error textarea,form .field-error textarea:focus {
    border-color: #d23837
}

form .field-error .checkbox-item>label,form .field-error .checkbox-label,form .field-error select {
    color: #d23837
}

form .field-error .error-msg {
    visibility: visible;
    padding: 5px 10px;
    color: #d23837
}

form .field-error .outside-warning-msg.error-msg {
    color: #ef8d2b
}

.nav:after,.nav:before {
    content: " ";
    display: table
}

.nav:after {
    clear: both
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav>li,.nav>li>a {
    position: relative;
    display: block
}

.nav>li>a {
    padding: 10px 15px
}

.nav>li>a:focus,.nav>li>a:hover {
    text-decoration: none;
    background-color: #ccc
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:focus,.nav>li.disabled>a:hover {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
    background-color: #ccc;
    border-color: #1376d7
}

.nav .nav-divider {
    height: 1px;
    margin: 9.5px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.43;
    border: 1px solid transparent;
    border-radius: 2px 2px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #ccc #ccc #ddd
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width:768px) {
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 2px
}

.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 2px 2px 0 0
    }

    .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 2px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #17aa1c
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified>li {
    float: none
}

.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width:768px) {
    .nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 2px
}

.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-tabs-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 2px 2px 0 0
    }

    .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.nav-collapse .nav-collapse__toggle {
    display: none
}

.nav-collapse .nav-collapse__toggle-btn {
    display: none;
    padding: 5px 10px;
    cursor: pointer;
    margin: 5px
}

@media (max-width:991px) {
    .nav-collapse .nav-collapse__toggle:checked~.nav {
        display: block
    }

    .nav-collapse .nav-collapse__toggle:checked~.nav-collapse__toggle-btn {
        background-color: rgba(0,0,0,.2)
    }

    .nav-collapse .nav-collapse__toggle~.nav {
        display: none
    }

    .nav-collapse .nav-collapse__toggle-btn {
        display: inline-block
    }
}

.nav-tabs,.nav-tabs.nav-justified {
    padding-top: 7px;
    border: 0
}

.nav-tabs.nav-justified.nav-tabs-align-left .sub-nav>ul>li,.nav-tabs.nav-justified.nav-tabs-align-left>li,.nav-tabs.nav-tabs-align-left .sub-nav>ul>li,.nav-tabs.nav-tabs-align-left>li {
    padding: 0 60px 0 0
}

.nav-tabs.nav-justified .sub-nav>ul>li,.nav-tabs.nav-justified>li,.nav-tabs .sub-nav>ul>li,.nav-tabs>li {
    padding: 0 15px
}

.nav-tabs.nav-justified .sub-nav>ul>li.active>a,.nav-tabs.nav-justified .sub-nav>ul>li.active>a:focus,.nav-tabs.nav-justified .sub-nav>ul>li.active>a:hover,.nav-tabs.nav-justified .sub-nav>ul>li.open>a,.nav-tabs.nav-justified .sub-nav>ul>li.open>a:focus,.nav-tabs.nav-justified .sub-nav>ul>li.open>a:hover,.nav-tabs.nav-justified>li.active>a,.nav-tabs.nav-justified>li.active>a:focus,.nav-tabs.nav-justified>li.active>a:hover,.nav-tabs.nav-justified>li.open>a,.nav-tabs.nav-justified>li.open>a:focus,.nav-tabs.nav-justified>li.open>a:hover,.nav-tabs .sub-nav>ul>li.active>a,.nav-tabs .sub-nav>ul>li.active>a:focus,.nav-tabs .sub-nav>ul>li.active>a:hover,.nav-tabs .sub-nav>ul>li.open>a,.nav-tabs .sub-nav>ul>li.open>a:focus,.nav-tabs .sub-nav>ul>li.open>a:hover,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover,.nav-tabs>li.open>a,.nav-tabs>li.open>a:focus,.nav-tabs>li.open>a:hover {
    color: rgba(0,0,0,.8);
    background-color: transparent;
    border: 0;
    border-bottom: 6px solid #17aa1c;
    cursor: default
}

.nav-tabs.nav-justified .sub-nav>ul>li.disabled,.nav-tabs.nav-justified>li.disabled,.nav-tabs .sub-nav>ul>li.disabled,.nav-tabs>li.disabled {
    cursor: not-allowed
}

.nav-tabs.nav-justified .sub-nav>ul>li.disabled>a,.nav-tabs.nav-justified>li.disabled>a,.nav-tabs .sub-nav>ul>li.disabled>a,.nav-tabs>li.disabled>a {
    color: rgba(0,0,0,.55)
}

.nav-tabs.nav-justified .sub-nav>ul>li.sub-nav,.nav-tabs.nav-justified>li.sub-nav,.nav-tabs .sub-nav>ul>li.sub-nav,.nav-tabs>li.sub-nav {
    padding-left: 0
}

.nav-tabs.nav-justified .sub-nav>ul>li.sub-nav .sub-nav__title,.nav-tabs.nav-justified>li.sub-nav .sub-nav__title,.nav-tabs .sub-nav>ul>li.sub-nav .sub-nav__title,.nav-tabs>li.sub-nav .sub-nav__title {
    margin: 0 0 10px 30px;
    display: inline-block
}

.nav-tabs.nav-justified .sub-nav>ul>li>a,.nav-tabs.nav-justified>li>a,.nav-tabs .sub-nav>ul>li>a,.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: none;
    border-radius: 0;
    padding: 10px 15px;
    color: rgba(0,0,0,.8);
    border-bottom: 6px solid transparent
}

.nav-tabs.nav-justified .sub-nav>ul>li>a[tab-heading-transclude],.nav-tabs.nav-justified>li>a[tab-heading-transclude],.nav-tabs .sub-nav>ul>li>a[tab-heading-transclude],.nav-tabs>li>a[tab-heading-transclude] {
    margin-top: -1px
}

.nav-tabs.nav-justified .sub-nav>ul>li>a:focus,.nav-tabs.nav-justified>li>a:focus,.nav-tabs .sub-nav>ul>li>a:focus,.nav-tabs>li>a:focus {
    background: none
}

.nav-tabs.nav-justified .sub-nav>ul>li>a:hover,.nav-tabs.nav-justified>li>a:hover,.nav-tabs .sub-nav>ul>li>a:hover,.nav-tabs>li>a:hover {
    border-bottom: 6px solid #17aa1c;
    background: none;
    text-decoration: none
}

.nav-tabs.nav-justified .sub-nav>ul>li .dropdown,.nav-tabs.nav-justified>li .dropdown,.nav-tabs .sub-nav>ul>li .dropdown,.nav-tabs>li .dropdown {
    padding: 0;
    color: rgba(0,0,0,.8);
    line-height: 0
}

.nav-tabs.nav-justified .sub-nav>ul>li .dropdown .dropdown-menu,.nav-tabs.nav-justified>li .dropdown .dropdown-menu,.nav-tabs .sub-nav>ul>li .dropdown .dropdown-menu,.nav-tabs>li .dropdown .dropdown-menu {
    border: 0;
    left: 0;
    top: 39px
}

.nav-tabs.nav-justified .sub-nav>ul>li .dropdown>a,.nav-tabs.nav-justified .sub-nav>ul>li .dropdown>a:focus,.nav-tabs.nav-justified .sub-nav>ul>li .dropdown>a:hover,.nav-tabs.nav-justified>li .dropdown>a,.nav-tabs.nav-justified>li .dropdown>a:focus,.nav-tabs.nav-justified>li .dropdown>a:hover,.nav-tabs .sub-nav>ul>li .dropdown>a,.nav-tabs .sub-nav>ul>li .dropdown>a:focus,.nav-tabs .sub-nav>ul>li .dropdown>a:hover,.nav-tabs>li .dropdown>a,.nav-tabs>li .dropdown>a:focus,.nav-tabs>li .dropdown>a:hover {
    background: none;
    box-shadow: none;
    border: none
}

.nav-tabs.nav-justified .sub-nav>ul>li .dropdown>a.btn,.nav-tabs.nav-justified .sub-nav>ul>li .dropdown>a:focus.btn,.nav-tabs.nav-justified .sub-nav>ul>li .dropdown>a:hover.btn,.nav-tabs.nav-justified>li .dropdown>a.btn,.nav-tabs.nav-justified>li .dropdown>a:focus.btn,.nav-tabs.nav-justified>li .dropdown>a:hover.btn,.nav-tabs .sub-nav>ul>li .dropdown>a.btn,.nav-tabs .sub-nav>ul>li .dropdown>a:focus.btn,.nav-tabs .sub-nav>ul>li .dropdown>a:hover.btn,.nav-tabs>li .dropdown>a.btn,.nav-tabs>li .dropdown>a:focus.btn,.nav-tabs>li .dropdown>a:hover.btn {
    padding: 0;
    line-height: 1.43;
    color: rgba(0,0,0,.8)
}

.nav-tabs.nav-justified .sub-nav>ul>li .dropdown>a.btn i,.nav-tabs.nav-justified .sub-nav>ul>li .dropdown>a:focus.btn i,.nav-tabs.nav-justified .sub-nav>ul>li .dropdown>a:hover.btn i,.nav-tabs.nav-justified>li .dropdown>a.btn i,.nav-tabs.nav-justified>li .dropdown>a:focus.btn i,.nav-tabs.nav-justified>li .dropdown>a:hover.btn i,.nav-tabs .sub-nav>ul>li .dropdown>a.btn i,.nav-tabs .sub-nav>ul>li .dropdown>a:focus.btn i,.nav-tabs .sub-nav>ul>li .dropdown>a:hover.btn i,.nav-tabs>li .dropdown>a.btn i,.nav-tabs>li .dropdown>a:focus.btn i,.nav-tabs>li .dropdown>a:hover.btn i {
    color: rgba(0,0,0,.8)
}

.nav-tabs.nav-justified~.tab-content,.nav-tabs~.tab-content {
    border-top: 1px solid rgba(0,0,0,.25);
    padding-top: 20px
}

.nav-tabs.nav-stacked {
    position: relative;
    padding-top: 10px;
    padding-bottom: 20px
}

.nav-tabs.nav-stacked .sub-nav>ul>li,.nav-tabs.nav-stacked>li {
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px
}

.nav-tabs.nav-stacked .sub-nav>ul>li.active,.nav-tabs.nav-stacked>li.active {
    border-left: 5px solid #17aa1c;
    padding-left: 5px
}

.nav-tabs.nav-stacked .sub-nav>ul>li.active>a,.nav-tabs.nav-stacked>li.active>a {
    color: rgba(0,0,0,.8)
}

.nav-tabs.nav-stacked .sub-nav>ul>li.disabled,.nav-tabs.nav-stacked>li.disabled {
    cursor: not-allowed
}

.nav-tabs.nav-stacked .sub-nav>ul>li.disabled>a,.nav-tabs.nav-stacked>li.disabled>a {
    color: rgba(0,0,0,.55)
}

.nav-tabs.nav-stacked .sub-nav>ul>li.sub-nav,.nav-tabs.nav-stacked>li.sub-nav {
    border-left: none;
    padding-left: 0
}

.nav-tabs.nav-stacked .sub-nav>ul>li.sub-nav:not(:first-of-type),.nav-tabs.nav-stacked>li.sub-nav:not(:first-of-type) {
    margin-top: 25px
}

.nav-tabs.nav-stacked .sub-nav>ul>li.sub-nav .sub-nav__title,.nav-tabs.nav-stacked>li.sub-nav .sub-nav__title {
    margin: 0 0 0 20px;
    display: inline-block
}

.nav-tabs.nav-stacked .sub-nav>ul>li>a,.nav-tabs.nav-stacked>li>a {
    margin-top: 10px;
    color: rgba(0,0,0,.8);
    display: block;
    padding: 5px 20px 5px 10px;
    border-bottom: none!important
}

.nav-tabs.nav-stacked .sub-nav>ul>li>a:focus,.nav-tabs.nav-stacked .sub-nav>ul>li>a:hover,.nav-tabs.nav-stacked>li>a:focus,.nav-tabs.nav-stacked>li>a:hover {
    background: #dedede;
    cursor: pointer
}

@media only screen and (max-width:992px) {
    .nav-tabs.nav-stacked {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .nav-tabs.nav-stacked ::-moz-selection,.nav-tabs.nav-stacked ::selection {
        background: transparent
    }
}

.nav-tabs.nav-steps {
    counter-reset: steps
}

.nav-tabs.nav-steps .sub-nav>ul>li,.nav-tabs.nav-steps>li {
    padding-left: 10px
}

.nav-tabs.nav-steps .sub-nav>ul>li.with-alert>a:after,.nav-tabs.nav-steps>li.with-alert>a:after {
    content: "";
    position: absolute;
    left: .9em;
    height: .4em;
    width: .4em;
    border-radius: 50%;
    background: #d23837
}

.nav-tabs.nav-steps .sub-nav>ul>li.checked>a:before,.nav-tabs.nav-steps>li.checked>a:before {
    font-family: UdemyIcons;
    content: "\F00C";
    margin-bottom: -.2em;
    border: none;
    background: none
}

.nav-tabs.nav-steps .sub-nav>ul>li.checked.active>a:before,.nav-tabs.nav-steps>li.checked.active>a:before {
    color: #17aa1c
}

.nav-tabs.nav-steps .sub-nav>ul>li>a,.nav-tabs.nav-steps>li>a {
    position: relative;
    counter-increment: steps;
    padding-left: 35px;
    margin-right: 10px
}

.nav-tabs.nav-steps .sub-nav>ul>li>a:before,.nav-tabs.nav-steps>li>a:before {
    display: inline-block;
    content: counter(steps);
    border: 1px solid #bfbfbf;
    margin-right: 5px;
    margin-left: -25px;
    font-size: .9em;
    height: 1.4em;
    line-height: 1.2em;
    width: 1.4em;
    border-radius: 50%;
    color: #bfbfbf;
    text-align: center
}

.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before {
    content: " ";
    display: table
}

.navbar-collapse:after,.navbar-header:after,.navbar:after {
    clear: both
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 21px;
    border: 1px solid transparent
}

@media (min-width:768px) {
    .navbar {
        border-radius: 2px
    }
}

@media (min-width:768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

@media (max-device-width:480px) and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
        max-height: 200px
    }
}

.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:768px) {
    .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width:768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-bottom,.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width:768px) {
    .navbar-fixed-bottom,.navbar-fixed-top {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 14.5px 15px;
    font-size: 19px;
    line-height: 21px;
    height: 50px
}

.navbar-brand:focus,.navbar-brand:hover {
    text-decoration: none
}

.navbar-brand>img {
    display: block
}

@media (min-width:768px) {
    .navbar>.container-fluid .navbar-brand,.navbar>.container .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 2px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width:768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.25px -15px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 21px
}

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 21px
    }

    .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none
    }
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 14.5px;
        padding-bottom: 14.5px
    }
}

.navbar-form {
    margin: 3px -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1);
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1)
}

@media (min-width:768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn {
        width: auto
    }

    .navbar-form .input-group>.form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox,.navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox label,.navbar-form .radio label {
        padding-left: 0
    }

    .navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 3px;
    margin-bottom: 3px
}

.navbar-btn.btn-sm {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 14.5px;
    margin-bottom: 14.5px
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (min-width:768px) {
    .navbar-left {
        float: left!important
    }

    .navbar-right {
        float: right!important;
        margin-right: -15px
    }

    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    background-color: #e7e7e7;
    color: #555
}

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:focus,.navbar-default .btn-link:hover {
    color: #333
}

.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d
}

.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #080808
}

.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #080808;
    color: #fff
}

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #9d9d9d
}

.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover {
    color: #444
}

.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before {
    content: " ";
    display: table
}

.container-fluid:after,.container:after,.row:after {
    clear: both
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

@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
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.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-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@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-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@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-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@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-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

.container-flex .row:after,.container-flex .row:before,.container-flex:after,.container-flex:before {
    content: none
}

.container-flex [class*=col-] {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: .5rem;
    padding-left: .5rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
}

.container-flex .container,.container-flex .container-fluid {
    margin-right: auto;
    margin-left: auto
}

.container-flex .container-fluid {
    padding-right: 2rem;
    padding-left: 2rem
}

.container-flex .row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.5rem;
    margin-left: -.5rem
}

.container-flex .row.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.container-flex .col.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.container-flex .col-xs,.container-flex .col-xs-1,.container-flex .col-xs-2,.container-flex .col-xs-3,.container-flex .col-xs-4,.container-flex .col-xs-5,.container-flex .col-xs-6,.container-flex .col-xs-7,.container-flex .col-xs-8,.container-flex .col-xs-9,.container-flex .col-xs-10,.container-flex .col-xs-11,.container-flex .col-xs-12,.container-flex .col-xs-offset-0,.container-flex .col-xs-offset-1,.container-flex .col-xs-offset-2,.container-flex .col-xs-offset-3,.container-flex .col-xs-offset-4,.container-flex .col-xs-offset-5,.container-flex .col-xs-offset-6,.container-flex .col-xs-offset-7,.container-flex .col-xs-offset-8,.container-flex .col-xs-offset-9,.container-flex .col-xs-offset-10,.container-flex .col-xs-offset-11,.container-flex .col-xs-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: .5rem;
    padding-left: .5rem
}

.container-flex .col-xs {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
}

.container-flex .col-xs-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
}

.container-flex .col-xs-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
}

.container-flex .col-xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.container-flex .col-xs-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
}

.container-flex .col-xs-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%
}

.container-flex .col-xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.container-flex .col-xs-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%
}

.container-flex .col-xs-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%
}

.container-flex .col-xs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.container-flex .col-xs-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%
}

.container-flex .col-xs-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%
}

.container-flex .col-xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.container-flex .col-xs-offset-0 {
    margin-left: 0
}

.container-flex .col-xs-offset-1 {
    margin-left: 8.33333333%
}

.container-flex .col-xs-offset-2 {
    margin-left: 16.66666667%
}

.container-flex .col-xs-offset-3 {
    margin-left: 25%
}

.container-flex .col-xs-offset-4 {
    margin-left: 33.33333333%
}

.container-flex .col-xs-offset-5 {
    margin-left: 41.66666667%
}

.container-flex .col-xs-offset-6 {
    margin-left: 50%
}

.container-flex .col-xs-offset-7 {
    margin-left: 58.33333333%
}

.container-flex .col-xs-offset-8 {
    margin-left: 66.66666667%
}

.container-flex .col-xs-offset-9 {
    margin-left: 75%
}

.container-flex .col-xs-offset-10 {
    margin-left: 83.33333333%
}

.container-flex .col-xs-offset-11 {
    margin-left: 91.66666667%
}

.container-flex .start-xs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
}

.container-flex .center-xs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.container-flex .end-xs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end
}

.container-flex .top-xs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.container-flex .middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.container-flex .bottom-xs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.container-flex .around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.container-flex .between-xs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.container-flex .first-xs {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.container-flex .last-xs {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media only screen and (min-width:48em) {
    .container-flex .container {
        width: 49rem
    }

    .container-flex .col-sm,.container-flex .col-sm-1,.container-flex .col-sm-2,.container-flex .col-sm-3,.container-flex .col-sm-4,.container-flex .col-sm-5,.container-flex .col-sm-6,.container-flex .col-sm-7,.container-flex .col-sm-8,.container-flex .col-sm-9,.container-flex .col-sm-10,.container-flex .col-sm-11,.container-flex .col-sm-12,.container-flex .col-sm-offset-0,.container-flex .col-sm-offset-1,.container-flex .col-sm-offset-2,.container-flex .col-sm-offset-3,.container-flex .col-sm-offset-4,.container-flex .col-sm-offset-5,.container-flex .col-sm-offset-6,.container-flex .col-sm-offset-7,.container-flex .col-sm-offset-8,.container-flex .col-sm-offset-9,.container-flex .col-sm-offset-10,.container-flex .col-sm-offset-11,.container-flex .col-sm-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: .5rem;
        padding-left: .5rem
    }

    .container-flex .col-sm {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .container-flex .col-sm-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .container-flex .col-sm-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .container-flex .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .container-flex .col-sm-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .container-flex .col-sm-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .container-flex .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .container-flex .col-sm-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .container-flex .col-sm-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .container-flex .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .container-flex .col-sm-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .container-flex .col-sm-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .container-flex .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .container-flex .col-sm-offset-0 {
        margin-left: 0
    }

    .container-flex .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .container-flex .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .container-flex .col-sm-offset-3 {
        margin-left: 25%
    }

    .container-flex .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .container-flex .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .container-flex .col-sm-offset-6 {
        margin-left: 50%
    }

    .container-flex .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .container-flex .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .container-flex .col-sm-offset-9 {
        margin-left: 75%
    }

    .container-flex .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .container-flex .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .container-flex .start-sm {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .container-flex .center-sm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .container-flex .end-sm {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .container-flex .top-sm {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .container-flex .middle-sm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .container-flex .bottom-sm {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .container-flex .around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .container-flex .between-sm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .container-flex .first-sm {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .container-flex .last-sm {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width:64em) {
    .container-flex .container {
        width: 65rem
    }

    .container-flex .col-md,.container-flex .col-md-1,.container-flex .col-md-2,.container-flex .col-md-3,.container-flex .col-md-4,.container-flex .col-md-5,.container-flex .col-md-6,.container-flex .col-md-7,.container-flex .col-md-8,.container-flex .col-md-9,.container-flex .col-md-10,.container-flex .col-md-11,.container-flex .col-md-12,.container-flex .col-md-offset-0,.container-flex .col-md-offset-1,.container-flex .col-md-offset-2,.container-flex .col-md-offset-3,.container-flex .col-md-offset-4,.container-flex .col-md-offset-5,.container-flex .col-md-offset-6,.container-flex .col-md-offset-7,.container-flex .col-md-offset-8,.container-flex .col-md-offset-9,.container-flex .col-md-offset-10,.container-flex .col-md-offset-11,.container-flex .col-md-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: .5rem;
        padding-left: .5rem
    }

    .container-flex .col-md {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .container-flex .col-md-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .container-flex .col-md-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .container-flex .col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .container-flex .col-md-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .container-flex .col-md-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .container-flex .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .container-flex .col-md-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .container-flex .col-md-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .container-flex .col-md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .container-flex .col-md-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .container-flex .col-md-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .container-flex .col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .container-flex .col-md-offset-0 {
        margin-left: 0
    }

    .container-flex .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .container-flex .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .container-flex .col-md-offset-3 {
        margin-left: 25%
    }

    .container-flex .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .container-flex .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .container-flex .col-md-offset-6 {
        margin-left: 50%
    }

    .container-flex .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .container-flex .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .container-flex .col-md-offset-9 {
        margin-left: 75%
    }

    .container-flex .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .container-flex .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .container-flex .start-md {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .container-flex .center-md {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .container-flex .end-md {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .container-flex .top-md {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .container-flex .middle-md {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .container-flex .bottom-md {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .container-flex .around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .container-flex .between-md {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .container-flex .first-md {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .container-flex .last-md {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width:75em) {
    .container-flex .container {
        width: 76rem
    }

    .container-flex .col-lg,.container-flex .col-lg-1,.container-flex .col-lg-2,.container-flex .col-lg-3,.container-flex .col-lg-4,.container-flex .col-lg-5,.container-flex .col-lg-6,.container-flex .col-lg-7,.container-flex .col-lg-8,.container-flex .col-lg-9,.container-flex .col-lg-10,.container-flex .col-lg-11,.container-flex .col-lg-12,.container-flex .col-lg-offset-0,.container-flex .col-lg-offset-1,.container-flex .col-lg-offset-2,.container-flex .col-lg-offset-3,.container-flex .col-lg-offset-4,.container-flex .col-lg-offset-5,.container-flex .col-lg-offset-6,.container-flex .col-lg-offset-7,.container-flex .col-lg-offset-8,.container-flex .col-lg-offset-9,.container-flex .col-lg-offset-10,.container-flex .col-lg-offset-11,.container-flex .col-lg-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: .5rem;
        padding-left: .5rem
    }

    .container-flex .col-lg {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .container-flex .col-lg-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .container-flex .col-lg-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .container-flex .col-lg-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .container-flex .col-lg-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .container-flex .col-lg-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .container-flex .col-lg-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .container-flex .col-lg-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .container-flex .col-lg-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .container-flex .col-lg-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .container-flex .col-lg-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .container-flex .col-lg-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .container-flex .col-lg-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .container-flex .col-lg-offset-0 {
        margin-left: 0
    }

    .container-flex .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .container-flex .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .container-flex .col-lg-offset-3 {
        margin-left: 25%
    }

    .container-flex .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .container-flex .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .container-flex .col-lg-offset-6 {
        margin-left: 50%
    }

    .container-flex .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .container-flex .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .container-flex .col-lg-offset-9 {
        margin-left: 75%
    }

    .container-flex .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .container-flex .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .container-flex .start-lg {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .container-flex .center-lg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .container-flex .end-lg {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .container-flex .top-lg {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .container-flex .middle-lg {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .container-flex .bottom-lg {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .container-flex .around-lg {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .container-flex .between-lg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .container-flex .first-lg {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .container-flex .last-lg {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.container-flex.container,.container-flex.container-fluid {
    margin-right: auto;
    margin-left: auto
}

.container-flex.container-fluid {
    padding-right: 2rem;
    padding-left: 2rem
}

@media only screen and (min-width:48em) {
    .container-flex.container {
        width: 49rem
    }
}

@media only screen and (min-width:64em) {
    .container-flex.container {
        width: 65rem
    }
}

@media only screen and (min-width:75em) {
    .container-flex.container {
        width: 76rem
    }
}

.container-no-padding {
    padding: 0
}

.container-no-padding .row {
    margin: 0
}

.container-no-padding [class*=col-] {
    padding: 0
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777
}

caption,th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 21px
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding: 8px;
    line-height: 1.43;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-],table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
    background-color: #f5f5f5
}

.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger {
    background-color: #fad5ce
}

.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover {
    background-color: #f8c1b7
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15.75px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

.radio-inline:not(.radio-button),.radio-inline:not(.radio-button) label,.radio:not(.radio-button),.radio:not(.radio-button) label {
    padding-left: 0
}

.radio-inline:not(.radio-button) input[type=radio],.radio:not(.radio-button) input[type=radio] {
    position: fixed;
    left: -9999px
}

.radio-inline:not(.radio-button) input[type=radio]+.radio-label,.radio:not(.radio-button) input[type=radio]+.radio-label {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    padding-top: 1px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radio-inline:not(.radio-button) input[type=radio]+.radio-label>span,.radio:not(.radio-button) input[type=radio]+.radio-label>span {
    pointer-events: none
}

.radio-inline:not(.radio-button) input[type=radio]+.radio-label:before,.radio:not(.radio-button) input[type=radio]+.radio-label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 17px;
    height: 17px;
    border: 1px solid;
    background-color: #17aa1c;
    border-color: #17aa1c;
    border-radius: 17px
}

.radio-inline:not(.radio-button) input[type=radio]+.radio-label:after,.radio:not(.radio-button) input[type=radio]+.radio-label:after {
    font-family: UdemyIcons;
    position: absolute;
    color: #fff;
    transition: all .2s;
    content: "\F111";
    top: 6px;
    left: 5px;
    font-size: 8px
}

.radio-inline:not(.radio-button) input[type=radio]:not(:checked)+.radio-label:after,.radio-inline:not(.radio-button) input[type=radio]:not(:checked)+.radio-label:before,.radio:not(.radio-button) input[type=radio]:not(:checked)+.radio-label:after,.radio:not(.radio-button) input[type=radio]:not(:checked)+.radio-label:before {
    background-color: #fff;
    border-color: #e0e0e0;
    transition: all .2s
}

.radio-inline:not(.radio-button) input[type=radio]:not(:checked)+.radio-label:after,.radio:not(.radio-button) input[type=radio]:not(:checked)+.radio-label:after {
    opacity: 0;
    transform: scale(0)
}

.radio-inline:not(.radio-button) input[type=radio]:not(:disabled)+.radio-label:hover:before,.radio-inline:not(.radio-button) input[type=radio]:not(:disabled):focus+.radio-label:before,.radio:not(.radio-button) input[type=radio]:not(:disabled)+.radio-label:hover:before,.radio:not(.radio-button) input[type=radio]:not(:disabled):focus+.radio-label:before {
    border: 1px solid #17aa1c!important
}

.radio-inline:not(.radio-button) input[type=radio]:checked+.radio-label:after,.radio:not(.radio-button) input[type=radio]:checked+.radio-label:after {
    opacity: 1;
    transform: scale(1)
}

.radio-inline:not(.radio-button) input[type=radio]:disabled+.radio-label,.radio:not(.radio-button) input[type=radio]:disabled+.radio-label {
    cursor: not-allowed;
    color: #aaa
}

.radio-inline:not(.radio-button) input[type=radio]:disabled+.radio-label:before,.radio:not(.radio-button) input[type=radio]:disabled+.radio-label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd
}

.radio-inline:not(.radio-button) input[type=radio]:disabled:checked+.radio-label:after,.radio:not(.radio-button) input[type=radio]:disabled:checked+.radio-label:after {
    color: #999
}

.radio-inline:not(.radio-button).boxed,.radio:not(.radio-button).boxed {
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 4px
}

.radio-inline:not(.radio-button).boxed>label,.radio:not(.radio-button).boxed>label {
    padding: 15px;
    border: 1px solid #dedede;
    border-radius: 4px;
    width: 100%
}

.radio-inline:not(.radio-button).boxed .radio-label,.radio:not(.radio-button).boxed .radio-label {
    width: 100%
}

.radio-inline:not(.radio-button).boxed:not(.disabled)>label:hover,.radio:not(.radio-button).boxed:not(.disabled)>label:hover {
    background: #f4f4f4
}

.radio-inline:not(.radio-button).boxed:not(.disabled)>label:hover .radio-label:before,.radio:not(.radio-button).boxed:not(.disabled)>label:hover .radio-label:before {
    border: 1px solid #17aa1c!important
}

.radio-button {
    display: inline-block;
    vertical-align: middle
}

.radio-button,.radio-button label {
    padding-left: 0
}

.radio-button input[type=radio] {
    display: none
}

.radio-button input[type=radio]+.radio-label {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 11px 12px;
    font-size: 15px;
    line-height: 1.43;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1.35135;
    color: #fff;
    background-color: #cbcbcb;
    border-color: transparent
}

.radio-button input[type=radio]+.radio-label.active.focus,.radio-button input[type=radio]+.radio-label.active:focus,.radio-button input[type=radio]+.radio-label.focus,.radio-button input[type=radio]+.radio-label:active.focus,.radio-button input[type=radio]+.radio-label:active:focus,.radio-button input[type=radio]+.radio-label:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.radio-button input[type=radio]+.radio-label.focus,.radio-button input[type=radio]+.radio-label:focus,.radio-button input[type=radio]+.radio-label:hover {
    color: #0e600e;
    text-decoration: none
}

.radio-button input[type=radio]+.radio-label.active,.radio-button input[type=radio]+.radio-label:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.radio-button input[type=radio]+.radio-label.disabled,.radio-button input[type=radio]+.radio-label[disabled],fieldset[disabled] .radio-button input[type=radio]+.radio-label {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

a.radio-button input[type=radio]+.radio-label.disabled,fieldset[disabled] a.radio-button input[type=radio]+.radio-label {
    pointer-events: none
}

.radio-button input[type=radio]+.radio-label.disabled,.radio-button input[type=radio]+.radio-label:disabled,.radio-button input[type=radio]+.radio-label[disabled],fieldset[disabled] .radio-button input[type=radio]+.radio-label {
    background-color: #e9e9e9!important;
    border-color: #c6c7c8!important;
    color: #999!important
}

.radio-button input[type=radio]+.radio-label.focus,.radio-button input[type=radio]+.radio-label:focus {
    box-shadow: none!important;
    outline: none!important
}

.open>.dropdown-toggle.radio-button input[type=radio]+.radio-label,.radio-button input[type=radio]+.radio-label.active,.radio-button input[type=radio]+.radio-label:active {
    box-shadow: none;
    outline: 0!important
}

.open>.dropdown-toggle.radio-button input[type=radio]+.radio-label,.radio-button input[type=radio]+.radio-label.active,.radio-button input[type=radio]+.radio-label.focus,.radio-button input[type=radio]+.radio-label:active,.radio-button input[type=radio]+.radio-label:focus,.radio-button input[type=radio]+.radio-label:hover {
    color: #fff;
    background-color: #b2b2b2
}

.open>.dropdown-toggle.radio-button input[type=radio]+.radio-label.focus,.open>.dropdown-toggle.radio-button input[type=radio]+.radio-label:focus,.open>.dropdown-toggle.radio-button input[type=radio]+.radio-label:hover,.radio-button input[type=radio]+.radio-label.active.focus,.radio-button input[type=radio]+.radio-label.active:focus,.radio-button input[type=radio]+.radio-label.active:hover,.radio-button input[type=radio]+.radio-label:active.focus,.radio-button input[type=radio]+.radio-label:active:focus,.radio-button input[type=radio]+.radio-label:active:hover {
    color: #fff;
    background-color: #a0a0a0
}

.open>.dropdown-toggle.radio-button input[type=radio]+.radio-label,.radio-button input[type=radio]+.radio-label.active,.radio-button input[type=radio]+.radio-label:active {
    background-image: none
}

.radio-button input[type=radio]+.radio-label.disabled.focus,.radio-button input[type=radio]+.radio-label.disabled:focus,.radio-button input[type=radio]+.radio-label.disabled:hover,.radio-button input[type=radio]+.radio-label[disabled].focus,.radio-button input[type=radio]+.radio-label[disabled]:focus,.radio-button input[type=radio]+.radio-label[disabled]:hover,fieldset[disabled] .radio-button input[type=radio]+.radio-label.focus,fieldset[disabled] .radio-button input[type=radio]+.radio-label:focus,fieldset[disabled] .radio-button input[type=radio]+.radio-label:hover {
    background-color: #cbcbcb;
    border-color: transparent
}

.radio-button input[type=radio]+.radio-label .badge {
    color: #cbcbcb;
    background-color: #fff
}

.radio-button input[type=radio]+.radio-label.focus,.radio-button input[type=radio]+.radio-label:focus {
    background-color: #bcbcbc;
    border-color: transparent
}

.radio-button input[type=radio]+.radio-label:hover {
    background-color: #c3c3c3;
    border-color: transparent
}

.open>.dropdown-toggle.radio-button input[type=radio]+.radio-label,.open>.dropdown-toggle.radio-button input[type=radio]+.radio-label.focus,.open>.dropdown-toggle.radio-button input[type=radio]+.radio-label:focus,.open>.dropdown-toggle.radio-button input[type=radio]+.radio-label:hover,.radio-button input[type=radio]+.radio-label.active,.radio-button input[type=radio]+.radio-label.active.focus,.radio-button input[type=radio]+.radio-label.active:focus,.radio-button input[type=radio]+.radio-label.active:hover,.radio-button input[type=radio]+.radio-label:active,.radio-button input[type=radio]+.radio-label:active.focus,.radio-button input[type=radio]+.radio-label:active:focus,.radio-button input[type=radio]+.radio-label:active:hover {
    background-color: #bcbcbc;
    border-color: transparent
}

.radio-button input[type=radio]:checked+.radio-label {
    color: #fff;
    background-color: #17aa1c;
    border-color: transparent
}

.open>.dropdown-toggle.radio-button input[type=radio]:checked+.radio-label,.radio-button input[type=radio]:checked+.radio-label.active,.radio-button input[type=radio]:checked+.radio-label.focus,.radio-button input[type=radio]:checked+.radio-label:active,.radio-button input[type=radio]:checked+.radio-label:focus,.radio-button input[type=radio]:checked+.radio-label:hover {
    color: #fff;
    background-color: #117d15
}

.open>.dropdown-toggle.radio-button input[type=radio]:checked+.radio-label.focus,.open>.dropdown-toggle.radio-button input[type=radio]:checked+.radio-label:focus,.open>.dropdown-toggle.radio-button input[type=radio]:checked+.radio-label:hover,.radio-button input[type=radio]:checked+.radio-label.active.focus,.radio-button input[type=radio]:checked+.radio-label.active:focus,.radio-button input[type=radio]:checked+.radio-label.active:hover,.radio-button input[type=radio]:checked+.radio-label:active.focus,.radio-button input[type=radio]:checked+.radio-label:active:focus,.radio-button input[type=radio]:checked+.radio-label:active:hover {
    color: #fff;
    background-color: #0d5e0f
}

.open>.dropdown-toggle.radio-button input[type=radio]:checked+.radio-label,.radio-button input[type=radio]:checked+.radio-label.active,.radio-button input[type=radio]:checked+.radio-label:active {
    background-image: none
}

.radio-button input[type=radio]:checked+.radio-label.disabled.focus,.radio-button input[type=radio]:checked+.radio-label.disabled:focus,.radio-button input[type=radio]:checked+.radio-label.disabled:hover,.radio-button input[type=radio]:checked+.radio-label[disabled].focus,.radio-button input[type=radio]:checked+.radio-label[disabled]:focus,.radio-button input[type=radio]:checked+.radio-label[disabled]:hover,fieldset[disabled] .radio-button input[type=radio]:checked+.radio-label.focus,fieldset[disabled] .radio-button input[type=radio]:checked+.radio-label:focus,fieldset[disabled] .radio-button input[type=radio]:checked+.radio-label:hover {
    background-color: #17aa1c;
    border-color: transparent
}

.radio-button input[type=radio]:checked+.radio-label .badge {
    color: #17aa1c;
    background-color: #fff
}

.radio-button input[type=radio]:checked+.radio-label.focus,.radio-button input[type=radio]:checked+.radio-label:focus {
    background-color: #138f18;
    border-color: transparent
}

.radio-button input[type=radio]:checked+.radio-label:hover {
    background-color: #159d1a;
    border-color: transparent
}

.open>.dropdown-toggle.radio-button input[type=radio]:checked+.radio-label,.open>.dropdown-toggle.radio-button input[type=radio]:checked+.radio-label.focus,.open>.dropdown-toggle.radio-button input[type=radio]:checked+.radio-label:focus,.open>.dropdown-toggle.radio-button input[type=radio]:checked+.radio-label:hover,.radio-button input[type=radio]:checked+.radio-label.active,.radio-button input[type=radio]:checked+.radio-label.active.focus,.radio-button input[type=radio]:checked+.radio-label.active:focus,.radio-button input[type=radio]:checked+.radio-label.active:hover,.radio-button input[type=radio]:checked+.radio-label:active,.radio-button input[type=radio]:checked+.radio-label:active.focus,.radio-button input[type=radio]:checked+.radio-label:active:focus,.radio-button input[type=radio]:checked+.radio-label:active:hover {
    background-color: #138f18;
    border-color: transparent
}

.radio-button input[type=radio]:disabled+.radio-label {
    cursor: not-allowed;
    background-color: #8d8d8d!important;
    border-color: #b2b2b2!important;
    color: #d5d5d5!important
}

.radio-button+.radio-button {
    margin: 0 0 0 4px
}

code,kbd,pre,samp {
    font-family: Menlo,Monaco,Consolas,Courier New,monospace
}

code {
    color: #c7254e;
    background-color: #f9f2f4
}

code,kbd {
    padding: 2px 4px;
    font-size: 90%;
    border-radius: 2px
}

kbd {
    color: #fff;
    background-color: #333;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    box-shadow: none
}

pre {
    display: block;
    padding: 10px;
    margin: 0 0 10.5px;
    font-size: 14px;
    line-height: 1.43;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 2px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.pln {
    color: #000
}

@media screen {
    .str {
        color: #080
    }

    .kwd {
        color: #008
    }

    .com {
        color: #800
    }

    .typ {
        color: #606
    }

    .lit {
        color: #066
    }

    .clo,.opn,.pun {
        color: #660
    }

    .tag {
        color: #008
    }

    .atn {
        color: #606
    }

    .atv {
        color: #080
    }

    .dec,.var {
        color: #606
    }

    .fun {
        color: red
    }
}

@media print,projection {
    .str {
        color: #060
    }

    .kwd {
        color: #006;
        font-weight: 700
    }

    .com {
        color: #600;
        font-style: italic
    }

    .typ {
        color: #404;
        font-weight: 700
    }

    .lit {
        color: #044
    }

    .clo,.opn,.pun {
        color: #440
    }

    .tag {
        color: #006;
        font-weight: 700
    }

    .atn {
        color: #404
    }

    .atv {
        color: #060
    }
}

pre.prettyprint {
    padding: 2px;
    border: 1px solid #888
}

ol.linenums {
    margin-top: 0;
    margin-bottom: 0
}

li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 {
    list-style-type: none
}

li.L1,li.L3,li.L5,li.L7,li.L9 {
    background: #eee
}

code {
    color: #d23837;
    background-color: #f4f4f4;
    border: 1px solid #e7e7e7;
    border-radius: 0;
    padding: 5px
}

pre code {
    border: none
}

.redactor-editor pre.prettyprint {
    padding: 24px;
    border: 1px solid #ccc
}

pre.prettyprinted {
    border: none;
    font-size: 12px;
    font-family: Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace,Courier New;
    cursor: auto
}

pre.prettyprinted,pre.prettyprinted li.L1,pre.prettyprinted li.L3,pre.prettyprinted li.L5,pre.prettyprinted li.L7,pre.prettyprinted li.L9 {
    background-color: inherit
}

pre.prettyprinted ol.linenums {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0
}

pre.prettyprinted ol.linenums>li {
    counter-increment: customlistcounter
}

pre.prettyprinted ol.linenums li {
    margin-bottom: 0!important
}

pre.prettyprinted ol.linenums>li:before {
    content: counter(customlistcounter) " ";
    width: 40px;
    display: inline-block;
    text-align: right;
    padding-right: 5px;
    margin-right: 15px;
    border-right: 1px solid #d1d1d1;
    color: #d1d1d1
}

pre.prettyprinted ol.linenums:first-child {
    counter-reset: customlistcounter
}

pre.prettyprinted .pln {
    color: #000
}

pre.prettyprinted .tag {
    color: #ff5600
}

pre.prettyprinted .atn {
    color: #000
}

pre.prettyprinted .str {
    color: #00a33f
}

pre.prettyprinted .kwd {
    color: #ff5600
}

pre.prettyprinted .com {
    color: #919191
}

pre.prettyprinted .typ {
    color: #21439c
}

pre.prettyprinted .clo,pre.prettyprinted .lit,pre.prettyprinted .opn,pre.prettyprinted .pun {
    color: #000
}

pre.prettyprinted .atv {
    color: #00a33f
}

pre.prettyprinted .dec,pre.prettyprinted .var {
    color: #000
}

pre.prettyprinted .fun {
    color: #ff5600
}

.panel-body:after,.panel-body:before {
    content: " ";
    display: table
}

.panel-body:after {
    clear: both
}

.panel {
    margin-bottom: 21px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px
}

.panel-heading>.dropdown .dropdown-toggle,.panel-title {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px
}

.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px
}

.panel>.list-group,.panel>.panel-collapse>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px
}

.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table {
    margin-bottom: 0
}

.panel>.panel-collapse>.table caption,.panel>.table-responsive>.table caption,.panel>.table caption {
    padding-left: 15px;
    padding-right: 15px
}

.panel>.table-responsive:first-child>.table:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child {
    border-top-right-radius: 1px;
    border-top-left-radius: 1px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 1px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 1px
}

.panel>.table-responsive:last-child>.table:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 1px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 1px
}

.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0
}

.panel>.table-bordered,.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0
}

.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0
}

.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 21px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 2px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #17aa1c
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #17aa1c;
    border-color: #17aa1c
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #17aa1c
}

.panel-primary>.panel-heading .badge {
    color: #17aa1c;
    background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #17aa1c
}

.panel-success {
    border-color: #dff0d8
}

.panel-success>.panel-heading {
    color: #17aa1c;
    background-color: #dff0d8;
    border-color: #dff0d8
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #dff0d8
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #17aa1c
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #dff0d8
}

.panel-info {
    border-color: #d9edf7
}

.panel-info>.panel-heading {
    color: #298fb7;
    background-color: #d9edf7;
    border-color: #d9edf7
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d9edf7
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #298fb7
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d9edf7
}

.panel-warning {
    border-color: #fcf8e3
}

.panel-warning>.panel-heading {
    color: #ef8d2b;
    background-color: #fcf8e3;
    border-color: #fcf8e3
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #fcf8e3
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #ef8d2b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #fcf8e3
}

.panel-danger {
    border-color: #fad5ce
}

.panel-danger>.panel-heading {
    color: #d23837;
    background-color: #fad5ce;
    border-color: #fad5ce
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #fad5ce
}

.panel-danger>.panel-heading .badge {
    color: #fad5ce;
    background-color: #d23837
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #fad5ce
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0,0,0,.15)
}

.well-lg {
    padding: 24px;
    border-radius: 2px
}

.well-sm {
    padding: 9px;
    border-radius: 2px
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    line-height: 1.43;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #d23837;
    border-radius: 15px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-group-xs>.btn .badge,.btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:focus,a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active>.badge,.nav-pills>.active>a>.badge {
    color: #1376d7;
    background-color: #fff
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

.badge {
    padding: 2px 6px;
    font-size: 10px;
    background-clip: padding-box;
    min-width: 22px;
    border: 2px solid #fff;
    z-index: 1;
    text-shadow: none;
    vertical-align: text-top
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media,.media-body {
    zoom: 1;
    overflow: hidden
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right,.media>.pull-right {
    padding-left: 10px
}

.media-left,.media>.pull-left {
    padding-right: 10px
}

.media-body,.media-left,.media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.media img {
    max-width: none
}/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print {
    *,:after,:before {
        background: transparent!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100%!important
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn>.caret,.dropup>.btn>.caret {
        border-top-color: #000!important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse!important
    }

    .table td,.table th {
        background-color: #fff!important
    }

    .table-bordered td,.table-bordered th {
        border: 1px solid #ddd!important
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

.dl-horizontal dd:after,.dl-horizontal dd:before {
    content: " ";
    display: table
}

.dl-horizontal dd:after {
    clear: both
}

*,:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 15px;
    line-height: 1.43;
    color: #333;
    background-color: #fff
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    text-decoration: none
}

a:focus,a:hover {
    color: #0d4f91
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 2px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.43;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 21px;
    margin-bottom: 21px;
    border: 0;
    border-top: 1px solid #ccc
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h1,.h2,.h3,h1,h2,h3 {
    margin-top: 21px;
    margin-bottom: 10.5px
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
    font-size: 65%
}

.h4,.h5,.h6,h4,h5,h6 {
    margin-top: 10.5px;
    margin-bottom: 10.5px
}

.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-size: 75%
}

.h1,h1 {
    font-size: 36px
}

.h2,h2 {
    font-size: 24px
}

.h3,h3 {
    font-size: 18px
}

.h4,.h5,.h6,h4,h5,h6 {
    font-size: 15px
}

p {
    margin: 0 0 10.5px
}

.lead {
    margin-bottom: 21px;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width:768px) {
    .lead {
        font-size: 22.5px
    }
}

.small,small {
    font-size: 86%
}

.mark,mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #17aa1c
}

a.text-primary:focus,a.text-primary:hover {
    color: #117d15
}

.text-success {
    color: #17aa1c
}

a.text-success:focus,a.text-success:hover {
    color: #117d15
}

.text-info {
    color: #298fb7
}

a.text-info:focus,a.text-info:hover {
    color: #206e8d
}

.text-warning {
    color: #ef8d2b
}

a.text-warning:focus,a.text-warning:hover {
    color: #d77410
}

.text-danger {
    color: #d23837
}

a.text-danger:focus,a.text-danger:hover {
    color: #af2827
}

.bg-primary {
    color: #fff;
    background-color: #17aa1c
}

a.bg-primary:focus,a.bg-primary:hover {
    background-color: #117d15
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:focus,a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:focus,a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:focus,a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #fad5ce
}

a.bg-danger:focus,a.bg-danger:hover {
    background-color: #f5ada0
}

.page-header {
    padding-bottom: 9.5px;
    margin: 42px 0 21px;
    border-bottom: 1px solid #ccc
}

ol,ul {
    margin-top: 0;
    margin-bottom: 10.5px
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

.list-inline,.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 21px
}

dd,dt {
    line-height: 1.43
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title],abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10.5px 21px;
    margin: 0 0 21px;
    font-size: 18.75px;
    border-left: 5px solid #ccc
}

blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child {
    margin-bottom: 0
}

blockquote .small,blockquote footer,blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.43;
    color: #777
}

blockquote .small:before,blockquote footer:before,blockquote small:before {
    content: "\2014   \A0"
}

.blockquote-reverse,blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #ccc;
    border-left: 0;
    text-align: right
}

.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before {
    content: ""
}

.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after {
    content: "\A0   \2014"
}

address {
    margin-bottom: 21px;
    font-style: normal;
    line-height: 1.43
}

html {
    font-size: 15.4px;
    position: relative;
    min-height: 100%;
    -webkit-font-smoothing: antialiased;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

a {
    color: #1376d7;
    outline: none!important;
    font-weight: 400
}

a:focus,a:hover {
    text-decoration: none
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

a:hover {
    cursor: pointer
}

.a1,.a2,.h1,.h2,h1,h2 {
    font-weight: 300
}

.a3,.h3,h3 {
    font-weight: 400;
    line-height: 1.2
}

.a4,.a5,.a6,.h4,.h5,.h6,h4,h5,h6 {
    font-weight: 600
}

.a1 {
    line-height: 1.287
}

.a11,.a12 {
    line-height: 1.43
}

ul.bulleted-list {
    list-style-type: disc;
    margin-top: 0;
    margin-bottom: 10.5px;
    padding-left: 40px
}

ul.bulleted-list ul.bulleted-list {
    list-style-type: circle;
    margin-bottom: 0
}

ul.bulleted-list ul.bulleted-list ul.bulleted-list {
    list-style-type: square
}

.a1,.h1 {
    font-size: 36px
}

.a2,.h2 {
    font-size: 24px
}

.a3,.h3 {
    font-size: 18px
}

.a4,.a10,.h4,.h10 {
    font-size: 15px
}

.a11,.h11 {
    font-size: 13px
}

.a12,.h12 {
    font-size: 11px
}/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.5);
    -moz-box-shadow: 0 10px 25px rgba(0,0,0,.5);
    box-shadow: 0 10px 25px rgba(0,0,0,.5)
}

.fancybox-inner,.fancybox-outer {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px Helvetica Neue,Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-iframe,.fancybox-image {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span {
    background-image: url(/staticx/udemy/js/webpack/fancybox_sprite.783d4031fe50c3d83c960911e1fbc705.png)
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(/staticx/udemy/js/webpack/fancybox_loading.328cc0f6c78211485058d460e80f4fa8.gif) 50% no-repeat
}

.fancybox-close {
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px
}

.fancybox-close,.fancybox-nav {
    position: absolute;
    cursor: pointer;
    z-index: 8040
}

.fancybox-nav {
    top: 0;
    width: 40%;
    height: 100%;
    text-decoration: none;
    background: transparent url(/staticx/udemy/js/webpack/blank.325472601571f31e1bf00674c368d335.gif);
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible!important
}

.fancybox-lock {
    width: auto
}

.fancybox-lock,.fancybox-lock body {
    overflow: hidden!important
}

.fancybox-lock-test {
    overflow-y: hidden!important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url(/staticx/udemy/js/webpack/fancybox_overlay.77aeaa52715b898b73c74d68c630330e.png)
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px Helvetica Neue,Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0,0,0,.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #fff;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0,0,0,.8)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    #fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span {
        background-image: url(/staticx/udemy/js/webpack/fancybox_sprite@2x.ed9970ce22242421e66ff150aa97fe5f.png);
        background-size: 44px 152px
    }

    #fancybox-loading div {
        background-image: url(/staticx/udemy/js/webpack/fancybox_loading@2x.f92938639fa894a0e8ded1c3368abe98.gif);
        background-size: 24px 24px
    }
}

figcaption,figure {
    display: block
}

.transition {
    -webkit-transition: top .4s linear;
    -moz-transition: top .4s linear;
    -ms-transition: top .4s linear;
    -o-transition: top .4s linear;
    transition: top .4s linear
}

.timeTo {
    font-family: Tahoma,Verdana,Aial,sans-serif;
    font-size: 28px;
    line-height: 108%;
    font-weight: 700;
    height: 32px
}

.timeTo span {
    vertical-align: top
}

.timeTo.timeTo-white div {
    color: #000;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 38%,#ccc 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(38%,#fff),color-stop(100%,#ccc));
    background: -webkit-linear-gradient(top,#fff 38%,#ccc);
    background: -o-linear-gradient(top,#fff 38%,#ccc 100%);
    background: -ms-linear-gradient(top,#fff 38%,#ccc 100%);
    background: linear-gradient(180deg,#fff 38%,#ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#cccccc",GradientType=0)
}

.timeTo.timeTo-black div {
    color: #fff;
    background: #45484d;
    background: -moz-linear-gradient(top,#45484d 0,#000 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#45484d),color-stop(100%,#000));
    background: -webkit-linear-gradient(top,#45484d,#000);
    background: -o-linear-gradient(top,#45484d 0,#000 100%);
    background: -ms-linear-gradient(top,#45484d 0,#000 100%);
    background: linear-gradient(180deg,#45484d 0,#000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#45484d",endColorstr="#000000",GradientType=0)
}

.timeTo.timeTo-black .timeTo-alert {
    background: #a74444;
    background: -moz-linear-gradient(top,#a74444 0,#3f0000 67%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#a74444),color-stop(67%,#3f0000));
    background: -webkit-linear-gradient(top,#a74444,#3f0000 67%);
    background: -o-linear-gradient(top,#a74444 0,#3f0000 67%);
    background: -ms-linear-gradient(top,#a74444 0,#3f0000 67%);
    background: linear-gradient(180deg,#a74444 0,#3f0000 67%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a74444",endColorstr="#3f0000",GradientType=0)
}

.timeTo.timeTo-white .timeTo-alert {
    background: #fff;
    background: -moz-linear-gradient(top,#fff 35%,#e17373 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(35%,#fff),color-stop(100%,#e17373));
    background: -webkit-linear-gradient(top,#fff 35%,#e17373);
    background: -o-linear-gradient(top,#fff 35%,#e17373 100%);
    background: -ms-linear-gradient(top,#fff 35%,#e17373 100%);
    background: linear-gradient(180deg,#fff 35%,#e17373);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e17373",GradientType=0)
}

.timeTo figure {
    display: inline-block;
    margin: 0;
    padding: 0
}

.timeTo figcaption {
    text-align: center;
    line-height: 80%;
    font-weight: 400;
    color: #888
}

.timeTo div {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 30px;
    border-top: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    overflow: hidden
}

.timeTo div.first {
    border-left: 1px solid silver
}

.timeTo ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 3px
}

.timeTo ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

#AWIN_CDT {
    position: absolute;
    width: 0;
    height: 0;
    border: 0
}

.ng-cloak,[ng-cloak] {
    display: none!important
}

.jcrop-holder {
    background-color: transparent!important;
    box-shadow: 0 0 3px #999
}

.jcrop-hline,.jcrop-vline {
    background: #fff url(/staticx/udemy/js/webpack/Jcrop.7a4b4c6ebdb549fcbe47408f9457493e.gif) 0 0 repeat!important
}

.modal-content-wrapper {
    margin: 20px auto;
    max-width: 100%
}

.fancybox-inner .modal-content-wrapper,.modal .modal-content-wrapper {
    margin: 0
}

.form-wrapper,.static-content-wrapper {
    overflow: visible!important;
    margin: 20px auto;
    border: 1px solid #ccc
}

.form-wrapper h1,.static-content-wrapper h1 {
    background: #f1f1f1;
    font-size: 16px;
    padding: 2px 15px;
    text-transform: uppercase;
    border-bottom: 1px solid #bebebe;
    box-shadow: 0 1px #edede7;
    line-height: 2.6;
    margin: auto
}

.form-wrapper h1:first-child,.static-content-wrapper h1:first-child {
    padding: 10px 35px 10px 15px;
    margin: 0;
    line-height: 1.2
}

.form-wrapper .blockLabel,.form-wrapper label,.static-content-wrapper .blockLabel,.static-content-wrapper label {
    color: #526075;
    font-weight: 700;
    font-size: 13px
}

.form-wrapper textarea.form-control,.static-content-wrapper textarea.form-control {
    height: 70px;
    resize: none
}

.form-wrapper .submit-row,.static-content-wrapper .submit-row {
    width: 100%;
    margin: 10px 0 5px;
    text-align: center
}

.error-text,.form-errors {
    color: #c93643;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    position: static;
    margin: 15px auto;
    padding: 5px
}

.hello-bar {
    position: relative;
    text-align: center;
    font-size: 16px;
    padding: 0;
    height: 90px;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.hello-bar .hello-desc {
    font-size: 15px;
    display: block
}

.hello-bar .hello-img {
    border-radius: 50%;
    margin-right: 10px
}

.hello-bar .hello-title {
    font-size: 18px;
    font-weight: 700;
    text-align: left
}

.hello-bar .hello-content {
    display: none
}

.hello-bar .link {
    color: #ffd800;
    font-weight: 600;
    -webkit-transition: .15s ease-out;
    -moz-transition: .15s ease-out;
    -ms-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out
}

.hello-bar .link:hover {
    color: #ffe866
}

.hello-bar .code-text {
    color: #333;
    border-radius: 2px;
    border: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.hello-bar .code-text:focus {
    outline: none
}

.hello-bar .mobile-number__input {
    width: 210px
}

.hello-bar .mobile-number__label {
    font-size: 11px;
    display: block;
    font-weight: 400
}

.hello-bar .secondary-cta {
    display: block
}

.hello-bar .hello-titles {
    max-width: 100%
}

.hello-bar.ahoy {
    background: #2d2d4c;
    color: #fff
}

.hello-bar.ahoy a.hello-desc,.hello-bar.ahoy a.hello-title {
    color: #fff
}

.hello-bar.ahoy .send-bt {
    background: #ffd800;
    color: #2d2d4c
}

.hello-bar.ahoy .send-bt:hover {
    background: #ffe866
}

.hello-bar.ahoy .ask-later-bt {
    background: #eff2f5;
    color: #333
}

.hello-bar.ahoy .ask-later-bt:hover {
    background: #fff
}

.hello-bar.ahoy figcaption {
    color: #fff
}

.hello-bar.howdy {
    background: #17aa1c;
    color: #fff
}

.hello-bar.howdy a.hello-desc,.hello-bar.howdy a.hello-title {
    color: #fff
}

.hello-bar.howdy .send-bt {
    background: #2d2d4c;
    color: #fff;
    font-weight: 400
}

.hello-bar.howdy .send-bt:hover {
    outline: none;
    background: #40406c
}

.hello-bar.howdy .ask-later-bt {
    background: #eff2f5;
    color: #333
}

.hello-bar.howdy .ask-later-bt:hover {
    background: #fff
}

.hello-bar.howdy .link {
    color: #2d2d4c;
    font-weight: 600;
    -webkit-transition: .15s ease-out;
    -moz-transition: .15s ease-out;
    -ms-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out
}

.hello-bar.howdy .link:hover {
    color: #53538c
}

.hello-bar.howdy figcaption {
    color: #fff
}

.hello-bar.howdy .timeTo div,.hello-bar.howdy .timeTo div:first-child {
    border-color: #fff
}

.hello-bar.ciao {
    background: #eff2f5;
    color: #333
}

.hello-bar.ciao a.hello-desc,.hello-bar.ciao a.hello-title {
    color: #333
}

.hello-bar.ciao .link {
    color: #17aa1c
}

.hello-bar.ciao .link:hover {
    color: #42e547
}

.hello-bar.ciao .send-bt {
    background: #17aa1c
}

.hello-bar.ciao .send-bt:hover {
    outline: none;
    background: #1dd723
}

.hello-bar.ciao .ask-later-bt {
    background: #ffd800;
    color: #2d2d4c
}

.hello-bar.ciao .ask-later-bt:hover {
    background: #ffe866
}

.hello-bar.ciao .close {
    color: #333
}

.hello-bar.money,.hello-bar.new_terms {
    background: -moz-linear-gradient(#18ab1d,#107313);
    background: -webkit-linear-gradient(#18ab1d,#107313);
    background: -o-linear-gradient(#18ab1d,#107313);
    background: -ms-linear-gradient(#18ab1d,#107313);
    background: linear-gradient(#18ab1d,#107313);
    font-weight: 600;
    color: #fff;
    background-color: #18ab1d;
    font-size: 15px
}

.hello-bar.money.i .hello-spacing-wrapper,.hello-bar.new_terms.i .hello-spacing-wrapper {
    padding-left: 120px;
    background: url(/staticx/udemy/js/webpack/warning.7b1978e18b1009839bcb4d01215556eb.png) no-repeat 0
}

.hello-bar.money a.close,.hello-bar.new_terms a.close {
    display: none
}

.hello-bar.money span.send-bt[data-href^=pricing-close-cross],.hello-bar.money span.send-bt[data-href^=terms-close-cross],.hello-bar.new_terms span.send-bt[data-href^=pricing-close-cross],.hello-bar.new_terms span.send-bt[data-href^=terms-close-cross] {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: -35px;
    padding: 15px;
    background: none;
    text-decoration: none;
    min-width: 0
}

.hello-bar.money span.send-bt[data-href^=pricing-close-cross]:after,.hello-bar.money span.send-bt[data-href^=pricing-close-cross]:before,.hello-bar.money span.send-bt[data-href^=terms-close-cross]:after,.hello-bar.money span.send-bt[data-href^=terms-close-cross]:before,.hello-bar.new_terms span.send-bt[data-href^=pricing-close-cross]:after,.hello-bar.new_terms span.send-bt[data-href^=pricing-close-cross]:before,.hello-bar.new_terms span.send-bt[data-href^=terms-close-cross]:after,.hello-bar.new_terms span.send-bt[data-href^=terms-close-cross]:before {
    display: block;
    content: "";
    width: 22px;
    border-top: 2px solid #fff;
    margin-top: 12px;
    margin-left: -6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hello-bar.money span.send-bt[data-href^=pricing-close-cross]:before,.hello-bar.money span.send-bt[data-href^=terms-close-cross]:before,.hello-bar.new_terms span.send-bt[data-href^=pricing-close-cross]:before,.hello-bar.new_terms span.send-bt[data-href^=terms-close-cross]:before {
    margin-top: 7px;
    margin-bottom: -14px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.hello-bar.money span.send-bt[data-href^=pricing-close-cross]:active:after,.hello-bar.money span.send-bt[data-href^=pricing-close-cross]:active:before,.hello-bar.money span.send-bt[data-href^=pricing-close-cross]:hover:after,.hello-bar.money span.send-bt[data-href^=pricing-close-cross]:hover:before,.hello-bar.money span.send-bt[data-href^=terms-close-cross]:active:after,.hello-bar.money span.send-bt[data-href^=terms-close-cross]:active:before,.hello-bar.money span.send-bt[data-href^=terms-close-cross]:hover:after,.hello-bar.money span.send-bt[data-href^=terms-close-cross]:hover:before,.hello-bar.new_terms span.send-bt[data-href^=pricing-close-cross]:active:after,.hello-bar.new_terms span.send-bt[data-href^=pricing-close-cross]:active:before,.hello-bar.new_terms span.send-bt[data-href^=pricing-close-cross]:hover:after,.hello-bar.new_terms span.send-bt[data-href^=pricing-close-cross]:hover:before,.hello-bar.new_terms span.send-bt[data-href^=terms-close-cross]:active:after,.hello-bar.new_terms span.send-bt[data-href^=terms-close-cross]:active:before,.hello-bar.new_terms span.send-bt[data-href^=terms-close-cross]:hover:after,.hello-bar.new_terms span.send-bt[data-href^=terms-close-cross]:hover:before {
    border-color: #f7f7f4
}

.hello-bar.money .container,.hello-bar.new_terms .container {
    position: relative
}

@media (min-width:992px) {
    .hello-bar.money .hello-titles,.hello-bar.new_terms .hello-titles {
        padding-right: 8%
    }
}

.hello-bar.money .hello-title,.hello-bar.new_terms .hello-title {
    font-size: 15px;
    display: inline-block;
    padding-right: 10px;
    font-weight: 700
}

.hello-bar.money .hello-title a,.hello-bar.new_terms .hello-title a {
    font-weight: 700
}

.hello-bar.money .hello-desc,.hello-bar.new_terms .hello-desc {
    margin-top: 10px;
    margin-bottom: 20px;
    line-height: 1.5em
}

.hello-bar.money .hello-content,.hello-bar.new_terms .hello-content {
    display: block;
    width: 214px;
    font-size: 12px;
    text-align: left;
    margin-bottom: 5px
}

.hello-bar.money a,.hello-bar.new_terms a {
    color: #fff;
    text-decoration: underline;
    font-weight: 600
}

.hello-bar.money a:hover,.hello-bar.new_terms a:hover {
    opacity: .8
}

.hello-bar.money .mobile-number,.hello-bar.new_terms .mobile-number {
    text-align: right
}

.hello-bar.money .send-bt,.hello-bar.new_terms .send-bt {
    min-width: 214px;
    background: #fff;
    color: #0e600e;
    margin-bottom: 17px
}

.hello-bar.money .send-bt:active,.hello-bar.money .send-bt:hover,.hello-bar.new_terms .send-bt:active,.hello-bar.new_terms .send-bt:hover {
    background: #f7f7f4
}

.hello-bar.money .hello-spacing-wrapper,.hello-bar.new_terms .hello-spacing-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    align-items: center
}

.hello-bar.money .hello-spacing-wrapper.center,.hello-bar.new_terms .hello-spacing-wrapper.center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.hello-bar.money .hello-spacing-wrapper.right,.hello-bar.new_terms .hello-spacing-wrapper.right {
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

@media (min-width:992px) {
    .hello-bar.money .hello-spacing-wrapper,.hello-bar.new_terms .hello-spacing-wrapper {
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-flex-pack: space-around;
        -o-justify-content: space-around;
        justify-content: space-around;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.hello-bar.money .secondary-cta,.hello-bar.money .secondary-cta:active,.hello-bar.money .secondary-cta:hover,.hello-bar.new_terms .secondary-cta,.hello-bar.new_terms .secondary-cta:active,.hello-bar.new_terms .secondary-cta:hover {
    padding: 0;
    margin-bottom: 0;
    color: #fff;
    background: transparent;
    font-weight: 400;
    text-decoration: underline;
    font-size: 15px
}

.hello-bar.money .secondary-cta:hover,.hello-bar.new_terms .secondary-cta:hover {
    opacity: .8
}

.hello-bar.money .container {
    background: url(/staticx/udemy/js/webpack/pricing-header.47660b858109fe84702aa2f63f819cd1.png) repeat 0 0
}

.hello-bar .send-bt {
    padding: 7px 28px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 600;
    min-height: 33px;
    min-width: 87px;
    text-emphasis: center;
    background: #ffd800;
    color: #fff;
    -webkit-transition: .15s ease-out;
    -moz-transition: .15s ease-out;
    -ms-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out
}

.hello-bar .send-bt:hover {
    background: #ffe033
}

.hello-bar .send-bt:focus {
    outline: none
}

.hello-bar .send-bt span {
    min-width: 31px;
    min-height: 19px;
    display: inline-block;
    background: url(/staticx/udemy/js/webpack/hello_sprite.228fdc278bf7d24ab282d3cb81af77a2.png) no-repeat 50%;
    background-position: center -100px
}

.hello-bar .send-bt .checked {
    background-position: center -41px;
    text-indent: -9999px
}

.hello-bar .send-bt .checked_white {
    background-position: center -62px;
    text-indent: -9999px
}

.hello-bar .ask-later-bt {
    background: #eff2f5;
    color: #333
}

.hello-bar .ask-later-bt:hover {
    background: #fff
}

.hello-bar .close {
    position: absolute;
    right: 20px;
    top: 10px;
    opacity: .8;
    color: #fff;
    font-size: 15px;
    text-shadow: none;
    background: rgba(0,0,0,.2);
    padding: 0 3px 3px;
    border-radius: 2px;
    -webkit-transition: .15s ease-out;
    -moz-transition: .15s ease-out;
    -ms-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out
}

.hello-bar .close:hover {
    opacity: .5
}

.hello-bar p {
    margin: 5px 0
}

.hello-bar em {
    font-style: normal
}

.hello-bar label {
    cursor: default
}

.hello-bar .big {
    display: inline;
    font-size: 1.4em
}

.hello-bar .bigger {
    display: inline;
    font-size: 1.8em
}

.hello-bar .colored {
    color: #51904e
}

.hello-bar .orange {
    color: #ffd800;
    font-weight: 600
}

.hello-bar .green {
    color: #17aa1c;
    font-weight: 600
}

.hello-bar figcaption {
    text-align: left!important;
    font-size: 11px;
    margin-bottom: 5px
}

.hello-bar .hello-timer {
    width: 150px
}

.hello-bar .hello-timer .hello-bar-timer {
    font-weight: 500;
    font-size: 25px;
    font-family: Open Sans,sans-serif
}

.hello-bar .hello-timer .hello-bar-timer figure,.hello-bar .hello-timer .hello-bar-timer span {
    float: left!important
}

.hello-bar .btn-right {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.hello-bar .border-none {
    border: none!important
}

.hello-bar-container {
    z-index: 1012;
    position: relative
}

.c_header {
    height: auto
}

.c_header .hello-bar-border {
    height: 8px;
    display: block;
    margin-bottom: -4px
}

.c_header .hello-bar-border:before {
    content: "";
    height: 4px;
    background: #17aa1c;
    display: block;
    transition: .15s ease-in-out
}

.c_header .hello-bar-border:hover:before {
    height: 8px
}

.c_header.white.has-hello-bar {
    border-top: none!important
}

.c_header .hello-bar {
    -webkit-transform: translateY(-300px);
    -moz-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
    -o-transform: translateY(-300px);
    transform: translateY(-300px);
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    overflow: hidden;
    height: 0
}

.c_header .hello-bar.open {
    cursor: auto!important;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    height: auto
}

.c_header .hello-bar .active-link {
    cursor: pointer
}

.c_header.has-hello-bar {
    display: block;
    height: auto
}

.c_header .hello-bar {
    z-index: 1012
}

.c_header.white.has-hello-bar .c_header__inner {
    border-top: none
}

.hello-bar-tooltip {
    position: absolute;
    display: block;
    top: 10px;
    left: 50%;
    z-index: 1013;
    margin-left: 65px
}

.hello-bar-tooltip span {
    position: absolute;
    width: 190px;
    padding: 5px 10px;
    color: #fff;
    background: rgba(50,50,56,.9);
    min-height: 42px;
    line-height: 1.4;
    text-align: center;
    font-size: 11px;
    border-radius: 2px
}

.hello-bar-tooltip span:after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-bottom: 5px solid rgba(50,50,56,.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

@media only screen and (max-width:1024px) {
    .c_header {
        height: auto!important
    }

    .c_header .hello-bar-border {
        height: 8px
    }

    .code-text {
        border-radius: 2px!important;
        padding: 7px!important
    }

    .hello-bar.money.i .hello-spacing-wrapper,.hello-bar.new_terms.i .hello-spacing-wrapper {
        padding-left: 0;
        padding-top: 100px;
        background: url(/staticx/udemy/js/webpack/warning.7b1978e18b1009839bcb4d01215556eb.png) no-repeat center 10px
    }

    .hello-bar.money .mobile-number,.hello-bar.new_terms .mobile-number {
        text-align: center
    }

    .hello-bar.money .hello-content,.hello-bar.new_terms .hello-content {
        width: auto
    }

    .home .hello-bar.open {
        border-bottom: 4px solid #17aa1c
    }
}

@media only screen and (max-width:992px) {
    .hello-bar .hello-title {
        font-size: 16px
    }

    .hello-bar .hello-desc {
        font-size: 13px
    }
}

@media only screen and (max-width:767px) {
    .code-text {
        border-radius: 2px!important;
        padding: 7px!important
    }

    .c_header {
        height: auto!important
    }

    .c_header .hello-bar-tooltip {
        left: 25%;
        margin-left: 0
    }

    .c_header .hello-bar-border {
        height: 8px
    }

    .c_header .hello-bar {
        height: 0;
        overflow: hidden
    }

    .c_header .hello-bar .hello-title {
        display: block;
        padding-right: 22px
    }

    .c_header .hello-bar .close {
        font-size: 14px
    }

    .c_header:hover .hello-bar:hover {
        cursor: pointer
    }
}

@media only screen and (max-width:480px) {
    .hello-bar .mobile-number {
        padding-top: 5px
    }

    .hello-bar .mobile-number__label {
        padding: 0!important
    }

    .hello-bar .mobile-number,.hello-bar .mobile-number__input,.hello-bar .send-bt {
        width: 100%
    }
}

.hello-spacing-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    align-items: center
}

.hello-spacing-wrapper.center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.hello-spacing-wrapper.right {
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

@media (min-width:480px) {
    .hello-spacing-wrapper {
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-flex-pack: space-around;
        -o-justify-content: space-around;
        justify-content: space-around;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width:768px) {
    .hello-spacing-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -o-justify-content: center;
        justify-content: center
    }
}

.hello-spacing-wrapper>* {
    padding: 10px 10px 10px 0
}

.hello-spacing-wrapper>:last-child {
    padding-right: 0
}

@media (min-width:768px) {
    .hello-titles {
        margin-right: 20px
    }
}

@media (min-width:480px) {
    .hello-titles {
        max-width: 40%
    }
}

.fancybox-inner .loginbox-v4 {
    margin: 0;
    border: 0
}

.loginbox-v4 {
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #355368;
    width: 380px
}

.loginbox-v4 #form-item-email:before {
    content: "\F0E0"
}

.loginbox-v4 #form-item-fullname:before {
    content: "\F007"
}

.loginbox-v4 #form-item-password:before {
    content: "\F023"
}

.loginbox-v4 #form-item-signup {
    display: none
}

.loginbox-v4 #form-item-title:before {
    content: "\F135"
}

.loginbox-v4.loginbox-v4--estacio .logos {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center;
    margin: 15px 0
}

.loginbox-v4.loginbox-v4--estacio .logos .logosep {
    content: " ";
    height: 27px;
    margin: 0 10px;
    width: 1px;
    border-right: 2px solid #9b9b9b
}

.loginbox-v4.loginbox-v4--estacio .logos .logo {
    -webkit-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -o-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 1px
}

.loginbox-v4.loginbox-v4--estacio .logos .logo__image {
    max-height: 40px
}

.loginbox-v4.loginbox-v4--estacio .logos .logo__image--smaller {
    margin-top: 4px;
    max-height: 28px;
    width: 84px
}

.loginbox-v4 .disabled-btn {
    opacity: .5
}

.loginbox-v4 .form-actions {
    margin-top: 10px
}

.loginbox-v4 .manage-fields-wrapper {
    background: transparent;
    box-shadow: none;
    margin-top: 10px
}

.loginbox-v4 .manage-fields-wrapper input[type=email],.loginbox-v4 .manage-fields-wrapper input[type=password],.loginbox-v4 .manage-fields-wrapper input[type=text] {
    border-radius: 5px;
    color: #355368;
    font-size: 18px;
    height: auto;
    outline: 0;
    padding: 11px 10px 12px 40px
}

.loginbox-v4 .manage-fields-wrapper input[type=email]:focus,.loginbox-v4 .manage-fields-wrapper input[type=password]:focus,.loginbox-v4 .manage-fields-wrapper input[type=text]:focus {
    border-color: #2b85c3
}

.loginbox-v4 .manage-fields-wrapper input[type=email]:focus~i,.loginbox-v4 .manage-fields-wrapper input[type=password]:focus~i,.loginbox-v4 .manage-fields-wrapper input[type=text]:focus~i {
    color: #b5c3d4
}

.loginbox-v4 .manage-fields-wrapper>div {
    margin-top: 10px;
    position: relative
}

.loginbox-v4 .manage-fields-wrapper i {
    color: #d3d3d3;
    font-size: 18px;
    left: 10px;
    margin-top: -10px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 18px
}

.loginbox-v4 .non-labeled:before {
    font-family: UdemyIcons;
    color: #d3d3d3;
    font-size: 20px;
    left: 10px;
    line-height: 1;
    margin-top: 15px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px;
    z-index: 2
}

.loginbox-v4 .shadowed-btn {
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    padding: 15px 10px
}

.loginbox-v4 .social-btn {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.24),0 0 2px 0 rgba(0,0,0,.12);
    border-radius: 2px;
    margin-top: 10px;
    padding: 0 20px 0 0
}

.loginbox-v4 .social-btn .social-icon {
    border-right: 1px solid rgba(0,0,0,.2);
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    margin-right: 10px;
    padding: 15px 0 15px 5px;
    text-align: center;
    width: 50px
}

.loginbox-v4 .social-btn .udi-circle-loader {
    margin: auto
}

.loginbox-v4 .social-btn--facebook {
    background-color: #2553b4
}

.loginbox-v4 .social-btn--facebook:hover {
    background-color: #21499f
}

.loginbox-v4 .social-btn--facebook .udi-facebook-f {
    border: none!important;
    padding: 11px 0 11px 5px!important
}

.loginbox-v4 .social-btn--facebook .udi-facebook-f:before {
    font-size: 26px;
    position: relative
}

.loginbox-v4 .social-btn--google {
    background-color: #fff;
    border: none;
    color: #737373
}

.loginbox-v4 .social-btn--google:hover {
    background-color: #f2f2f2
}

.loginbox-v4 .social-btn--google .udi-google-plus {
    background: url(/staticx/udemy/js/webpack/g-logo.4c9c3df69e998b08e1d14c4bbbeb3949.svg) no-repeat 50%;
    background-size: 24px;
    border: none!important
}

.loginbox-v4 .social-btn--google .udi-google-plus:before {
    content: "";
    display: inline-block
}

.loginbox-v4 .submit-row {
    text-align: center
}

.loginbox-v4 .submit-row>input {
    font-size: 16px;
    font-weight: 700;
    height: 50px;
    width: 100%
}

.loginbox-v4__content {
    padding: 10px 20px
}

.loginbox-v4__footer {
    padding: 5px 0 20px;
    text-align: center
}

.loginbox-v4__footer a {
    font-weight: 700
}

.loginbox-v4__header {
    background-color: #f3f3f4;
    border-bottom: 1px solid #231f20;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #111;
    font-weight: 700;
    font-size: 15px;
    padding: 24px 45px 24px 20px
}

.loginbox-v4__secondary-text {
    margin: 10px 0;
    font-size: 10px;
    text-align: center
}

.loginbox-v4__separator {
    border-top: 1px solid #d3d3d3;
    height: 1px
}

.loginbox-v4__separator-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 10px
}

.loginbox-v4__separator-container .loginbox-v4__separator {
    -webkit-box-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    -o-flex: 1 0 auto;
    flex: 1 0 auto;
    min-width: 1px
}

.loginbox-v4__separator-text {
    padding: 0 10px;
    font-size: 11px;
    font-weight: 700
}

body.organization .logo-text {
    color: #000;
    font-weight: 700
}

.org-logo {
    height: 40px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(/staticx/udemy/js/webpack/logo.b657bc5385b9d9691181e08fdfe0e9c5.svg);
    display: inline-block
}

.org-logo,.org-title {
    width: 130px;
    text-align: center
}

@media (max-width:640px) {
    .org-logo,.org-title {
        width: 65px
    }
}

.fancybox-wrap {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 0
}

.fancybox-wrap .fancybox-skin {
    background: #fff;
    border: 0;
    box-shadow: none;
    border-radius: 6px
}

.fancybox-wrap .fancybox-skin .fancybox-inner {
    overflow: visible!important;
    border-radius: 6px
}

.fancybox-wrap .fancybox-skin .fancybox-inner>div:first-child {
    border-radius: 6px
}

.fancybox-wrap .fancybox-skin .fancybox-inner .header {
    background: #f4f4f4;
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid rgba(0,0,0,.25)
}

.fancybox-wrap .fancybox-skin .fancybox-inner .header h1 {
    font-size: 15px;
    line-height: 20px;
    margin: 0;
    padding: 26px 21px;
    color: #303e4d;
    text-transform: none;
    border-bottom: none;
    font-weight: 700
}

.fancybox-wrap .fancybox-skin .fancybox-inner>h1:first-child {
    background: #f1f1f1;
    font-size: 16px;
    padding: 10px 35px 10px 15px;
    text-transform: uppercase;
    border-bottom: 1px solid #bebebe;
    box-shadow: 0 1px #edede7;
    margin: 0;
    line-height: 1.2;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner {
    background: #fff
}

.fancybox-wrap .fancybox-skin .fancybox-close {
    right: 10px;
    top: 10px;
    width: auto;
    height: auto;
    font-size: 16px;
    color: rgba(0,0,0,.8);
    background: none
}

.fancybox-wrap .fancybox-skin .fancybox-close:before {
    font-family: UdemyIcons;
    background: none;
    content: "\E730";
    line-height: 1
}

.organization .fancybox-wrap {
    top: 0!important
}

.fancybox-wrap.tighter-close .fancybox-skin .fancybox-close {
    right: 12px;
    top: 4px
}

.fancybox-inner .static-content-wrapper {
    margin: auto;
    border-radius: 5px
}

.popup-backdrop,.popup-form-loader {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
}

.popup-backdrop {
    position: fixed;
    background: rgba(0,0,0,.8)
}

.popup-form-loader {
    position: absolute;
    background: rgba(0,0,0,.25)
}

@media only screen and (max-width:768px) {
    .fancybox-wrap {
        left: 0!important;
        max-height: 100%;
        top: 0!important;
        width: 100%!important;
        box-shadow: none;
        opacity: 1!important
    }

    .fancybox-wrap.static-content-wrapper {
        margin: 0
    }

    .fancybox-wrap.static-content-wrapper h1 {
        line-height: 52px;
        padding: 0 10px
    }

    .fancybox-wrap .modal-content-wrapper {
        width: auto
    }

    .fancybox-wrap .form-wrapper,.fancybox-wrap .static-content-wrapper {
        border: 0;
        width: auto!important
    }

    .fancybox-wrap .form-tooltip {
        display: none!important
    }

    .fancybox-wrap .fancybox-skin {
        background: #fff;
        border: 0;
        box-shadow: none
    }

    .fancybox-wrap .fancybox-inner>h1:first-child {
        text-align: center
    }

    .fancybox-wrap .fancybox-inner {
        height: 100%!important;
        width: 100%!important
    }

    .organization .fancybox-wrap {
        margin: 0
    }

    .fancybox-overlay {
        background: #fff
    }

    .fancybox-mobile {
        overflow: visible!important
    }
}

.qualaroo-container .buttons .btn.btn-sm {
    padding: 6px 10px;
    font-size: 15px;
    line-height: 1.35135;
    border-radius: 2px
}

.qualaroo-container .buttons .btn.btn-primary {
    background-color: #fff;
    color: #1376d7
}

.qualaroo-container .buttons .btn.btn-default {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff
}

.qualaroo-container .buttons .btn.btn-tertiary {
    background-color: transparent;
    color: #fff
}

.qualaroo-container .buttons .btn:hover {
    opacity: .8
}

.qualaroo-container {
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -143.5px!important;
    width: 287px;
    z-index: 1011;
    min-height: 117px;
    -webkit-transition: -webkit-transform "0.3s ease-in-out";
    -moz-transition: -moz-transform "0.3s ease-in-out";
    -o-transition: -o-transform "0.3s ease-in-out";
    transition: transform "0.3s ease-in-out";
    -webkit-transform: translateY(-125%);
    -moz-transform: translateY(-125%);
    -ms-transform: translateY(-125%);
    -o-transform: translateY(-125%);
    transform: translateY(-125%);
    background-color: #1376d7!important;
    color: #fff;
    font-family: helvetica,arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    border-width: 0 1px 1px;
    border-style: solid;
    border-radius: 0 0 0 11px;
    border-color: #71ade7!important
}

.qualaroo-container.show-tab {
    -webkit-transform: translateY(-95%);
    -moz-transform: translateY(-95%);
    -ms-transform: translateY(-95%);
    -o-transform: translateY(-95%);
    transform: translateY(-95%);
    -webkit-transition: height .3s ease-in-out;
    -moz-transition: height .3s ease-in-out;
    -ms-transition: height .3s ease-in-out;
    -o-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out;
    -webkit-transition: -webkit-transform "0.3s ease-in-out";
    -moz-transition: -moz-transform "0.3s ease-in-out";
    -o-transition: -o-transform "0.3s ease-in-out";
    transition: transform "0.3s ease-in-out"
}

.qualaroo-container.open {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.qualaroo-container .buttons {
    margin-bottom: 6px
}

.qualaroo-container .prompt {
    margin-bottom: 15px
}

.qualaroo-container .prompt-title {
    font-weight: 700
}

.qualaroo-container .open-tab {
    position: absolute;
    bottom: -25px;
    height: 25px;
    right: -1px;
    padding: 0 10px;
    background-color: #1376d7;
    cursor: pointer;
    border-radius: 0 0 7px 7px;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #71ade7
}

.qualaroo-container .open-tab .udi {
    margin-left: 3px
}

.qualaroo-container .content {
    padding: 10px 15px;
    overflow-x: hidden;
    overflow-y: auto
}

.qualaroo-container>div:first-child {
    border-color: #71ade7!important
}

.qualaroo-container .survey--container {
    padding-top: 15px
}

.qualaroo-container .survey-answer,.qualaroo-container .survey-question {
    display: block;
    padding-top: 5px
}

.qualaroo-container .survey-question:first-child {
    padding-top: 0
}

.qualaroo-container select {
    height: 25px;
    padding: 0
}

div#ki-tm.ki-tm.qualaroo-container {
    bottom: 0
}

.card {
    display: inline-block;
    vertical-align: top;
    margin: 0 15px 15px 0;
    width: 216px;
    text-align: left;
    background-color: #fff;
    box-shadow: 0 2px 2px #cbcbcb;
    position: relative
}

.card a {
    color: #111;
    display: block;
    font-size: 13px
}

.card a:hover {
    box-shadow: 0 0 6px rgba(0,0,0,.55)
}

.card a:hover img {
    opacity: .5
}

.card a:hover .card__content-info,.card a:hover .card__content-info img,.card a:hover .card__instructors,.card a:hover .card__instructors img,.card a:hover:after {
    opacity: 1
}

.card .details__instructor,.card .details__name {
    height: 39px;
    display: block!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.card .details__rating {
    margin-bottom: 5px
}

.card .review-stars {
    font-size: 17px
}

.card .review-stars label {
    cursor: pointer
}

.card .star-rating--static {
    margin-right: 5px
}

.card .options__wishlist .tooltip {
    top: 0;
    right: 20px;
    visibility: hidden;
    transition: .25s cubic-bezier(.46,.03,.52,.96)
}

.card .options__wishlist .tooltip__arrow {
    border-left-color: #fff
}

.card .options__wishlist .tooltip__inner {
    max-width: 175px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    background-color: #fff;
    color: rgba(0,0,0,.8)
}

.card .options__wishlist .icon {
    font-size: 18px;
    color: rgba(0,0,0,.8);
    -webkit-text-stroke: 1px #fff
}

.card .options__wishlist .icon:before {
    float: right
}

.card .options__wishlist.active .icon {
    color: #d23837;
    -webkit-text-stroke: 1px #fff
}

.card .options__wishlist:hover {
    cursor: pointer
}

.card .options__wishlist:hover .tooltip {
    opacity: 1;
    visibility: visible
}

.card .options__wishlist:hover .icon {
    color: #d23837;
    -webkit-text-stroke: 1px #fff
}

.card .options__dropdown .dropdown-menu {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.175);
    box-shadow: 0 0 5px rgba(0,0,0,.175);
    padding: 0;
    border: 0
}

.card .options__dropdown .dropdown-menu a {
    padding: 5px 12px
}

.card .options__dropdown .tooltip__card-dropdown {
    right: -13px;
    top: 100%;
    white-space: nowrap;
    z-index: 0
}

.card .options__dropdown .tooltip__card-dropdown .tooltip-arrow {
    left: auto;
    right: 17px
}

.card .options__dropdown .tooltip__card-dropdown .tooltip__card-dropdown__content {
    width: 230px;
    white-space: normal;
    font-size: 12px;
    display: inline-flex
}

.card .options__dropdown .dropdown__btn {
    padding: 5px 7px;
    font-size: 15px;
    line-height: 1.35135;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,.25);
    background: #fff
}

.card .options__dropdown .dropdown__btn i {
    padding: 0;
    color: rgba(0,0,0,.25)
}

.card .options__dropdown .dropdown__btn:focus,.card .options__dropdown .dropdown__btn:hover {
    outline: none;
    border-color: #17aa1c
}

.card .options__dropdown .dropdown__btn:focus i,.card .options__dropdown .dropdown__btn:hover i {
    color: #17aa1c
}

.card__instructors {
    position: absolute;
    left: 10px;
    top: 15px;
    opacity: 0;
    height: 50px
}

.card__instructor {
    width: 50px;
    height: 50px;
    border-radius: 2px;
    border: 3px solid #fff;
    position: relative;
    margin-right: 3px;
    display: inline-block;
    overflow: hidden
}

.card__content-info {
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    opacity: 0;
    background: none;
    position: absolute;
    left: 0;
    text-align: left;
    margin-left: 10px;
    z-index: 2;
    -webkit-text-stroke: .4px #fff;
    text-stroke: .4px #fff;
    top: 70px
}

.card__image {
    height: auto;
    display: block;
    position: relative;
    background: #111;
    overflow: hidden
}

.card__image img {
    width: 100%
}

.card__details {
    padding: 12px 15px;
    display: block
}

.card__options {
    position: absolute;
    top: 10px;
    right: 10px
}

.card__price {
    font-weight: 700;
    font-size: 15px;
    color: #333
}

.card__price--old {
    color: rgba(0,0,0,.55);
    font-weight: 400;
    font-size: 13px;
    text-decoration: line-through;
    margin-left: 5px
}

#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span {
    background-image: url(/staticx/udemy/js/webpack/fancybox_sprite.783d4031fe50c3d83c960911e1fbc705.png)
}

#fancybox-loading div {
    background: url(/staticx/udemy/js/webpack/fancybox_loading.c6f1ad4957e50b83bb27691df8bc3f41.gif) 50% no-repeat
}

.fancybox-overlay {
    background: url(/staticx/udemy/js/webpack/fancybox_overlay.ce312319aceb151ac5292ba55a756e9d.png)
}

.fancybox-wrap .fancybox-skin .fancybox-inner h1:first-child {
    padding: 30px 35px 25px 15px
}

.fancy-box-dialog .fancybox-inner form {
    margin-top: 20px;
    text-align: right
}

.fancy-box-dialog .fancybox-inner form .btn {
    padding-left: 20px;
    padding-right: 20px
}

.fancybox-wrap {
    z-index: 1021
}

.fancybox-opened {
    z-index: 1022
}

#fancybox-loading {
    z-index: 1025
}

.fancybox-close,.fancybox-nav,.fancybox-nav span {
    z-index: 1023
}

.fancybox-overlay {
    z-index: 1020
}

.fancybox-title,.fancybox-title-float-wrap {
    z-index: 1024
}

.fancybox--has-header.fancybox-wrap .fancybox-skin .fancybox-close,.organization .fancybox--has-header.fancybox-wrap .fancybox-skin .fancybox-close {
    top: 26px;
    right: 30px
}

.play-button-trigger {
    cursor: pointer
}

.play-button-trigger .play-button {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(/staticx/udemy/js/webpack/icon-play.ac3f32ecb72a0c3f674fa5a3f3062a56.svg) no-repeat;
    background-size: auto 50%;
    background-position: 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
    -webkit-transition: -webkit-transform .15s ease-in-out;
    -moz-transition: -moz-transform .15s ease-in-out;
    -o-transition: -o-transform .15s ease-in-out;
    transition: transform .15s ease-in-out
}

.play-button-trigger .play-button--initially-visible {
    visibility: visible;
    opacity: .5
}

.play-button-trigger:hover .play-button {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.c_header {
    z-index: 1010;
    display: block;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px #cbcbcb;
    box-shadow: 0 1px 2px #cbcbcb
}

.c_header input::-ms-clear {
    width: 0;
    height: 0
}

.c_header .udemy-logo {
    width: 80px;
    height: 100%
}

.c_header.udemy-header-transparent {
    background: #fff
}

.c_header.udemy-header-darker {
    background: #414246
}

.c_header.udemy-header-darker .c_header__mobile-bt,.c_header.udemy-header-darker .dropdown__main-link,.c_header.udemy-header-darker .dropdown__main-link a,.c_header.udemy-header-darker .dropdown__main-link i,.c_header.udemy-header-darker .logo-text,.c_header.udemy-header-darker .mobile-bt--search-cancel,.c_header.udemy-header-darker .quick-search__input {
    color: #fff!important
}

.c_header.udemy-header-darker .quick-search__input::-webkit-input-placeholder {
    color: #fff
}

.c_header.udemy-header-darker .quick-search__input::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.c_header.udemy-header-darker .quick-search__input:-ms-input-placeholder {
    color: #fff
}

.c_header .scroll {
    position: relative;
    -webkit-box-shadow: inset 0 -3px 2px 0 #f4f4f4,inset 0 3px 2px 0 #f4f4f4;
    box-shadow: inset 0 -3px 2px 0 #f4f4f4,inset 0 3px 2px 0 #f4f4f4
}

.c_header .scroll--at-top {
    position: relative;
    -webkit-box-shadow: inset 0 -3px 2px 0 #f4f4f4;
    box-shadow: inset 0 -3px 2px 0 #f4f4f4
}

.c_header .scroll--at-bottom {
    position: relative;
    -webkit-box-shadow: inset 0 3px 2px 0 #f4f4f4;
    box-shadow: inset 0 3px 2px 0 #f4f4f4
}

.c_header .dropdown {
    position: relative;
    font-size: 13px;
    border-left: 1px solid hsla(0,0%,75%,.45)
}

.c_header .dropdown__avatar {
    width: 32px;
    border-radius: 50%
}

.c_header .dropdown__toggle {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px
}

.c_header .dropdown--topics {
    border-right: 1px solid hsla(0,0%,75%,.45)
}

.c_header .dropdown--topics .dropdown__menu-list .menu__link a {
    padding: 8px 15px
}

.c_header .dropdown__main-icon {
    font-size: 20px;
    color: rgba(0,0,0,.55);
    display: block;
    text-align: center;
    position: relative;
    padding: 0
}

.c_header .dropdown--instructor .dropdown__menu,.c_header .dropdown--mycourses .dropdown__menu,.c_header .dropdown--notification .dropdown__menu,.c_header .dropdown--org-manage .dropdown__menu,.c_header .dropdown--shopping-cart .dropdown__menu,.c_header .dropdown--user .dropdown__menu {
    left: inherit;
    right: -1px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.c_header .dropdown--user .dropdown__menu {
    right: 0
}

.c_header .dropdown--instructor .dropdown__menu,.c_header .dropdown--user .dropdown__menu {
    width: 210px
}

.c_header .dropdown--mycourses .dropdown__menu {
    width: 245px
}

.c_header .dropdown--notification .dropdown__menu,.c_header .dropdown--shopping-cart .dropdown__menu {
    width: 380px
}

.c_header .dropdown__main-link {
    color: rgba(0,0,0,.55);
    display: block;
    font-weight: 600;
    padding: 14px 20px;
    line-height: 20px;
    white-space: nowrap
}

.c_header .dropdown__menu-list>li.maintain-hover>a,.c_header .dropdown__menu-list>li:last-child:hover>a {
    background: #f4f4f4
}

.c_header .dropdown__menu-list>li.maintain-hover .dropdown__menu,.c_header .dropdown__menu-list>li:last-child:hover .dropdown__menu {
    display: block;
    opacity: 1;
    visibility: visible
}

.c_header .tooltip-container--language {
    color: #fff;
    display: block
}

.c_header .tooltip-container--language .tooltip {
    left: 0
}

.c_header .tooltip-container--language .language-icon {
    margin-left: 5px
}

@media (max-width:767px) {
    .c_header .tooltip-container--desktop {
        display: none
    }
}

.c_header .dropdown__menu {
    display: none;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border: 1px solid hsla(0,0%,75%,.45);
    left: 0;
    right: -1px;
    font-size: 13px;
    border-radius: 0;
    border-bottom-left-radius: 2px;
    top: 100%;
    color: rgba(0,0,0,.8);
    position: absolute;
    z-index: 1000;
    list-style: none;
    text-align: left;
    background-color: #fff;
    width: 240px;
    background-clip: padding-box;
    margin: 0
}

.c_header .dropdown__menu.skin2 {
    background: #960075
}

.c_header .dropdown__menu.skin3 {
    background: #540768
}

.c_header .dropdown__menu.skin4 {
    background: #32377a
}

.c_header .dropdown__menu.skin5 {
    background: #006b9c
}

.c_header .dropdown__menu.skin6 {
    background: #02a1a5
}

.c_header .dropdown__menu--sub {
    border: 0;
    left: 100%;
    top: 0;
    min-height: 100%;
    padding: 0 0 10px;
    border-bottom-right-radius: 2px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    color: #fff
}

.c_header .dropdown__header {
    padding: 12px;
    font-size: 15px;
    border-bottom: 1px solid hsla(0,0%,75%,.45);
    color: rgba(0,0,0,.8);
    background-color: #fff;
    position: relative
}

.c_header .dropdown__footer {
    position: relative;
    border-top: 1px solid hsla(0,0%,75%,.45);
    height: 49px
}

.c_header.c_header--desktop .dropdown:hover,.c_header .dropdown.dropdown--open {
    background: #f4f4f4
}

.c_header.c_header--desktop .dropdown:hover .dropdown__toggle .badge,.c_header .dropdown.dropdown--open .dropdown__toggle .badge {
    border-color: #f4f4f4
}

.c_header.c_header--desktop .dropdown:hover .dropdown__menu,.c_header .dropdown.dropdown--open .dropdown__menu {
    display: block
}

.c_header .link--dropdown-footer {
    padding: 15px;
    display: block;
    font-weight: 600;
    font-size: 13px;
    color: #1376d7
}

.c_header .link--dropdown-footer:hover {
    color: #0f5ca8
}

.c_header .link--mark-all {
    float: left;
    cursor: pointer
}

.c_header .link--see-all {
    float: right
}

.c_header .link--see-all:hover .udi-next {
    left: 5px
}

.c_header .link--see-all .udi-next {
    position: relative;
    font-size: 12px;
    top: 1px;
    left: 0;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.c_header.c_header--desktop .menu__link:hover,.c_header .menu__link.active {
    background: #f4f4f4
}

.c_header.c_header--desktop .menu__link:hover .dropdown__menu--sub,.c_header .menu__link.active .dropdown__menu--sub {
    opacity: 1;
    visibility: visible
}

.c_header.c_header--desktop .menu__link:hover .badge,.c_header .menu__link.active .badge {
    border-color: #f4f4f4
}

.c_header .menu__header {
    font-size: 15px;
    font-weight: 400;
    padding: 5px 15px;
    color: rgba(0,0,0,.8)
}

.c_header .menu__link a {
    font-weight: 400;
    padding: 12px 15px;
    color: rgba(0,0,0,.8);
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.c_header .menu__link--bordered {
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 1px solid hsla(0,0%,75%,.45)
}

.c_header .menu__arrow {
    color: #bfbfbf;
    font-size: 10px;
    margin-right: -2px;
    padding: 0
}

.c_header .menu__icon {
    font-weight: 600;
    margin-right: 10px
}

.c_header .menu__sub-list a {
    color: #fff
}

.c_header .menu__sub-list a:hover {
    background: hsla(0,0%,100%,.1)
}

.c_header .menu__sub-list .menu__main-title {
    font-size: 15px
}

.c_header .menu__title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px
}

.c_header .quick-search__input {
    border: none;
    padding: 0 0 0 40px;
    outline: 0;
    height: 100%;
    width: 100%;
    position: relative;
    top: 0;
    font-size: 15px;
    padding-left: 55px
}

.c_header .quick-search__input:focus {
    outline: none
}

.c_header .quick-search__input.search--loading~.quick-search__btn:before {
    -ms-animation: spin 1.5s infinite linear;
    -o-animation: spin 1.5s infinite linear;
    -webkit-animation: spin 1.5s infinite linear;
    -moz-animation: spin 1.5s infinite linear;
    display: inline-block;
    content: "\E779";
    color: #fff;
    animation: spin 1.5s infinite linear;
    display: block
}

.c_header .quick-search__btn {
    background: #17aa1c;
    color: #fff;
    padding: 10px;
    border-radius: 2px;
    top: 6px;
    animation: none;
    border: none;
    font-size: 16px;
    left: 10px;
    position: absolute
}

.c_header .quick-search__btn:focus {
    outline: none
}

.c_header .quick-search__search-results.dropdown-menu {
    background: #fff;
    top: 0;
    box-shadow: none;
    left: -1px;
    width: calc(100% + 1px);
    border-top: 1px dotted #cbcbcb;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    padding: 5px 0
}

.c_header .quick-search__search-results.dropdown-menu a {
    padding: 5px 16px!important;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.c_header .quick-search__search-results.dropdown-menu a.ui-state-focus,.c_header .quick-search__search-results.dropdown-menu a:hover {
    color: #1376d7;
    background: #f5f5f5;
    border: none
}

.c_header .quick-search__search-results.dropdown-menu i {
    margin-right: 10px;
    padding-left: 0;
    color: #999
}

.c_header .quick-search__search-results.dropdown-menu .results__title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px
}

.c_header .mycourses .metadata {
    margin-left: 10px
}

.c_header .mycourses .metadata__title {
    color: #1376d7;
    font-weight: 500;
    line-height: 18px;
    font-size: 13px;
    margin: 0;
    display: block!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    height: 36px
}

.c_header .mycourses .metadata__instructor {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(0,0,0,.55);
    font-size: 11px;
    margin-top: 5px
}

.c_header .mycourses__item {
    padding: 10px 15px;
    border-bottom: 1px solid hsla(0,0%,75%,.45)
}

.c_header .mycourses__item:last-child {
    border-bottom: none
}

.c_header .mycourses__item:hover .metadata__title {
    color: #0f5ca8
}

.c_header .mycourses__image {
    position: relative;
    width: 60px;
    height: 60px
}

.c_header .mycourses__image img {
    width: 100%
}

.c_header .mycourses__link {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.c_header .badge {
    position: absolute
}

.c_header .dropdown__main-link .badge {
    top: -10px;
    left: 10px
}

.c_header .dropdown--user .dropdown__main-link .badge {
    top: -3px;
    left: 20px
}

.c_header .dropdown--user .menu__link .badge {
    position: static;
    margin-left: 5px
}

.c_header .mobile-bt--search-cancel {
    display: none;
    background: none;
    border: none;
    font-size: 15px;
    color: #1376d7;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 0 10px
}

.c_header .mobile-bt--search-cancel:focus {
    outline: 0
}

.c_header .overflow-nav {
    display: none
}

.c_header .nav-open.overflow-nav {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.c_header .nav-open .overflow-nav__avatar {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.c_header .nav-open .overflow-nav__user {
    -webkit-transition: .6s cubic-bezier(.02,.01,.21,1) .7s;
    -moz-transition: .6s .7s cubic-bezier(.02,.01,.21,1);
    -ms-transition: .6s .7s cubic-bezier(.02,.01,.21,1);
    -o-transition: .6s .7s cubic-bezier(.02,.01,.21,1);
    transition: .6s cubic-bezier(.02,.01,.21,1) .7s
}

.c_header .nav-open .overflow-nav__links li,.c_header .nav-open .overflow-nav__user {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.c_header .nav-open .overflow-nav__links li:nth-child(0) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.c_header .nav-open .overflow-nav__links li:first-child {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.c_header .nav-open .overflow-nav__links li:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.c_header .nav-open .overflow-nav__links li:nth-child(3) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.c_header .nav-open .overflow-nav__links li:nth-child(4) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.c_header .nav-open .overflow-nav__links li:nth-child(5) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.c_header .nav-open .overflow-nav__links li:nth-child(6) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.c_header .nav-open .overflow-nav__links li:nth-child(7) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.c_header .nav-open .overflow-nav__links li:nth-child(8) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.c_header .nav-open .overflow-nav__links li:nth-child(9) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.c_header .nav-open .overflow-nav__links li:nth-child(10) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.c_header .nav-open .overflow-nav__links li:nth-child(11) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.c_header .nav-open .overflow-nav__links li:nth-child(12) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.c_header .nav-open .overflow-nav__links li:nth-child(13) {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

.c_header .nav-open .overflow-nav__profile:after {
    -webkit-transform: scale(3.6);
    -ms-transform: scale(3.6);
    -o-transform: scale(3.6);
    transform: scale(3.6)
}

.c_header .nav-open--sub .overflow-nav--main {
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.c_header .nav-open--sub .overflow-nav--sub {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.c_header.c_header--mobile.dropdown--shopping-cart .dropdown__menu {
    display: none
}

.c_header__logo-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center
}

.c_header__logo-wrap {
    margin-left: 20px;
    margin-right: 20px
}

.c_header__inner {
    position: relative;
    height: 48px;
    border-top: 4px solid #17aa1c;
    box-sizing: content-box;
    z-index: 1011;
    background: inherit;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.c_header__inner,.c_header__left {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.c_header__left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.c_header__mobile-spacer {
    display: none;
    visibility: hidden
}

.c_header__search {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px;
    height: 48px;
    position: relative
}

.c_header__right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end
}

.c_header__overlay {
    cursor: pointer;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1011;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    background-color: rgba(0,0,0,.55)
}

.c_header__overlay.overlay--search-show {
    visibility: visible;
    opacity: 1;
    z-index: 1010
}

.c_header__mobile-bt {
    display: none;
    background: none;
    border: none;
    font-size: 24px;
    color: rgba(0,0,0,.55);
    width: 48px;
    height: 48px;
    touch-action: pan-y;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    padding: 0
}

.c_header__mobile-bt.udi-search {
    font-size: 20px;
    padding-bottom: 2px
}

.c_header__mobile-bt:active,.c_header__mobile-bt:focus {
    outline: none
}

.c_header .dropdown-menu {
    font-size: 15px;
    overflow: hidden;
    border-radius: 0;
    padding: 0;
    margin: 0;
    border: 0;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.175);
    box-shadow: 0 0 5px rgba(0,0,0,.175)
}

.c_header .dropdown-menu>li>a {
    padding: 5px 12px
}

.c_user-notification .dropdown__tab-bt {
    border-bottom: 5px solid transparent;
    font-size: 13px;
    padding: 5px 10px;
    display: inline-block;
    color: rgba(0,0,0,.8);
    position: relative;
    opacity: .7
}

.c_user-notification .dropdown__tab-bt.active {
    border-bottom-color: #17aa1c;
    opacity: 1
}

.c_user-notification .dropdown__tab-bt:hover {
    opacity: 1
}

.c_user-notification .dropdown__header {
    padding: 12px 12px 0
}

.c_user-notification .dropdown__header .dropdown__setting {
    color: rgba(0,0,0,.25);
    font-size: 20px
}

.c_user-notification .dropdown__header .dropdown__setting:hover {
    color: rgba(0,0,0,.55)
}

.c_user-notification .dropdown__header .badge {
    top: -4px;
    right: -9px
}

.c_user-notification .notification__list {
    max-height: 404px;
    overflow-y: auto
}

.c_user-notification .notification__item {
    padding: 10px 15px;
    border-bottom: 1px solid hsla(0,0%,75%,.45);
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.c_user-notification .notification__item:last-child {
    border-bottom: none
}

.c_user-notification .notification__url {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%
}

.c_user-notification .notification__message {
    display: block!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: 245px;
    height: 40px;
    color: rgba(0,0,0,.8);
    margin-bottom: 0;
    line-height: 1.5
}

.c_user-notification .notification__img {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    border-radius: 2px
}

.c_user-notification .notification__time {
    color: rgba(0,0,0,.55);
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 5px
}

.c_user-notification .notification__status {
    position: absolute;
    top: 30px;
    right: 20px;
    background: #17aa1c;
    border: 1px solid transparent;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer
}

.c_user-notification .notification__status .tooltip--mark-as-read {
    display: none;
    left: inherit;
    right: -10px;
    top: 10px;
    transform: none
}

.c_user-notification .notification__status .tooltip--mark-as-read .tooltip-arrow {
    left: auto;
    right: 10px
}

.c_user-notification .notification__status:hover .tooltip--mark-as-read {
    display: block
}

.c_user-notification .notification__status--read {
    background: transparent;
    border-color: rgba(0,0,0,.25);
    cursor: default
}

.c_user-notification.user-notification--page-view .dropdown__header .udi-settings {
    top: -35px;
    color: #fff
}

.c_user-notification.user-notification--page-view .notification__message,.c_user-notification.user-notification--page-view .notification__url {
    width: 100%
}

.footer-v42 {
    font-size: 13px;
    padding: 10px 0 5px;
    background: #333;
    z-index: 990;
    position: absolute;
    bottom: 0;
    width: 100%
}

.footer-v42 .white-text {
    color: #fff;
    display: inline-block;
    margin-right: 16px
}

.footer-v42 .white-text:hover {
    text-decoration: underline
}

.footer-v42 .white-link {
    color: #fff
}

.footer-v42 .gray-link,.footer-v42 .gray-link:focus {
    color: #999
}

.footer-v42 .gray-text {
    color: #999;
    display: inline-block;
    margin-right: 20px
}

.footer-v42 .gray-text:hover {
    text-decoration: underline
}

@media (max-width:480px) {
    .footer-v42 .international-links {
        font-size: 10px
    }
}

.footer-v42 .international-links>li {
    color: #999;
    display: inline-block;
    margin-right: 1.2em
}

.footer-v42 .international-links>li:last-child {
    margin-right: 0
}

.footer-v42 .international-links>li>a {
    color: #999
}

.footer-v42 .international-links>li>a:hover {
    text-decoration: underline
}

.footer-v42 .copyright:hover {
    text-decoration: none
}

@media (max-width:480px) {
    .footer-v42 {
        font-size: 11px
    }
}

[lang=de-de] .c_header .dropdown--notification .dropdown__menu,[lang=ru-ru] .c_header .dropdown--notification .dropdown__menu {
    width: 420px
}

[lang=de-de] .c_header .dropdown--notification .notification__message,[lang=ru-ru] .c_header .dropdown--notification .notification__message {
    width: 290px
}

.footer-v42,.footer-v42-wrapper {
    height: 61px
}

@media (max-width:1199px) {
    .footer-v42-wrapper.lg-3-rows,.footer-v42.lg-3-rows {
        height: 79px
    }
}

@media (max-width:991px) {
    .footer-v42,.footer-v42-wrapper {
        height: 79px
    }

    .footer-v42-wrapper.md-4-rows,.footer-v42.md-4-rows {
        height: 99px
    }

    #jp .footer-v42,#jp .footer-v42-wrapper {
        height: 94px
    }
}

@media (max-width:767px) {
    .footer-v42,.footer-v42-wrapper,.footer-v42-wrapper.xs-3-rows,.footer-v42.xs-3-rows {
        height: 71px
    }

    #jp .footer-v42,#jp .footer-v42-wrapper {
        height: 94px
    }
}

@media (max-width:540px) {
    #jp .footer-v42,#jp .footer-v42-wrapper {
        height: 130px
    }
}

.organization .footer-v42,.organization .footer-v42-wrapper {
    height: 61px
}

.footer-v42-wrapper.footer-v42--tall,.footer-v42.footer-v42--tall {
    height: 110px
}

.lang-dropdown-control {
    cursor: pointer
}

.lang-dropdown {
    margin-top: -4px;
    margin-right: 25px
}

.lang-dropdown .dropdown-toggle {
    display: block;
    white-space: nowrap
}

.lang-dropdown .dropdown-menu {
    padding: 10px 5px
}

.lang-dropdown .dropdown-menu a {
    color: #888;
    font-weight: 600;
    padding: 2px 15px 2px 10px;
    display: block
}

.lang-dropdown .dropdown-menu a:after {
    font-family: UdemyIcons;
    content: "\F00C";
    color: #17aa1c;
    position: absolute;
    right: 5px;
    opacity: 0
}

.lang-dropdown .dropdown-menu a:hover {
    color: #555
}

.lang-dropdown .dropdown-menu a:hover:after {
    opacity: 1
}

.ufbDaysLeft {
    margin: 10px;
    padding: 10px;
    position: relative
}

.ufbDaysLeft:hover .ufbDaysLeft__popover {
    display: block
}

.ufbDaysLeft__popover {
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    color: #000;
    font-weight: 400;
    font-size: 12px;
    padding: 10px;
    z-index: 1;
    border-radius: 2px;
    transform: translateX(-50%);
    left: 50%;
    box-shadow: 0 1px 4px rgba(0,0,0,.13);
    margin-top: 9px;
    width: 270px;
    white-space: normal;
    display: none
}

.ufbDaysLeft__popover:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    box-shadow: -1px -1px 0 0 #ccc;
    margin-bottom: -6px
}

@media (max-width:991px) {
    .c_header .dropdown.dropdown--org-manage:hover .dropdown__menu {
        display: block
    }

    .c_header .dropdown--instructor,.c_header .dropdown--mycourses,.c_header .dropdown--ufb {
        display: none
    }

    .c_header .dropdown--user .dropdown__menu {
        width: 200px
    }

    .c_header .dropdown--user .dropdown__menu .dn {
        display: block
    }

    .ufbDaysLeft__days {
        display: none
    }
}

@media (max-width:767px) {
    .c_header .quick-search__form {
        position: absolute;
        top: 0;
        right: 0;
        width: 0
    }

    .c_header .quick-search__input {
        padding: 0;
        cursor: pointer
    }

    .c_header .quick-search__btn {
        font-size: 18px;
        display: none;
        background: #17aa1c;
        color: #fff;
        padding: 10px;
        border-radius: 2px;
        top: 6px;
        animation: none
    }

    .c_header .overlay--mobile-show {
        visibility: visible;
        opacity: 1
    }

    .c_header .overlay--search-show {
        visibility: hidden
    }

    .c_header .search-open.overlay--search-show {
        visibility: visible
    }

    .c_header .search-open .quick-search__form {
        position: static;
        width: 100%
    }

    .c_header .search-open .quick-search__input {
        padding: 0 48px 0 55px;
        cursor: auto
    }

    .c_header .search-open .quick-search__btn {
        display: block
    }

    .c_header .search-open.c_header__search {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 2
    }

    .c_header .search-open .mobile-bt--search {
        display: none
    }

    .c_header .search-open .mobile-bt--search-cancel {
        display: block
    }

    .c_header .dropdown {
        border-left: 0
    }

    .c_header .dropdown--login,.c_header .dropdown--notification,.c_header .dropdown--signup,.c_header .dropdown--topics,.c_header .dropdown--user {
        display: none
    }

    .c_header .dropdown--shopping-cart .dropdown__menu {
        right: 0
    }

    .c_header .overflow-nav {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 480px;
        max-width: 80%;
        height: 100%;
        padding-bottom: 15px;
        background: #f4f4f4;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        -webkit-transition: -webkit-transform .6s cubic-bezier(.785,.135,.15,.86);
        -moz-transition: -moz-transform .6s cubic-bezier(.785,.135,.15,.86);
        -o-transition: -o-transform .6s cubic-bezier(.785,.135,.15,.86);
        transition: transform .6s cubic-bezier(.785,.135,.15,.86);
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        -ms-transform: translate3d(-100%,0,0);
        -o-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        z-index: 1012
    }

    .c_header .overflow-nav .get-app {
        border: 1px solid #1376d7;
        border-radius: 4px;
        padding: 3px 10px;
        color: #1376d7;
        font-size: 13px;
        top: 10px
    }

    .c_header .overflow-nav .menu__link a {
        padding: 10px 15px;
        color: rgba(0,0,0,.8);
        display: block;
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .c_header .overflow-nav .menu__link a:hover {
        background: #fff
    }

    .c_header .overflow-nav .menu__link .dropdown-menu a:hover {
        background: #f4f4f4
    }

    .c_header .overflow-nav .menu__link.menu__link--bottom a {
        font-size: 16px;
        padding: 8px 15px
    }

    .c_header .overflow-nav .menu__link--separator {
        height: 1px;
        background-color: #cbcbcb;
        margin: 10px
    }

    .c_header .overflow-nav .menu__link--bottom-spacer {
        visibility: hidden;
        margin-top: 15px
    }

    .c_header .overflow-nav--main {
        -webkit-transition: .6s cubic-bezier(.42,0,0,.99);
        -moz-transition: .6s cubic-bezier(.42,0,0,.99);
        -ms-transition: .6s cubic-bezier(.42,0,0,.99);
        -o-transition: .6s cubic-bezier(.42,0,0,.99);
        transition: .6s cubic-bezier(.42,0,0,.99);
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        overflow-y: auto;
        height: 100%
    }

    .c_header .overflow-nav__back-bt {
        line-height: 1;
        padding: 0;
        position: absolute;
        left: 5px;
        top: 15px;
        font-size: 18px;
        color: #fff;
        font-weight: 400;
        background: none;
        border: none
    }

    .c_header .overflow-nav__back-bt:active,.c_header .overflow-nav__back-bt:focus {
        outline: none
    }

    .c_header .overflow-nav--sub {
        overflow-y: auto;
        -webkit-transition: .6s cubic-bezier(.42,0,0,.99);
        -moz-transition: .6s cubic-bezier(.42,0,0,.99);
        -ms-transition: .6s cubic-bezier(.42,0,0,.99);
        -o-transition: .6s cubic-bezier(.42,0,0,.99);
        transition: .6s cubic-bezier(.42,0,0,.99);
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        -o-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        font-size: 18px;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #f4f4f4
    }

    .c_header .overflow-nav--sub header {
        background-color: #17aa1c;
        color: #fff;
        text-align: center;
        padding: 14px 15px;
        margin-bottom: 10px;
        font-weight: 600;
        position: relative
    }

    .c_header .overflow-nav--instructor .overflow-nav--sub header,.c_header .overflow-nav--instructor .overflow-nav__profile:after {
        background-color: #1376d7
    }

    .c_header .overflow-nav__profile {
        display: block;
        padding: 20px 10px;
        margin-bottom: 10px;
        position: relative;
        overflow: hidden
    }

    .c_header .overflow-nav__profile a {
        position: relative;
        z-index: 1;
        display: block
    }

    .c_header .overflow-nav__profile:after {
        content: "";
        background-color: #17aa1c;
        border-radius: 50%;
        position: absolute;
        width: 300px;
        height: 300px;
        -webkit-transition: .6s cubic-bezier(.02,.01,.21,1) .4s;
        -moz-transition: .6s .4s cubic-bezier(.02,.01,.21,1);
        -ms-transition: .6s .4s cubic-bezier(.02,.01,.21,1);
        -o-transition: .6s .4s cubic-bezier(.02,.01,.21,1);
        transition: .6s cubic-bezier(.02,.01,.21,1) .4s;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        right: -150px;
        bottom: -150px
    }

    .c_header .overflow-nav__avatar {
        border-radius: 50%;
        width: 36%;
        max-width: 175px;
        -webkit-transition: .3s cubic-bezier(.02,.01,.21,1) .4s;
        -moz-transition: .3s .4s cubic-bezier(.02,.01,.21,1);
        -ms-transition: .3s .4s cubic-bezier(.02,.01,.21,1);
        -o-transition: .3s .4s cubic-bezier(.02,.01,.21,1);
        transition: .3s cubic-bezier(.02,.01,.21,1) .4s;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        -o-transform: scale(.3);
        transform: scale(.3);
        opacity: 0;
        display: block;
        margin: auto
    }

    .c_header .overflow-nav__user {
        color: #fff;
        opacity: 0;
        text-align: center;
        display: block;
        margin: 10px 0 0;
        font-size: 15px;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: .6s ease-in-out;
        -moz-transition: .6s ease-in-out;
        -ms-transition: .6s ease-in-out;
        -o-transition: .6s ease-in-out;
        transition: .6s ease-in-out;
        transition-property: transform,opacity
    }

    .c_header .overflow-nav__links {
        font-size: 18px;
        margin-top: 20px
    }

    .c_header .overflow-nav__links li {
        opacity: 0;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -ms-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        -webkit-transition-property: transform opacity;
        -moz-transition-property: transform opacity;
        -ms-transition-property: transform opacity;
        -o-transition-property: transform opacity;
        transition-property: transform opacity;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -ms-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s
    }

    .c_header__logo-container {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1
    }

    .c_header__left {
        -webkit-box-flex: initial;
        -webkit-flex: initial;
        -moz-flex: initial;
        -ms-flex: initial;
        -o-flex: initial;
        flex: initial;
        min-width: 1px
    }

    .c_header__mobile-spacer {
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        -o-flex: 1;
        flex: 1;
        min-width: 1px
    }

    .c_header__mobile-bt {
        display: block
    }

    .body-when-header-mobile-nav-open {
        overflow: hidden
    }
}

.rzslider {
    display: inline-block;
    position: relative;
    height: 4px;
    width: 100%;
    margin: 35px 0 15px;
    vertical-align: middle;
    user-select: none
}

.rzslider.with-legend {
    margin-bottom: 40px
}

.rzslider[disabled] {
    cursor: not-allowed
}

.rzslider[disabled] .rz-pointer {
    cursor: not-allowed;
    background-color: #d8e0f3
}

.rzslider[disabled] .rz-bar-wrapper.rz-draggable {
    cursor: not-allowed
}

.rzslider[disabled] .rz-bar.rz-selection {
    background: #8b91a2
}

.rzslider[disabled] .rz-ticks .rz-tick {
    cursor: not-allowed
}

.rzslider[disabled] .rz-ticks .rz-tick.rz-selected {
    background: #8b91a2
}

.rzslider span {
    white-space: nowrap;
    position: absolute;
    display: inline-block
}

.rzslider .rz-base {
    width: 100%;
    height: 100%;
    padding: 0
}

.rzslider .rz-bar-wrapper {
    left: 0;
    box-sizing: border-box;
    margin-top: -16px;
    padding-top: 16px;
    width: 100%;
    height: 32px;
    z-index: 1
}

.rzslider .rz-bar-wrapper.rz-draggable {
    cursor: move
}

.rzslider .rz-bar {
    left: 0;
    width: 100%;
    height: 4px;
    z-index: 1;
    background: #d8e0f3
}

.rzslider .rz-bar,.rzslider .rz-bar.rz-selection {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.rzslider .rz-bar.rz-selection {
    z-index: 2;
    background: #0db9f0
}

.rzslider .rz-pointer {
    cursor: pointer;
    width: 32px;
    height: 32px;
    top: -14px;
    background-color: #0db9f0;
    z-index: 3;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.rzslider .rz-pointer:after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 12px;
    left: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff
}

.rzslider .rz-pointer:hover:after {
    background-color: #fff
}

.rzslider .rz-pointer.rz-active {
    z-index: 4
}

.rzslider .rz-pointer.rz-active:after {
    background-color: #451aff
}

.rzslider .rz-bubble {
    cursor: default;
    bottom: 16px;
    padding: 1px 3px;
    color: #55637d
}

.rzslider .rz-bubble.rz-selection {
    top: 16px
}

.rzslider .rz-bubble.rz-limit {
    color: #55637d
}

.rzslider .rz-ticks {
    box-sizing: border-box;
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: -3px;
    margin: 0;
    z-index: 1;
    list-style: none
}

.rzslider .rz-ticks .rz-tick {
    text-align: center;
    cursor: pointer;
    width: 10px;
    height: 10px;
    background: #d8e0f3;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 11px
}

.rzslider .rz-ticks .rz-tick.rz-selected {
    background: #0db9f0
}

.rzslider .rz-ticks .rz-tick .rz-tick-value {
    position: absolute;
    top: -30px;
    transform: translate(-50%)
}

.rzslider .rz-ticks .rz-tick .rz-tick-legend {
    position: absolute;
    top: 24px;
    transform: translate(-50%);
    max-width: 50px;
    white-space: normal
}

.rzslider .rz-ticks.rz-ticks-values-under .rz-tick-value {
    top: auto;
    bottom: -32px
}

.rzslider.rz-vertical {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 20px;
    padding: 0;
    vertical-align: baseline
}

.rzslider.rz-vertical .rz-base {
    width: 100%;
    height: 100%;
    padding: 0
}

.rzslider.rz-vertical .rz-bar-wrapper {
    top: auto;
    left: 0;
    margin: 0 0 0 -16px;
    padding: 0 0 0 16px;
    height: 100%;
    width: 32px
}

.rzslider.rz-vertical .rz-bar {
    bottom: 0;
    left: auto;
    width: 4px;
    height: 100%
}

.rzslider.rz-vertical .rz-pointer {
    left: -14px!important;
    top: auto;
    bottom: 0
}

.rzslider.rz-vertical .rz-bubble {
    left: 16px!important;
    margin-left: 3px;
    bottom: 0
}

.rzslider.rz-vertical .rz-bubble.rz-selection {
    left: 16px!important;
    top: auto
}

.rzslider.rz-vertical .rz-ticks {
    height: 100%;
    width: 0;
    left: -3px;
    top: 0;
    z-index: 1
}

.rzslider.rz-vertical .rz-ticks .rz-tick {
    vertical-align: middle;
    margin-left: auto;
    margin-top: 11px
}

.rzslider.rz-vertical .rz-ticks .rz-tick .rz-tick-value {
    left: 24px;
    top: auto;
    transform: translateY(-28%)
}

.rzslider.rz-vertical .rz-ticks .rz-tick .rz-tick-legend {
    top: auto;
    right: 24px;
    transform: translateY(-28%);
    max-width: none;
    white-space: nowrap
}

.rzslider.rz-vertical .rz-ticks.rz-ticks-values-under .rz-tick-value {
    bottom: auto;
    left: auto;
    right: 24px
}

.uftPopup {
    width: 760px
}

.uftPopup__unlimited {
    font-size: 18px
}

.uftPopup__lock {
    font-size: 20px;
    margin-right: 20px;
    vertical-align: middle
}

.uftPopup__head {
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    vertical-align: middle
}

.uftPopup__btnWrapper {
    margin-top: 50px
}

.uftPopup__btn {
    padding: 15px 70px
}

.uftPopup__header__button__content {
    background: #1e78d4;
    color: #fff!important
}

.uftPopup__header__button__content:focus,.uftPopup__header__button__content:hover {
    background-color: #1b6ec2
}

.uftPopup__header__button__content:active {
    background-color: #1a69b9
}

.uftPopup__heading__inner {
    margin-left: 10px
}

.uftPopup__heading--med {
    margin: 10px 0 0;
    padding: 0;
    font-size: 18px
}

.uftPopup__slider {
    margin-top: 35px
}

.uftPopup__slider__right {
    margin-top: 10px
}

.uftPopup__slider__right__copy {
    font-size: 11px;
    display: inline-block;
    color: #4a90e2
}

.uftPopup__nums {
    margin: 50px 0 30px
}

.uftPopup__nums__head {
    margin: 0;
    padding: 0;
    font-size: 18px
}

.uftPopup__nums__total {
    font-size: 32px;
    font-weight: 700
}

.uftPopup__submit {
    padding: 15px 30px!important
}

.uftPopup__cancel {
    border: 0;
    margin-right: 35px
}

.uftPopup .rzslider .rz-bar {
    background: #d8d8d8
}

.uftPopup .rzslider .rz-ticks .rz-tick {
    background: transparent
}

.uftPopup .rzslider .rz-ticks .rz-tick .rz-tick-value {
    top: -45px;
    font-size: 15px
}

.uftPopup .rzslider .rz-ticks .rz-tick .rz-tick-value.bold {
    font-size: 18px;
    font-weight: 700;
    margin-top: -2px
}

.uftPopup .rzslider .rz-pointer {
    background: #17aa1c;
    width: 28px;
    height: 28px
}

.uftPopup .rzslider .rz-pointer:after {
    display: none
}

.uftPopup .rzslider .rz-pointer:before {
    content: "";
    position: absolute;
    top: -13px;
    left: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 24px;
    border-color: transparent transparent #17aa1c
}

.uftPopup .rzslider .rz-pointer:focus {
    outline: none
}

.uftPopup__error {
    margin: 20px 0 0
}

.uftPopup__error__link {
    text-decoration: underline
}

.uftPopup__footer {
    margin-top: 70px;
    text-align: right
}

.uftModal__submit {
    padding: 15px 30px
}

.uftModal__cancel {
    margin-right: 20px;
    border: 0;
    padding: 15px 30px
}

.uftPopup__loader {
    position: absolute;
    background: rgba(0,0,0,.65);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    border-radius: 3px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px
}

@media (max-width:767px) {
    .uftPopup__slider {
        display: block
    }

    .uftPopup__slider__right__copy {
        padding-left: 0;
        margin-top: 10px;
        display: inherit
    }

    .uftPopup__footer {
        text-align: center
    }

    .uftModal__cancel {
        margin-right: 0
    }
}

.mobile-app-upsell-banner {
    z-index: 99999999999;
    width: 100%;
    text-align: center;
    color: #17aa1c;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    padding: 20px 10%;
    border-top: 1px solid #dedede
}

.mobile-app-upsell-banner .udi-close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    color: rgba(0,0,0,.55);
    font-size: 12px
}

.mobile-app-upsell-banner__get-app-btn {
    font-size: 16px
}

html.pricing-popup-is-open,html.pricing-popup-is-open body {
    overflow: hidden
}

.pricing-popup {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 999999;
    overflow: auto;
    background: hsla(0,0%,100%,.8)
}

.pricing-popup form {
    text-align: right;
    padding: 0 31px 35px 0
}

.pricing-popup form .btn-primary {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 10px;
    color: #fff;
    background-color: #17aa1c;
    border-color: transparent
}

.pricing-popup form .btn-tertiary {
    color: #0e600e;
    margin-top: 10px;
    background-color: transparent;
    border-color: transparent
}

.pricing-popup form .btn-decline {
    color: #d23837
}

.pricing-popup a {
    color: #1376d7
}

.pricing-popup a:hover {
    color: #23527c
}

.pricing-popup p+ul {
    margin-top: -20px
}

.pricing-popup ul li {
    padding-left: 20px
}

.pricing-popup ul li:before {
    content: "\2022   ";
    position: absolute;
    margin-left: -15px;
    line-height: .8em;
    font-size: 26px;
    color: #727272
}

.pricing-popup .pricing-popup--window {
    width: 100%;
    position: absolute;
    margin: 50px auto
}

.pricing-popup .pricing-popup--content {
    border: none;
    width: 580px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
    background: #fff;
    margin: 0 auto
}

.pricing-popup .pricing-popup--header-wrapper {
    background-color: #18ab1d;
    background: linear-gradient(#18ab1d,#107313);
    border-radius: 4px 4px 0 0
}

.pricing-popup .pricing-popup--header {
    position: relative;
    padding: 28px 50px 23px 25px;
    border-radius: 4px 4px 0 0;
    text-align: left;
    font-weight: 700;
    color: #fff;
    background: url(/staticx/udemy/js/webpack/pricing-header-popup.d13e230ffc446fb43bc28941c390ce99.png) repeat 50%
}

.pricing-popup .pricing-popup--header.warning {
    background: url(/staticx/udemy/js/webpack/pricing-header-popup.d13e230ffc446fb43bc28941c390ce99.png) repeat 50%,url(/staticx/udemy/js/webpack/warning.7b1978e18b1009839bcb4d01215556eb.png) no-repeat 20px;
    background-size: 100% 100%,37px 37px;
    padding-left: 70px
}

.pricing-popup .pricing-popup--header .closeButton {
    position: absolute;
    top: 30px;
    right: 25px;
    opacity: .8;
    padding: 0;
    background: none;
    text-decoration: none;
    min-width: 0;
    cursor: pointer
}

.pricing-popup .pricing-popup--header .closeButton:after,.pricing-popup .pricing-popup--header .closeButton:before {
    display: block;
    content: "";
    width: 22px;
    border-top: 2px solid #fff;
    margin-top: 12px;
    margin-left: -6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pricing-popup .pricing-popup--header .closeButton:before {
    margin-top: 7px;
    margin-bottom: -14px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pricing-popup .pricing-popup--header .closeButton:active,.pricing-popup .pricing-popup--header .closeButton:hover {
    opacity: .8
}

.pricing-popup .pricing-popup--header .closeButton:active:after,.pricing-popup .pricing-popup--header .closeButton:active:before,.pricing-popup .pricing-popup--header .closeButton:hover:after,.pricing-popup .pricing-popup--header .closeButton:hover:before {
    border-color: #f7f7f4
}

.pricing-popup .pricing-popup--text-content {
    background: #fefefe;
    color: #000;
    margin: 0 auto;
    font-size: 15px;
    padding: 18px 31px 0 25px
}

.pricing-popup .pricing-popup--text-content p {
    line-height: 1.35em;
    padding-bottom: 11px
}

.pricing-popup .btn-primary:active,.pricing-popup .btn-primary:hover {
    background: #159d1a
}

@media (max-width:992px) {
    .pricing-popup .modal-dialog {
        width: 80%
    }
}

@media (max-width:768px) {
    .pricing-popup .pricing-popup--content {
        width: auto;
        border-radius: 0;
        margin: 5px
    }

    .pricing-popup .pricing-popup--window {
        margin: 0
    }

    .pricing-popup .pricing-popup--header {
        border-radius: 0;
        padding: 10px 50px 10px 10px;
        background: #148e18
    }

    .pricing-popup .pricing-popup--header .closeButton {
        right: 10px;
        top: 12px
    }

    .pricing-popup .pricing-popup--text-content {
        padding-left: 10px
    }

    .pricing-popup .pricing-popup--header-wrapper {
        border-radius: 0
    }

    .pricing-popup iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@media (max-width:480px) {
    .pricing-popup .modal-dialog {
        width: 100%;
        margin: auto
    }

    .pricing-popup .modal-footer {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-flex-pack: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify;
        padding: 0 0 30px!important
    }
}

.sc-dropdown__details {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px;
    max-width: 280px;
    padding: 0 10px
}

.sc-dropdown__empty-message {
    border-top: none;
    text-align: center;
    padding: 20px
}

.sc-dropdown__image {
    width: 60px
}

.sc-dropdown__image img {
    width: 100%
}

.sc-dropdown__item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 1px solid hsla(0,0%,75%,.45);
    padding: 10px 15px;
    min-height: 80px
}

.sc-dropdown__item:last-child {
    border-bottom: none
}

.sc-dropdown__item-instructor {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(0,0,0,.55);
    font-size: 11px;
    margin-top: 5px
}

.sc-dropdown__item-title {
    display: block!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.sc-dropdown__list {
    display: block;
    max-height: 160px;
    border-bottom: 1px solid hsla(0,0%,75%,.45);
    overflow-y: auto
}

.sc-dropdown__prices {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0;
    -moz-flex: 0;
    -ms-flex: 0;
    -o-flex: 0;
    flex: 0;
    min-width: 1px;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    min-width: 25px;
    text-align: right
}

.sc-dropdown__price {
    color: #17aa1c;
    font-weight: 700;
    direction: rtl
}

.sc-dropdown__price--old {
    color: rgba(0,0,0,.55);
    font-size: 13px;
    font-weight: 600;
    direction: rtl;
    text-decoration: line-through
}

.sc-dropdown__total {
    border-bottom: 1px solid hsla(0,0%,75%,.45);
    border-top: none;
    padding: 10px 15px;
    text-align: right;
    font-size: 15px
}

.sc-dropdown__total .sc-dropdown__price {
    font-weight: 400
}

.sc-dropdown__to-cart {
    display: block;
    margin: 10px;
    text-align: center
}

.sc-dropdown__to-more {
    display: inline-block;
    text-align: center;
    font-weight: 600;
    font-size: 13px
}

.sc-dropdown__to-more .udi-next {
    position: relative;
    font-size: 12px;
    top: 1px;
    left: 0;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.sc-dropdown__to-more:hover {
    color: #0f5ca8
}

.sc-dropdown__to-more:hover .udi-next {
    left: 5px
}

.star-rating--static {
    position: relative;
    white-space: nowrap;
    display: inline-block;
    color: #aaa;
    margin-left: -2px
}

.star-rating--static:before,.star-rating--static span:before {
    font-family: UdemyIcons;
    content: "\2009\F005\2009\2009\F005\2009\2009\F005\2009\2009\F005\2009\2009\F005\2009";
    font-size: 20px;
    letter-spacing: -.5px;
    line-height: 1
}

.star-rating--static span {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    z-index: 2
}

.star-rating--static span:before {
    color: #17aa1c
}

.star-rating--static.star-rating--large:before,.star-rating--static.star-rating--large span:before {
    font-size: 22px
}

.star-rating--static.star-rating--small:before,.star-rating--static.star-rating--small span:before {
    font-size: 17px
}

.star-rating--static.star-rating--smaller:before,.star-rating--static.star-rating--smaller span:before {
    font-size: 15px
}

html.terms-popup-is-open,html.terms-popup-is-open body {
    overflow: hidden
}

.terms-popup {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 999999;
    overflow: auto;
    background: hsla(0,0%,100%,.8)
}

.terms-popup form {
    text-align: right;
    padding: 0 31px 35px 0
}

.terms-popup form.terms-popup--instructor-form {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 35px;
    border-top: 1px solid rgba(0,0,0,.1)
}

.terms-popup form .btn-primary {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 10px;
    color: #fff;
    background-color: #17aa1c;
    border-color: transparent
}

.terms-popup form .btn-tertiary {
    color: #0e600e;
    background-color: transparent;
    border-color: transparent
}

.terms-popup form .btn-decline {
    color: #d23837
}

.terms-popup a {
    color: #1376d7
}

.terms-popup a:hover {
    color: #23527c
}

.terms-popup p+ul {
    margin-top: -20px
}

.terms-popup ul li {
    padding-left: 30px;
    padding-top: 10px
}

.terms-popup ul li:before {
    content: "\2022   ";
    position: absolute;
    margin-left: -15px;
    line-height: .8em;
    font-size: 26px;
    color: #727272
}

.terms-popup .terms-popup--window {
    width: 100%;
    position: absolute;
    margin: 50px auto
}

.terms-popup .terms-popup--content {
    width: 600px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
    background: #fff;
    margin: 0 auto
}

.terms-popup .terms-popup--header-wrapper {
    background-color: #18ab1d;
    background: linear-gradient(#18ab1d,#107313);
    border-radius: 4px 4px 0 0
}

.terms-popup .terms-popup--header {
    position: relative;
    padding: 28px 0 23px 25px;
    border-radius: 4px 4px 0 0;
    font-weight: 700;
    color: #fff
}

.terms-popup .terms-popup--header.warning {
    background: url(/staticx/udemy/js/webpack/warning.7b1978e18b1009839bcb4d01215556eb.png) no-repeat 20px;
    background-size: 37px 37px;
    padding-left: 70px;
    padding-right: 40px
}

.terms-popup .terms-popup--header .closeButton {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    background: none;
    text-decoration: none;
    min-width: 0;
    cursor: pointer
}

.terms-popup .terms-popup--header .closeButton:after,.terms-popup .terms-popup--header .closeButton:before {
    display: block;
    content: "";
    width: 22px;
    border-top: 2px solid #fff;
    margin-top: 12px;
    margin-left: -6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.terms-popup .terms-popup--header .closeButton:before {
    margin-top: 7px;
    margin-bottom: -14px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.terms-popup .terms-popup--header .closeButton:active:after,.terms-popup .terms-popup--header .closeButton:active:before,.terms-popup .terms-popup--header .closeButton:hover:after,.terms-popup .terms-popup--header .closeButton:hover:before {
    border-color: #f7f7f4
}

.terms-popup .terms-popup--text-content {
    background: #fefefe;
    color: #000;
    margin: 0 auto;
    font-size: 15px;
    padding: 18px 31px 0 21px
}

.terms-popup .terms-popup--text-content p {
    line-height: 1.35em;
    padding-bottom: 11px
}

.terms-popup .btn-primary:active,.terms-popup .btn-primary:hover {
    background: #159d1a
}

@media (max-width:768px) {
    .terms-popup .terms-popup--content {
        width: auto;
        border-radius: 0;
        margin: 5px
    }

    .terms-popup .terms-popup--window {
        margin: 0
    }

    .terms-popup .terms-popup--header {
        border-radius: 0;
        padding: 10px;
        background: #148e18
    }

    .terms-popup .terms-popup--header-wrapper {
        border-radius: 0
    }

    .terms-popup iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

.clearfix:after,.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right!important
}

.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
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height,visibility;
    transition-property: height,visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.df,.fx-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fx {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px
}

.aic,.fx-vc {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-drr {
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.fx-wrap,.fxwrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.dif,.fx-dif,.inline-flex {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.flex-wrapper,.fx-df {
    -webkit-box-align: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start
}

.flex-wrapper,.fx-df,.fx-lt,.fxw {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fx-lc,.fxac {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-lb,.fx-lc,.fxac {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center
}

.fx-lb {
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.fx-ct,.fxjc {
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start
}

.fx-c,.fx-ct,.fxc,.fxjc {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center
}

.fx-c,.fxc {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-cb,.fxjc {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center
}

.fx-rc,.fx-rt,.fxje {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end
}

.fx-rc {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-rb {
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end
}

.fx-jsa,.fx-rb,.fxjsa {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fx-jsa,.fxjsa {
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-flex-pack: space-around;
    -o-justify-content: space-around;
    justify-content: space-around
}

.fx-jsb,.fxjsb {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.fx-dc,.fx-jsb,.fxdc,.fxjsb {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fx-dc,.fxdc {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column
}

.fx-dc.center,.fxdc.center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-dc.right,.fxdc.right {
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.fx-jcc {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center
}

.fx-str {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.fx-str>* {
    height: auto!important
}

.fx-str.center {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center
}

.fx-str.right {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end
}

.fx-is {
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -ms-align-self: flex-start;
    align-self: flex-start
}

.fx-ie {
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    -ms-align-self: flex-end;
    align-self: flex-end
}

.fx-ic {
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center
}

.ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tac {
    text-align: center
}

.tac-force {
    text-align: center!important
}

.tal {
    text-align: left
}

.tal-force {
    text-align: left!important
}

.tar {
    text-align: right
}

.tar-force {
    text-align: right!important
}

.thin {
    font-weight: 100
}

.thin-force {
    font-weight: 100!important
}

.light {
    font-weight: 300
}

.light-force {
    font-weight: 300!important
}

.regular {
    font-weight: 400
}

.regular-force {
    font-weight: 400!important
}

.semibold {
    font-weight: 600
}

.semibold-force {
    font-weight: 600!important
}

.bold {
    font-weight: 700
}

.bold-force {
    font-weight: 700!important
}

.nowrap {
    white-space: nowrap
}

.nowrap-force {
    white-space: nowrap!important
}

.db {
    display: block
}

.db-force {
    display: block!important
}

.dib {
    display: inline-block
}

.dib-force {
    display: inline-block!important
}

.dn {
    display: none
}

.dn-force {
    display: none!important
}

.oh {
    overflow: hidden
}

.oh-force {
    overflow: hidden!important
}

.oa {
    overflow: auto
}

.oa-force {
    overflow: auto!important
}

.pos-s {
    position: static
}

.pos-s-force {
    position: static!important
}

.pos-r {
    position: relative
}

.pos-r-force {
    position: relative!important
}

.pos-a {
    position: absolute
}

.pos-a-force {
    position: absolute!important
}

.pos-f {
    position: fixed
}

.pos-f-force {
    position: fixed!important
}

.fl {
    float: left
}

.fl-force {
    float: left!important
}

.fr {
    float: right
}

.fr-force {
    float: right!important
}

.fn {
    float: none
}

.fn-force {
    float: none!important
}

.h100p {
    height: 100%
}

.h100p-force {
    height: 100%!important
}

.w100p {
    width: 100%
}

.w100p-force {
    width: 100%!important
}

.text-vertical-middle {
    vertical-align: middle
}

.text-vertical-middle-force {
    vertical-align: middle!important
}

.text-green {
    color: #17aa1c
}

.text-green-force {
    color: #17aa1c!important
}

.bg-green {
    background-color: #17aa1c
}

.bg-green-force {
    background-color: #17aa1c!important
}

.text-white {
    color: #fff
}

.text-white-force {
    color: #fff!important
}

.bg-white {
    background-color: #fff
}

.bg-white-force {
    background-color: #fff!important
}

.text-black {
    color: #111
}

.text-black-force {
    color: #111!important
}

.bg-black {
    background-color: #111
}

.bg-black-force {
    background-color: #111!important
}

.text-light-grey {
    color: #f4f4f4
}

.text-light-grey-force {
    color: #f4f4f4!important
}

.bg-light-grey {
    background-color: #f4f4f4
}

.bg-light-grey-force {
    background-color: #f4f4f4!important
}

.text-highlight-grey {
    color: #cbcbcb
}

.text-highlight-grey-force {
    color: #cbcbcb!important
}

.bg-highlight-grey {
    background-color: #cbcbcb
}

.bg-highlight-grey-force {
    background-color: #cbcbcb!important
}

.text-dark-grey {
    color: rgba(0,0,0,.8)
}

.text-dark-grey-force {
    color: rgba(0,0,0,.8)!important
}

.bg-dark-grey {
    background-color: rgba(0,0,0,.8)
}

.bg-dark-grey-force {
    background-color: rgba(0,0,0,.8)!important
}

.text-medium-grey {
    color: rgba(0,0,0,.55)
}

.text-medium-grey-force {
    color: rgba(0,0,0,.55)!important
}

.bg-medium-grey {
    background-color: rgba(0,0,0,.55)
}

.bg-medium-grey-force {
    background-color: rgba(0,0,0,.55)!important
}

.text-line-grey {
    color: rgba(0,0,0,.25)
}

.text-line-grey-force {
    color: rgba(0,0,0,.25)!important
}

.bg-line-grey {
    background-color: rgba(0,0,0,.25)
}

.bg-line-grey-force {
    background-color: rgba(0,0,0,.25)!important
}

.text-link-blue {
    color: #1376d7
}

.text-link-blue-force {
    color: #1376d7!important
}

.bg-link-blue {
    background-color: #1376d7
}

.bg-link-blue-force {
    background-color: #1376d7!important
}

.text-border-grey {
    color: #dedede
}

.text-border-grey-force {
    color: #dedede!important
}

.bg-border-grey {
    background-color: #dedede
}

.bg-border-grey-force {
    background-color: #dedede!important
}

.text-purple {
    color: #6f55a0
}

.text-purple-force {
    color: #6f55a0!important
}

.bg-purple {
    background-color: #6f55a0
}

.bg-purple-force {
    background-color: #6f55a0!important
}

.text-turquoise {
    color: #0eadad
}

.text-turquoise-force {
    color: #0eadad!important
}

.bg-turquoise {
    background-color: #0eadad
}

.bg-turquoise-force {
    background-color: #0eadad!important
}

.text-blue {
    color: #298fb7
}

.text-blue-force {
    color: #298fb7!important
}

.bg-blue {
    background-color: #298fb7
}

.bg-blue-force {
    background-color: #298fb7!important
}

.text-orange {
    color: #ef8d2b
}

.text-orange-force {
    color: #ef8d2b!important
}

.bg-orange {
    background-color: #ef8d2b
}

.bg-orange-force {
    background-color: #ef8d2b!important
}

.text-red {
    color: #d23837
}

.text-red-force {
    color: #d23837!important
}

.bg-red {
    background-color: #d23837
}

.bg-red-force {
    background-color: #d23837!important
}

.text-smoke {
    color: #ededed
}

.text-smoke-force {
    color: #ededed!important
}

.bg-smoke {
    background-color: #ededed
}

.bg-smoke-force {
    background-color: #ededed!important
}

.m0 {
    margin: 0
}

.mt0 {
    margin-top: 0
}

.mr0 {
    margin-right: 0
}

.mb0 {
    margin-bottom: 0
}

.ml0 {
    margin-left: 0
}

.p0 {
    padding: 0
}

.pt0 {
    padding-top: 0
}

.pr0 {
    padding-right: 0
}

.pb0 {
    padding-bottom: 0
}

.pl0 {
    padding-left: 0
}

.m5 {
    margin: 5px
}

.mt5 {
    margin-top: 5px
}

.mr5 {
    margin-right: 5px
}

.mb5 {
    margin-bottom: 5px
}

.ml5 {
    margin-left: 5px
}

.p5 {
    padding: 5px
}

.pt5 {
    padding-top: 5px
}

.pr5 {
    padding-right: 5px
}

.pb5 {
    padding-bottom: 5px
}

.pl5 {
    padding-left: 5px
}

.m10 {
    margin: 10px
}

.mt10 {
    margin-top: 10px
}

.mr10 {
    margin-right: 10px
}

.mb10 {
    margin-bottom: 10px
}

.ml10 {
    margin-left: 10px
}

.p10 {
    padding: 10px
}

.pt10 {
    padding-top: 10px
}

.pr10 {
    padding-right: 10px
}

.pb10 {
    padding-bottom: 10px
}

.pl10 {
    padding-left: 10px
}

.m15 {
    margin: 15px
}

.mt15 {
    margin-top: 15px
}

.mr15 {
    margin-right: 15px
}

.mb15 {
    margin-bottom: 15px
}

.ml15 {
    margin-left: 15px
}

.p15 {
    padding: 15px
}

.pt15 {
    padding-top: 15px
}

.pr15 {
    padding-right: 15px
}

.pb15 {
    padding-bottom: 15px
}

.pl15 {
    padding-left: 15px
}

.m20 {
    margin: 20px
}

.mt20 {
    margin-top: 20px
}

.mr20 {
    margin-right: 20px
}

.mb20 {
    margin-bottom: 20px
}

.ml20 {
    margin-left: 20px
}

.p20 {
    padding: 20px
}

.pt20 {
    padding-top: 20px
}

.pr20 {
    padding-right: 20px
}

.pb20 {
    padding-bottom: 20px
}

.pl20 {
    padding-left: 20px
}

.m30 {
    margin: 30px
}

.mt30 {
    margin-top: 30px
}

.mr30 {
    margin-right: 30px
}

.mb30 {
    margin-bottom: 30px
}

.ml30 {
    margin-left: 30px
}

.p30 {
    padding: 30px
}

.pt30 {
    padding-top: 30px
}

.pr30 {
    padding-right: 30px
}

.pb30 {
    padding-bottom: 30px
}

.pl30 {
    padding-left: 30px
}

.m60 {
    margin: 60px
}

.mt60 {
    margin-top: 60px
}

.mr60 {
    margin-right: 60px
}

.mb60 {
    margin-bottom: 60px
}

.ml60 {
    margin-left: 60px
}

.p60 {
    padding: 60px
}

.pt60 {
    padding-top: 60px
}

.pr60 {
    padding-right: 60px
}

.pb60 {
    padding-bottom: 60px
}

.pl60 {
    padding-left: 60px
}

@-ms-viewport {
    width:device-width
}

.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
    display: none!important
}

@media (max-width:767px) {
    .visible-xs {
        display: block!important
    }

    table.visible-xs {
        display: table!important
    }

    tr.visible-xs {
        display: table-row!important
    }

    td.visible-xs,th.visible-xs {
        display: table-cell!important
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block!important
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline!important
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block!important
    }

    table.visible-sm {
        display: table!important
    }

    tr.visible-sm {
        display: table-row!important
    }

    td.visible-sm,th.visible-sm {
        display: table-cell!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block!important
    }

    table.visible-md {
        display: table!important
    }

    tr.visible-md {
        display: table-row!important
    }

    td.visible-md,th.visible-md {
        display: table-cell!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block!important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block!important
    }

    table.visible-lg {
        display: table!important
    }

    tr.visible-lg {
        display: table-row!important
    }

    td.visible-lg,th.visible-lg {
        display: table-cell!important
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block!important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline!important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block!important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none!important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none!important
    }
}

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: block!important
    }

    table.visible-print {
        display: table!important
    }

    tr.visible-print {
        display: table-row!important
    }

    td.visible-print,th.visible-print {
        display: table-cell!important
    }
}

.visible-print-block {
    display: none!important
}

@media print {
    .visible-print-block {
        display: block!important
    }
}

.visible-print-inline {
    display: none!important
}

@media print {
    .visible-print-inline {
        display: inline!important
    }
}

.visible-print-inline-block {
    display: none!important
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }
}

@media print {
    .hidden-print {
        display: none!important
    }
}

@media only screen and (max-width:1200px) {
    .tac-lg {
        text-align: center
    }

    .tac-force-lg {
        text-align: center!important
    }

    .tal-lg {
        text-align: left
    }

    .tal-force-lg {
        text-align: left!important
    }

    .tar-lg {
        text-align: right
    }

    .tar-force-lg {
        text-align: right!important
    }

    .dn-lg {
        display: none
    }

    .dn-force-lg {
        display: none!important
    }

    .db-lg {
        display: block
    }

    .db-force-lg {
        display: block!important
    }

    .dib-lg {
        display: inline-block
    }

    .dib-force-lg {
        display: inline-block!important
    }

    .fx-dc-lg,.fxdc-lg {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column
    }

    .fx-dc-lg.center,.fxdc-lg.center {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .fx-dc-lg.right,.fxdc-lg.right {
        -webkit-box-align: center;
        -webkit-align-items: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end
    }

    .fx-dc-force-lg,.fxdc-force-lg {
        display: -webkit-box!important;
        display: -moz-box!important;
        display: -ms-flexbox!important;
        display: -webkit-flex!important;
        display: flex!important;
        -webkit-flex-direction: column!important;
        -moz-flex-direction: column!important;
        -ms-flex-direction: column!important;
        -o-flex-direction: column!important;
        flex-direction: column!important
    }

    .fx-dc-force-lg.center,.fxdc-force-lg.center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .fx-dc-force-lg.right,.fxdc-force-lg.right {
        -webkit-box-align: center!important;
        -webkit-align-items: flex-end!important;
        -ms-flex-align: flex-end!important;
        align-items: flex-end!important
    }

    .fx-c-lg,.fx-lc-lg,.fxac-lg,.fxc-lg {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .fx-c-lg,.fxc-lg {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -o-justify-content: center;
        justify-content: center
    }
}

@media only screen and (max-width:992px) {
    .tac-md {
        text-align: center
    }

    .tac-force-md {
        text-align: center!important
    }

    .tal-md {
        text-align: left
    }

    .tal-force-md {
        text-align: left!important
    }

    .tar-md {
        text-align: right
    }

    .tar-force-md {
        text-align: right!important
    }

    .dn-md {
        display: none
    }

    .dn-force-md {
        display: none!important
    }

    .db-md {
        display: block
    }

    .db-force-md {
        display: block!important
    }

    .dib-md {
        display: inline-block
    }

    .dib-force-md {
        display: inline-block!important
    }

    .fx-dc-md,.fxdc-md {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column
    }

    .fx-dc-md.center,.fxdc-md.center {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .fx-dc-md.right,.fxdc-md.right {
        -webkit-box-align: center;
        -webkit-align-items: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end
    }

    .fx-dc-force-md,.fxdc-force-md {
        display: -webkit-box!important;
        display: -moz-box!important;
        display: -ms-flexbox!important;
        display: -webkit-flex!important;
        display: flex!important;
        -webkit-flex-direction: column!important;
        -moz-flex-direction: column!important;
        -ms-flex-direction: column!important;
        -o-flex-direction: column!important;
        flex-direction: column!important
    }

    .fx-dc-force-md.center,.fxdc-force-md.center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .fx-dc-force-md.right,.fxdc-force-md.right {
        -webkit-box-align: center!important;
        -webkit-align-items: flex-end!important;
        -ms-flex-align: flex-end!important;
        align-items: flex-end!important
    }

    .fx-c-md,.fx-lc-md,.fxac-md,.fxc-md {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .fx-c-md,.fxc-md {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -o-justify-content: center;
        justify-content: center
    }
}

@media only screen and (max-width:768px) {
    .tac-sm {
        text-align: center
    }

    .tac-force-sm {
        text-align: center!important
    }

    .tal-sm {
        text-align: left
    }

    .tal-force-sm {
        text-align: left!important
    }

    .tar-sm {
        text-align: right
    }

    .tar-force-sm {
        text-align: right!important
    }

    .dn-sm {
        display: none
    }

    .dn-force-sm {
        display: none!important
    }

    .db-sm {
        display: block
    }

    .db-force-sm {
        display: block!important
    }

    .dib-sm {
        display: inline-block
    }

    .dib-force-sm {
        display: inline-block!important
    }

    .fx-dc-sm,.fxdc-sm {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column
    }

    .fx-dc-sm.center,.fxdc-sm.center {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .fx-dc-sm.right,.fxdc-sm.right {
        -webkit-box-align: center;
        -webkit-align-items: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end
    }

    .fx-dc-force-sm,.fxdc-force-sm {
        display: -webkit-box!important;
        display: -moz-box!important;
        display: -ms-flexbox!important;
        display: -webkit-flex!important;
        display: flex!important;
        -webkit-flex-direction: column!important;
        -moz-flex-direction: column!important;
        -ms-flex-direction: column!important;
        -o-flex-direction: column!important;
        flex-direction: column!important
    }

    .fx-dc-force-sm.center,.fxdc-force-sm.center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .fx-dc-force-sm.right,.fxdc-force-sm.right {
        -webkit-box-align: center!important;
        -webkit-align-items: flex-end!important;
        -ms-flex-align: flex-end!important;
        align-items: flex-end!important
    }

    .fx-c-sm,.fx-lc-sm,.fxac-sm,.fxc-sm {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .fx-c-sm,.fxc-sm {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -o-justify-content: center;
        justify-content: center
    }
}

@media only screen and (max-width:480px) {
    .tac-xs {
        text-align: center
    }

    .tac-force-xs {
        text-align: center!important
    }

    .tal-xs {
        text-align: left
    }

    .tal-force-xs {
        text-align: left!important
    }

    .tar-xs {
        text-align: right
    }

    .tar-force-xs {
        text-align: right!important
    }

    .dn-xs {
        display: none
    }

    .dn-force-xs {
        display: none!important
    }

    .db-xs {
        display: block
    }

    .db-force-xs {
        display: block!important
    }

    .dib-xs {
        display: inline-block
    }

    .dib-force-xs {
        display: inline-block!important
    }

    .fx-dc-xs,.fxdc-xs {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column
    }

    .fx-dc-xs.center,.fxdc-xs.center {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .fx-dc-xs.right,.fxdc-xs.right {
        -webkit-box-align: center;
        -webkit-align-items: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end
    }

    .fx-dc-force-xs,.fxdc-force-xs {
        display: -webkit-box!important;
        display: -moz-box!important;
        display: -ms-flexbox!important;
        display: -webkit-flex!important;
        display: flex!important;
        -webkit-flex-direction: column!important;
        -moz-flex-direction: column!important;
        -ms-flex-direction: column!important;
        -o-flex-direction: column!important;
        flex-direction: column!important
    }

    .fx-dc-force-xs.center,.fxdc-force-xs.center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .fx-dc-force-xs.right,.fxdc-force-xs.right {
        -webkit-box-align: center!important;
        -webkit-align-items: flex-end!important;
        -ms-flex-align: flex-end!important;
        align-items: flex-end!important
    }

    .fx-c-xs,.fx-lc-xs,.fxac-xs,.fxc-xs {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .fx-c-xs,.fxc-xs {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -o-justify-content: center;
        justify-content: center
    }
}