@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap');

/* ESTILOS GENERALES */
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    background:white;
	font-family: "Poppins";
}


/* WIDTH LIMITE: 1200PX */

@media(min-width: 1200px){
	.mobileonly{ display:none !important; }
    .nodesktop{ display:none !important; }
}
@media(max-width: 1200px){
	.nomobile{ display: none !important; }
}


/* FUENTE DEL DASHBOARD EN MODO TABLET */

@media(max-width: 1200px){
	.dashboard .menu-item .item-text {
        font-size: 18px;
    }
}
@media(max-width: 600px){
	.dashboard .menu-item .item-text {
        font-size: 14px;
    }
}


@media(max-width: 1200px){
    .dashboard .menu{
        position: absolute;
        z-index: 99;
        width: 100%;
        height: 100%;
        pointer-events: none;
    }
    .dashboard .menu.open .content{
         pointer-events: all;
    }
    .dashboard .menu .content{
        width: 50%;
        min-width: 240px;
        transform: translateX(-100%);
        transition: 0.2s ease-in-out all;
    }
    .dashboard .menu.open .content{
         transform: translateX(0px);
    }
	 .dashboard .menu.open .backdrop{
         opacity: 1;
    }
}


@media (max-width: 1200px){
    .dashboard .briefing-item-placeholder {
        padding-left: 20px;
    }
}

@media (max-width: 1200px){
    .dashboard .home .onboarding {
        padding: 0px 20px;
        box-sizing: border-box;
    }    
}

/* items con desplazamiento horizontal */
@media(max-width: 1200px){
    .dashboard .briefing {
        display: flex;
        align-items: center;
        justify-content: space-between;
        overflow: hidden;
        padding-right: 20px;
    }
}

/* tarjetas de informacion */
@media(max-width: 1200px){
    .dashboard .home > .main {
        flex-direction: column;
        padding: 0px 20px;
        box-sizing: border-box;
    }
    .card.continue-where-you-left{
        width: 100%;
        margin-bottom: 10px;
        height: 140px;
    }
}
/* titulo bienvenida */
@media(max-width: 1200px){
    .dashboard .viewport > .content-placeholder > .content{
        padding: 20px 0px;
    }
    .dashboard .viewport > .content-placeholder > .content > .header{
        padding: 0px 20px 20px 20px;
    }
    .dashboard .viewport > .content-placeholder > .content > .header > .title{
        line-height: 32px;   
    }
}

/* cursos sugeridos */
@media(max-width: 1200px){
    .suggested-courses {
        margin-left: 20px;
        width: 96%;
    }
}

/* botones y busqueda hearder */
@media(max-width: 1200px){
	.header.page-header .header-bottom .subscribe-button {display: none;}
		.header.page-header .header-bottom .presale-button {display: none;}
}
@media(min-width: 1200px){
	.header.page-header .login-button { display:none; }
	.header.page-header .menu-button { display:none; }
}

@media(min-width:1200px){
	.dashboard .header .menu-button {
		display: none;
	}
}

@media(max-width:1200px){
	.dashboard .header .searcher{
		/* display: none; */
	}
}

@media(max-width:1200px){
	.input-group{
		flex-direction: column;
	}
}

@media(max-width:1200px){
	.input-container .dropdown{
		width: 100%;
	}
    .input-group .input-container+.input-container {
        margin-top: 12px;
    }
}
@media(min-width: 1200px){
    .input-group .input-container{
        margin-top: 0px;
    }
    .input-group .input-container+.input-container {
        margin-left: 12px;
    }
}

@media(max-width: 1200px){
	.input-container{
		width: 100%;
	flex: 1;}
	.input-group .input-container+.input-container{
		margin-top: 12px;
		padding: 0px;
		margin-bottom: 12px;
	}
	.input-group+.input-group{
	    margin-top: 12px;
	}
}

@media(max-width: 1200px){
    .button.plan-button{
        font-size: 14px;
        height: 36px;
        width: 150px;
    }
}

@media(max-width:1200px){
	.web > .header-placeholder{
		position: sticky;
		top: -48px;
		z-index: 3;
	}
}

@media(max-width:1200px){
	.courses .container {margin: 0px auto;}
}

