@font-face { font-family:cocon; src: url('font/cocon.otf'); } 



.carousel,

.carousel-inner {

    position: relative

}



.carousel-caption,

.carousel-control {

    color: #fff;

    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);

    text-align: center

}



#jp .footer-v42-wrapper .row {

    line-height: 36px;

    text-align: center

}



#jp .splash-text {

    width: 100%

}



.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

}



.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;

    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 {

    position: absolute;

    top: 50%;

    margin-top: -10px;

    z-index: 5;

    display: inline-block

}



.carousel-control .glyphicon-chevron-left,

.carousel-control .icon-prev {

    left: 50%;

    margin-left: -10px

}



.carousel-control .glyphicon-chevron-right,

.carousel-control .icon-next {

    right: 50%;

    margin-right: -10px

}



.carousel-control .icon-next,

.carousel-control .icon-prev {

    width: 20px;

    height: 20px;

    line-height: 1;

    font-family:cocon, 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

}



.carousel-caption .btn {

    text-shadow: none

}



.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%

}



.featured-cards li:hover,

.features {

    opacity: .8

}



.cards:after,

.cards:before {

    content: " ";

    display: table

}



.cards:after {

    clear: both

}



.cards li {

    float: right;

    vertical-align: top

}



.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:nth-child(1) .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:nth-child(1) .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:nth-child(1) .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:nth-child(1) .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:nth-child(1) {

    margin: 20px 0 0

}



.featured-cards li:nth-child(1) .card-img {

    height: 365px

}



.featured-cards li:nth-child(1) .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

}



.card--home {

   /* width: 270px;

    margin: 20px 0 0 20px*/

	float:right;

}



.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

}



.c_header.home,

.search-field:focus {

    box-shadow: none

}



.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;

	text-align: right;

    direction: rtl;

}



.card--home .by {

    color: #8190a1;

    display: block;

    margin-top: 5px;

    font-size: 14px;

	text-align: right;

    direction: rtl;

}



.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 .price {

    font-size: 20px;

    color: #17aa1c;

    font-weight: 700

}



.card--home .price--old {

    font-size: 16px;

    color: rgba(0, 0, 0, .55);

    text-decoration: line-through;

    margin-left: 10px

}



.c_header.home .c_header__mobile-bt,

.c_header.home .dropdown__main-icon {

    color: #fff

}



.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);

    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 .dropdown {

	float:right;

    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-link {

    color: #fff;

    padding: 15px 12px;

	font-size:18px;

}



.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 {

    right: 20px;

    left: 75px;

}



.search-inp-container {

    padding: 0 0 0 20px;

    background: #fff;

    border-radius:  0 8px 8px 0 

}



.search-field {

    height: 60px;

    font-size: 18px;

    padding: 0;

    background: 0 0;

    border: 0

}



.home-search-btn {

    color: #fff;

    background-color: #1376d7;

    border-color: transparent;

    font-size: 22px;

    border-radius:  8px 0 0 8px;

    padding: 0 20px;

    height: 60px

}



.home-search-btn.active,

.home-search-btn.active.focus,

.home-search-btn.active:focus,

.home-search-btn.active:hover,

.home-search-btn.focus,

.home-search-btn:active,

.home-search-btn:active.focus,

.home-search-btn:active:focus,

.home-search-btn:active:hover,

.home-search-btn:focus,

.home-search-btn: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 {

    color: #fff

}



.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

}



.explore-all-btn.active,

.explore-all-btn.active.focus,

.explore-all-btn.active:focus,

.explore-all-btn.active:hover,

.explore-all-btn.focus,

.explore-all-btn:active,

.explore-all-btn:active.focus,

.explore-all-btn:active:focus,

.explore-all-btn:active:hover,

.explore-all-btn:focus,

.explore-all-btn:hover,

.features,

.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 {

    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 {

    margin-top: 20px;

    font-size: 15px;

    text-align: left

}



.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-left: 20px;

    font-size: 30px

}



.features i.udi-mobile-phone {

    font-size: 42px

}



.home-main {

    **position: absolute;

	 position: relative;

    **top: 100%;

    z-index: 0;

    width: 100%;

	top:-48px;

}



.topics-heading {

    background-color: #f4f3f2;

    font-size: 35px;

    margin: 0;

    padding-top: 20px

}



.topic-cards {

    background: #f4f3f2;

    padding-bottom: 55px

}



.explore-all-btn,

.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 {

    color: #fff;

    display: block;

    font-size: 28px;

    text-align: center;

    padding: 20px;

    margin-top: 40px;

    font-weight: 700

}



.explore-all-btn.active,

.explore-all-btn:active,

.open>.dropdown-toggle.explore-all-btn {

    background-image: none

}



.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: 0 0

}



.search-inp-container .quick-search {

	text-align:right;

    border: 0;

    box-shadow: none;

	direction:rtl;

}



.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-body,

.region-modal .modal-footer,

.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 .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 .btn {

    background: 0 0;

    font-size: 15px;

    color: #00713a;

    padding: 8px 15px;

    border: 1px solid #dad9d9;

    -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

}