@media(max-width:1200px){
	.container > .header{
		flex-wrap: wrap;
		height: auto;
		min-height: 44px;
	}
	.container > .header .input-group{
		display: flex;
		flex-direction: column;
		width: 100%;
		max-height: 0px;
		overflow: hidden;
		align-items: stretch;
		box-sizing: border-box;
	}
	.container > .header .input-group.open{
		max-height: initial;
		overflow: visible;
	}
}

@media(min-width:1220px){
	.courses-list{
		flex-wrap: wrap;
	}
	.courses-list .course-placeholder {
        width: 25%;
        /* padding: 8px; */
	}
	.courses-list .course-placeholder:nth-child(4n+4) {
		margin-right: 0;
		flex: none;
		width: 236px;
	}
    .courses-list .course-placeholder:nth-child(n+5) .course{
       margin-top: 20px;
    }
    .courses-list .course-placeholder:last-child:nth-child(4n+3){
        width: calc(50% - 10px);
        flex: none;
    }
    .courses-list .course-placeholder:last-child:nth-child(4n+2){
        width: calc(75% - 5px);
        flex: none;
    }
}
@media(max-width:1200px){
}

@media(max-width: 1200px){
    .dashboard .menu{
        position: absolute;
        z-index: 99;
        width: 100%;
        height: 100%;
        pointer-events: none;
    }
    .dashboard .menu.open .content{
         pointer-events: all;
    }
    .dashboard .menu .content{
        width: 50%;
        min-width: 240px;
        transform: translateX(-100%);
        transition: 0.2s ease-in-out all;
    }
    .dashboard .menu.open .content{
         transform: translateX(0px);
    }
	 .dashboard .menu.open .backdrop{
         opacity: 1;
    }
}

@media(max-width: 1200px){
    .dashboard .viewport > .content-placeholder > .content{
        padding: 20px 0px;
    }
    .dashboard .viewport > .content-placeholder > .content > .header{
        padding: 0px 20px 20px 20px;
    }
    .dashboard .viewport > .content-placeholder > .content > .header > .title{
        line-height: 32px;   
    }
}

@media(min-width: 1200px){
    .events-and-news{
        flex-direction: row;
    }
    .events-and-news .events{
        margin: 0 auto 0 0;
    }
    .events-and-news .news{
        margin: 0 0 0 auto;
    }
}
@media(max-width: 1200px){
    .events-and-news .news {
        margin-top: 20px;
    }
}


@media(max-width: 1200px){
    .dashboard .briefing-item-placeholder{
        padding-left:20px;
    }
}

@media(max-width:1200px){
    .payment-confirmed .welcome {
        flex-direction: column;
        align-items: center;
        margin: 0 20px;
        width: auto;
    }
    .payment-confirmed .welcome .content .title{
        margin-top: 20px;
    }
    .payment-confirmed .welcome .content .description{
        padding-bottom: 0px;
    }
    .account-data{
        padding: 20px;
    }
    .data-group {
        flex-wrap: wrap;
    }
    .data-container:nth-child(2n+1){
        width: 100%;
        flex-direction: column;
        height: auto;
    }
    .data-container:nth-child(2n+2){
        width: 100%;
        margin-top: 20px;
        height: auto;
        flex-direction: column;
    }
    .data-container label{
        margin-left: 0 !important;
        font-size: 15px;
    }
    .data-container > span{
        /* margin-left: auto; */
        font-size:15px;
    }
}

@media(max-width:1200px){
	.payment-denied .message {
		margin: 20px;
		flex-direction: column;
		align-items: center;
	}

	.checkmark_denied {
		margin-bottom: 20px;
	}

	.payment-denied .message .content .title {
		text-align: center;
		margin-bottom: 10px;
	}

	.payment-denied .message .content {
		margin: 0;
	}

	.payment-denied .message .content .description {
		text-align: center;
	}
}

@media(max-width: 1200px){
	.dashboard .player .index {
		position: absolute;
		width: auto;
		transition: 0.1618s ease-in-out all;
		border-radius: 12px;
		top: 50px;
		left: 20px;
		right: 20px;
		bottom: 64px;
		box-shadow: 0px 0px 3px black;
		height: auto;
		z-index: 2;
		opacity: 0;
		pointer-events: none;
	}
    .dashboard .player .index.open{
        opacity: 1;
        pointer-events: all;
    }
}

@media(max-width:1200px){
    .dashboard .player .course-page .toolbar{
    }
    .dashboard .player .course-page .toolbar-left{
        left: 10px;
    }
    .dashboard .player .course-page .toolbar-right{
        right: 10px;
    }
    .dashboard .player .course-page .toolbar .page-nav{
        width:100%;
        position: fixed;
        bottom: 0px;
        left: 0px;
        background: #2c3050;
        height: 44px;
        transform: none;
    }
    .dashboard .player .course-page .toolbar .page-nav-button{
        width:50%;
    }
    .dashboard .player .course-page .content-placeholder {
        padding-bottom: 44px;
        box-sizing: border-box;
    }
}

@media(max-width:1200px){
	.banner{
		height: auto;padding: 20px;
	}
	.banner .title{
		font-size: 20px;
	}
    .banner + .toolbar > .content {
        padding: 0px;
    }
	.banner .description{
		font-size: 12px;
	}
    .banner .text{
        font-size: 13px;
        line-height: 19px;
    }
    .dashboard .banner{
        height: auto;
    }
}

@media(max-width: 1200px){
	.footer.page-footer{
		/* display: none; */
	}
}

@media(max-width:1200px){
	.footer.page-footer .footer-top {flex-direction: column;padding: 24px 24px 32px 24px;box-sizing: border-box;border: none;box-shadow: none;}
	.footer.page-footer .footer-top .lema {margin-top: 20px;text-align: center;font-size: 14px;line-height: 18px;}
	.footer.page-footer .footer-bottom {padding: 0px 24px 24px 24px;}
	.footer.page-footer .courses-block {display: none;}
	.footer.page-footer .contact-block {flex-direction: row;flex-wrap: wrap;border-top: 1px solid white;padding-top: 24px;}
	.footer.page-footer .footer-bottom .titulo {width: 100%;text-align: center;font-size: 20px;}
	.footer.page-footer .footer-bottom .link {width: 50%;overflow: hidden;text-overflow: ellipsis;line-height: 1;}
	.footer.page-footer .legal > .content {display: flex;flex-wrap: wrap;padding: 12px;}
	.footer.page-footer .social {width: 100%;display: flex;align-items: center;justify-content: center;}
	.footer.page-footer .legal > .content .copyright {font-size: 12px;}
	.footer.page-footer .legal > .content {font-size: 12px;font-weight: 700;}
    .footer.page-footer .footer-bottom .link .icon {
        margin-right: 4px;
    }
}

@media(max-width:1200px){
	.toolbar+.course-contents-placeholder {
		padding: 10px;
	}
}

@media(min-width:1200px){
	.blog-entries-list{
		flex-wrap: wrap;
	}
	.blog-entries-list .blog-entry-placeholder {
        width: 33%;
	}
	.blog-entries-list .blog-entry-placeholder:nth-child(3n+3){
		width: 320px;
		flex: none;
	}
	.blog-entries-list .blog-entry-placeholder:nth-child(3n+3) .blog-entry {
		margin-right: 0;
		width: 320px;
	}
    .blog-entries-list .blog-entry-placeholder:nth-child(n+4) .blog-entry{
       margin-top: 20px;
    }
    .blog-entries-list .blog-entry-placeholder:last-child:nth-child(3n+2){
        width: calc(66% - 5px);
        flex: none;
    }
}
@media(max-width: 1200px){
    .blog-entries-list {
      padding: 0px 20px;
  }
}

@media(max-width: 1200px){
    .blog-entry-contents {
      flex-direction: column;
      margin: 0;
      padding: 20px;
    }
    .blog-entry-contents > .menu {
      width: 100%;
      margin: 0;
      /* align-content: ; */
      align-items: center;
    }
}

@media(max-width:1200px){
	.course-page .exam {
		padding: 20px;
	}
	.course-page .exam .question .answer-textarea textarea {
	    height: 44px;
	}
}