#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,

.home .udi-cart {

    color: #fff

}



.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

    }

}



#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: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: #000;

    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(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

}



#de #how-it-works h1,

#de #testimonials h1,

#de .signup-wrapper h2,

#es #how-it-works h1,

#es #testimonials h1,

#es .signup-wrapper h2,

#estacio #how-it-works h1,

#estacio #testimonials h1,

#estacio .signup-wrapper h2,

#fr #how-it-works h1,

#fr #testimonials h1,

#fr .signup-wrapper h2,

#jp #how-it-works h1,

#jp #testimonials h1,

#jp .signup-wrapper h2,

#pt #how-it-works h1,

#pt #testimonials h1,

#pt .signup-wrapper h2 {

    font-size: 24px;

    font-weight: 500

}



#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

}



#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 #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 #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 screen and (min-width:768px) {

    .carousel-control .glyphicon-chevron-left,

    .carousel-control .glyphicon-chevron-right,

    .carousel-control .icon-next,

    .carousel-control .icon-prev {

        width: 30px;

        height: 30px;

        margin-top: -10px;

        font-size: 30px

    }

    .carousel-control .glyphicon-chevron-left,

    .carousel-control .icon-prev {

        margin-left: -10px

    }

    .carousel-control .glyphicon-chevron-right,

    .carousel-control .icon-next {

        margin-right: -10px

    }

    .carousel-caption {

        left: 20%;

        right: 20%;

        padding-bottom: 30px

    }

    .carousel-indicators {

        bottom: 20px

    }

}



@media (min-width:992px) {

    .signup-btn {

        width: 345px

    }

}



@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:1200px) {

    .cards {

        text-align: center

    }

    .cards li {

        float: none;

        display: inline-block

    }

    .featured-cards li:nth-child(1),

    .featured-cards li:nth-child(2),

    .featured-cards li:nth-child(3) {

        margin: 10px

    }

    .featured-cards li:nth-child(1) .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:nth-child(1) .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:nth-child(1) .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:nth-child(1) .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

    }

    .card--home {

        margin: 10px!important

    }

    .card--home .card-details {

        display: inline-block

    }

}



@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: 0 0

    }

    #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%;

		padding-top:75px;

    }

    .home-top-splash .heading {

        display: none!important

    }

    .features,

    .topics-heading {

        display: none

    }

    .home-top-splash .subhead {

        margin-top: 20px

    }

    .search-inp-container {

        padding: 0 0 0 10px;

        border-radius:  0 10px 10px 0 

    }

    input.search-field {

        height: 40px;

        font-size: 13px;

        border-radius: 10px;

        padding: 0 10px

    }

    .home-search-btn {

        font-size: 18px;

        border-radius: 10px 0  0 10px;

        height: 40px

    }

    .home-main {

        top: 0px;

        position: relative

    }

    .ajax-loader-stick {

        margin-top: 50px

    }

    .topic-cards {

        min-height: 0;

        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 .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

    }

    .signup-section {

        padding: 60px 0

    }

}



@media (max-width:993px) {

    .featured-cards li:nth-child(1) .card-img,

    .featured-cards li:nth-child(2) .card-img,

    .featured-cards li:nth-child(3) .card-img {

        width: 560px

    }

}



@media (max-width:992px) {

    #jp .footer-v42__spacer {

        display: block

    }

}



@media (max-width:991px) {

    .c_header .dropdown--instructor,

    .c_header .dropdown--ufb {

        display: block

    }

    #de .carousel,

    #de .carousel .slide,

    #de .carousel .slides,

    #es .carousel,

    #es .carousel .slide,

    #es .carousel .slides,

    #estacio .carousel,

    #estacio .carousel .slide,

    #estacio .carousel .slides,

    #fr .carousel,

    #fr .carousel .slide,

    #fr .carousel .slides,

    #jp .carousel,

    #jp .carousel .slide,

    #jp .carousel .slides,

    #pt .carousel,

    #pt .carousel .slide,

    #pt .carousel .slides {

        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-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-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

    }

    #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

    }

    .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 (max-width:768px) {

    #jp .footer-v42__spacer {

        margin-bottom: 10px

    }

}



@media (max-width:767px) {

    .c_header .dropdown--instructor,

    .c_header .dropdown--ufb,

    .c_header.home .dropdown--language-select {

        display: none

    }

    #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

    }

}



@media (max-width:640px) {

    .featured-cards li {

        width: 90%

    }

    .featured-cards li:nth-child(1) .card-img,

    .featured-cards li:nth-child(2) .card-img,

    .featured-cards li:nth-child(3) .card-img {

        width: 100%;

        min-width: 270px

    }

}



@media (max-width:480px) {

    .card--home a {

        min-height: 290px

    }

    .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 (min-width:992px) and (max-width:1199px) {

    .arrow {

        width: 252px!important

    }

}



@media (-webkit-transform-3d),

all and (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

    }

}





.fxac .desc {

    text-align: right;

}