@media(max-width:1200px){
	.dashboard-content.my-account .banner .banner-content .body{
		padding: 0px;
		margin-top: 24px;
	}
	.dashboard-content.my-account .banner .banner-content {
	    display: flex;
	    width: 100%;
	    margin-bottom: auto;
	    margin-top: 20px;
	    padding: 24px;
	    box-sizing: border-box;
	    flex-direction: column;
	    align-items: center;
	}
	.dashboard-content.my-account .banner .banner-content .body .title {
	    color: white;
	    font-size: 24px;
	    line-height: 1;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	.dashboard-content.my-account .banner .banner-content .body .description {
	    color: white;
	    font-size: 16px;
	    margin-top: 10px;
	}
}

@media(max-width:1200px){
	.course .course-contents-placeholder {
		padding: 0px;
	box-sizing: border-box;}
}

@media(max-width:1200px){
	.course-contents .header .icon-placeholder{
		/* display: none; */
	}
}

@media(max-width:1200px){
	.course-contents .header .title{
		text-align: left;
	padding: 16px 0px 0px 0px;}
}

@media(min-width:1200px){
	.course-contents.open{
	    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.1);
	}
}

@media(max-width: 1200px){
	.course-contents .description {margin: 0px 0px 0px 68px;padding: 0px 12px 0px 0px;line-height: 13px;font-size: 11px;color: #555;}
	.course-contents .units {box-sizing: border-box;margin: 0;}
	.course-contents .unit {padding: 4px 12px 4px 68px;margin: 0px;background: white;flex-wrap: wrap;border-radius: 4px;}
	.course-contents .unit-content {padding-right: 4px;padding-top: 3px;}
	.course-contents .unit .unit-duration {padding-top: 7px;width: 50px;white-space: nowrap;}
	.course-contents .unit .duration-icon {margin: 0;font-size: 16px;width: 16px;min-width: 16px;height: 16PX;min-height: 16px;}
	.course-contents .unit .duration-text {width: auto;margin-left: 4px;font-size: 9px;}
	.course-contents .technologies{ margin-left: 68px; padding: 4px 0px;}
    .course-contents .technologies label{
        font-size: 10px;
    }
	.course-contents .header .title .text {font-size: 12px;}
	.course-contents .header .title .expand-icon {margin-right: 0px;font-size: 24px;width: 24px;height: 24px;margin-top: 0px;}
	.course-contents .header {padding: 0px 12px 12px 12px;min-height: 24px;}
	.course-contents .unit-name {font-size: 12px;flex: 1;}
	.course-contents .unit-index {font-size: 12px;font-weight: 700;padding-top: 4px;width: 20px;}
	.course-contents .unit .has-attachments-icon {
        width:16px;
        padding:0;
        box-sizing: border-box;
        text-align: center;
        font-weight: 600;
        font-size: 16px;
        height: 16px;
        margin: 0;
        margin-top: 3px;
    }
    .course-contents .status{
        width:36px;
        padding:0;
        box-sizing: border-box;
        text-align: center;
        font-weight: 600;
        font-size: 10px;
        height: 16px;
        margin-left: 8px;
    }
    .course-contents .unit .unit-finished-icon{
        font-size: 16px;
        width: 16px;
        min-width: 16px;
        height: 16px;
        min-height: 16px;
    }
}

@media(max-width: 1200px){
	.learning-path-contents{
		padding: 0px;
	}
	.learning-path-contents .course-contents{
		margin: 0 12px;
		border-radius: 0px;
		overflow: hidden;
	}
	.learning-path-contents .course-contents-placeholder:first-child .course-contents{
		margin-top: 24px;
		border-radius: 12px 12px 0px 0px;
	}
	.learning-path-contents .course-contents-placeholder:last-child .course-contents{
		margin-bottom: 24px;
		border-radius: 0px 0px 12px 12px;
	}
}

@media(max-width:1200px){
	.technology-card {
	flex: none;}
}

@media(max-width:1200px){
	.header.page-header .header-top {display: flex;padding: 0px 12px;justify-content: center;}
	.header.page-header .header-top .contact-us {display: none;}
	.header.page-header .header-top .access {display: none;}
	.header.page-header .header-top .separator {display: none;}
	.header.page-header .header-top .phone {margin-right: 12px;}
	.header.page-header .header-top .whatsapp {/* width: 50%; */}
	.header.page-header .header-bottom {height: 72px;background: #F1F3F2;position: sticky;top: 0px;padding: 6px 0px 6px 18px;width: 100%;box-sizing: border-box;box-shadow: 0px 1px 1px #ccc;}
	.header.page-header .header-nav {display: none;}
	.header.page-header .nav-link-placeholder {width: 100%;height: 44px;padding: 12px 24px;}
	.header.page-header .header-nav:before {position: fixed;top: 0px;left: 0px;background: rgba(0, 0, 0, 0.3);content: "";width: 100%;height: 100%;overflow: visible;z-index: -1;display: none;}
	.header.page-header .header-nav .nav-link-placeholder {text-align: right;}
	.poster-content {padding: 0px 0px 24px;}
	.poster-main {padding: 24px;}
	.poster-main .title {font-size: 20px;line-height: 28px;}
	.poster-main .description {font-size: 14px;margin-top: 12px;font-weight: 700;}
	.poster-main .buttons {margin-top: 12px;}
	.button.poster-button {font-size: 12px;padding: 0px 12px;height: 24px;border-radius: 8px;white-space: nowrap;}
	.button.poster-button:first-child {padding: 0px 14px;margin-right: 12px;white-space: nowrap;}
	.poster .technologies {margin-top: 0px;padding: 0px 20px;}
	.mission {padding: 24px;margin: 0;}
	.mission .picture {position: absolute;bottom: 24px;left: 0px;opacity: 0.3;z-index: 0;width: 100%;height: 100%;object-fit: contain;}
	.mission .content {width: 100%;padding: 0;}
	.mission .description {margin-top: 12px;font-size: 15px;line-height: 24px;}
	.methodology {margin-top: 0px;padding: 24px;}
	.methodology .title {font-size: 20px;font-weight: 800;color: #C1D4E4;}
	.methodology .description {line-height: 20px;}
	.poster-background {width: 100%;height: 100%;background: #153595;}
	.poster-background img {object-fit: contain;object-position: top;}
	.showcase .content {padding: 24px;}
	.showcase .title {font-size: 20px;line-height: 24px;}
	.showcase .description {margin-top: 12px;font-size: 14px;}
	.showcase .button {margin-top: 24px;}
	
	.learning-paths {padding: 32px;}
	.learning-paths > .title {font-size: 19px;line-height: 24px;}
	.learning-paths .learning-paths-list {margin-top: 24px;padding: 20px;}
}

@media(max-width:1200px){
    .testimonials > .title {font-size: 19px; line-height: 24px;margin: 0;margin-top: 7px; text-align: center;}
}

@media(max-width:1200px){
	.list-toolbar { 
		flex-direction: column;
		padding: 0px 20px 20px 20px;
	}
	.list-toolbar .input-group {
		flex-direction: column;
		width: 100%;
		max-height: 0px;overflow: hidden;
	   align-items: stretch;
    }
	.list-toolbar .input-group.open{
		max-height:400px;
	   margin: 12px 0px;overflow: visible;
    }
	.list-toolbar .toggle-filter-button{
		display: flex;
		align-items: center;
		margin-left: auto;
		color: #153595;
        padding: 12px;
    }
	.list-toolbar .toggle-filter-button span{
        color: inherit;
        font-weight: 700;font-size: 14px;margin-right: 8px;
    }
	.list-toolbar .toggle-filter-button md-icon{
        color: inherit;
        font-size: 16px;width: 16px;min-width: 16px;height: 16px;min-height: 16px;
    }
}

@media(max-width: 1200px){
	.courses-list-placeholder{margin-top: 0px;}
    .courses .courses-list {
        padding: 0px 20px;
      }
}

@media(max-width: 1200px){
    .career{
        padding: 20px;
    }
    .career > img{
        /*! display: none; */
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: bottom center;
        padding: 0px;
        opacity: 0.618;
    }
    .career .content{
        padding: 0px;
        align-items: center;
    }
    .career .heading{
        font-size: 13px;
        color: #333387;
        text-align: center;
        width: 100%;
        text-transform: uppercase;
    }
    .career > .content > .title{
        font-size: 24px;
        line-height: 30px;
        margin-top: 4px;
        width: 100%;
        text-align: center;
    }
    .career-feature{
        width: 50%;
        margin: 0;
        align-items: flex-start;
        padding-right: 10px;
        box-sizing: border-box;
    }
    .career-feature:nth-child(n+3){
        margin-top: 20px;
    }
    
    .career-feature:nth-child(2n) {
        padding-right:0px;
        padding-left: 10px;
    }
    .career-feature .title{
        font-size: 15px;
        text-align: left;
        line-height: 20px;
    }
    .career-feature .description{
        font-size: 12px;
        text-align: left;
        line-height: 17px;
    }
    .career .content .button{
        margin-top: 20px;
    }
}

@media(max-width: 1200px){
    .teachers{
        padding: 20px;
        width: 100%;
        box-sizing: border-box;
    }
    .teachers .heading{
        font-size: 10px;
        color: #333387;
        text-align: center;
        width: 100%;
        margin: 0;
    }
    .teachers > .title{
        font-size: 20px;
        line-height: 24px;
        margin-top: 4px;
        width: 100%;
        text-align: center;
    }
    .teachers-list{
        margin-top: 20px;
    }
    .teachers-list .teacher:last-child{
        margin-right: 0px;
    }
	.teachers-list .teacher{
        margin-left: 20px !important;
    }
}
@media(min-width: 1200px){
    .teachers-list .teacher:nth-child(4n){
        margin-right: 0px;
    }
}

@media(max-width:1200px){
    .checkout .payment{
        margin: 20px 0px 50px 0px;
        border-radius: 0px;
        padding: 40px 20px;
        flex-direction: column;
        align-items: center;
    }
    .checkout .payment .content .buy{
        flex-direction: column;
        align-items: flex-start;
    }
    .checkout .payment .content .buy .button{
        margin: 0;
    }
    .checkout .payment .content .buy .price{
        margin-top: 10px;
    }
    .checkout .contents{
        padding: 20px;
    }
    .checkout .list-of-contents > div{
        width: 100%;
    }
    .checkout .list-of-contents > div:nth-child(2n){
        margin-left: 0px;
        padding-left:0px;
    }

	.checkout .coupon {
	    flex-direction: column;
	    height: auto;
	    margin: 20px;
	    box-sizing: border-box;
	    width: auto;
	}
	
	.checkout .coupon > .title {
	    font-size: 16px;
	    text-align: center;
	    margin-bottom: 10px;
	    line-height: 20px;
	}
	
	.checkout .payment .image {
	    margin-bottom: 20px;
	    border-radius: 12px;
	}
}

@media(max-width:1200px){
    .signup {
        padding: 0 20px;
        width:100%;
        box-sizing: border-box;
    }
    .signup > .header{
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 32px;
    }
    .signup > .header .button{
        margin: 0;
    }
}

@media(min-width: 1200px){
	.plans-list .plan{
		width: 320px;
	}
}
@media(max-width: 1024px){
	.plans-list{
		padding: 0 20px;
		margin-top: 20px;
	}
}
@media(max-width: 1200px){
    .plans > .heading{ 
        font-size: 10px;
        color: #333387;
        margin-top: 20px;
    }
    .plans > .title{
        font-size: 20px;
        line-height: 24px;
        margin-top: 4px;
    }
    .plans-list .plan{
        padding: 10px 20px 20px 20px;
        height: 500px;
    }
    .plans-list .plan .description{
        font-size: 10px;
        line-height: 15px;
        min-height: initial;
    }
    .plan-item {
        font-size: 10px;
        line-height: 18px;
    }
}

@media(max-width: 1200px){
    .faqs{
        margin: 0;
        padding: 50px 20px;
        width: 100%;
        box-sizing: border-box;
        margin-top: 20px;
    }
    .faqs .heading{
        font-size: 10px;
        color: #333387;
    }
    .faqs .title{
        font-size: 20px;
        line-height: 24px;
        margin-top: 4px;
    }
    .faqs .faqs-list{
        margin: 12px 0 0 0;
    }
    
    
    .faqs-list .faq {margin-bottom: 12px;}
    .faqs-list .faq .question{ height: auto; }
    .faqs-list .faq .question .text {font-size: 11px; font-weight: 600; line-height: 13px; }
    .faqs-list .faq .question { padding: 0px; }
    .faqs-list .faq .question md-icon { font-size: 24px; width: 24px; height: 24px;  margin-left: 4px;}
    .faqs-list .faq .answer { padding: 10px 0px; font-size: 11px; line-height: 15px; color: #333; }
    
}

@media(max-width: 1200px){
    .learning-paths-list .learning-path-placeholder{
		width: 40%;
        padding: 10px;
	}
	.learning-paths-list .learning-path-placeholder:not(:last-child) .learning-path{
		margin-bottom: 20px;
	}
}
@media(min-width: 1200px){
    .learning-paths-list .learning-path-placeholder{
        width: 45%;
    }
    .learning-paths-list .learning-path-placeholder:nth-child(2n + 2){
        width: 45%;
        flex: none;
    }
    .learning-paths-list .learning-path-placeholder:nth-child(n+3){
        margin-top: 20px;
    }
}
@media(max-width: 1200px){
    .contact > .content{
        padding: 24px;
        flex-direction: column;
    }
    .contact .contact-text{
        width: 100%;
        margin: 0;
    }
    .contact-text .title{
        font-size: 24px;
        text-align: center;
        line-height: 30px;
    }
    .contact-text .description{
        font-size: 14px;
        text-align: center;
    }
}

@media(max-width:1200px){
	.learning-path-anticipated-sale {
		height: auto;
	}
	.learning-path-anticipated-sale > .content {
		height: auto;
		flex-wrap: wrap;
		flex-direction: column;
	}
	.learning-path-anticipated-sale > .content > .title {
		margin: 0;
		line-height: 1.2;
		padding: 10px 40px 10px 20px;
		box-sizing: border-box;
		text-align: left;
		box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2);
		font-size: 16px;
		width: 100%;
	}
	.learning-path-anticipated-sale > .content > .description {
		margin: 0;
	}
	.learning-path-anticipated-sale > .content > .button {
		margin-top: 12px;
	}
	.learning-path-anticipated-sale > .content {
		padding-bottom: 10px;
	}

	.learning-path-anticipated-sale.ng-enter {
		transition: 0.7s ease-in-out all 0.7s;
		height: 0px;
	}
	.learning-path-anticipated-sale.ng-enter-active {
		height: 250px;
	}
	.learning-path-anticipated-sale.ng-leave {
		transition: 0.7s ease-in-out all;
		height: 250px;
	}
	.learning-path-anticipated-sale.ng-leave-active {
		height: 0px;
	}
}

@media(max-width:1200px){
	.related-buyables-placeholder {
	    padding: 0;
	}
	
	.related-buyables {
	    border-radius: 0;
	    padding: 20px;
	    box-sizing: border-box;
	}
}

@media(max-width:1200px){
    .dashboard .home > .main {
        flex-direction: column;
        padding: 0px 20px;
        box-sizing: border-box;
    }
    .card.continue-where-you-left{
        width: 100%;
        margin-bottom: 10px;
        height: 140px;
    }
}

@media(max-width:1200px){
	.dashboard .home .onboarding {
	    padding: 0px 20px;
	    box-sizing: border-box;
	}
	
	.dashboard .home .onboarding-wizard .step {
	    flex-wrap: wrap;
	}
	
	.dashboard .home .onboarding-wizard .step .action {
	    margin-top: 20px;
	}
}
@media(min-width: 1024px){
    .bookmarks-menu.ui-drop-up-menu-content {
        left: 44px;
        position: absolute;
        max-width: 330px;
    }
}

@media(max-width: 1200px){
	.one-note-page-title-layer {
	  left: 0px;
	  width: 100%;
	  padding: 0px 12px;
	  box-sizing: border-box;
	  margin: 0;
	}
	.one-note-page-content-layer > * {
	  left: 0px !important;
	  max-width: 100%;
	  padding: 0px 50px;
	  box-sizing: border-box;
	}
}