@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');

		body{
			margin: 0;
			font-family: 'Muli', 'sans-serif';
            color: #031b4e;
			max-width: 100%;
            overflow-x: hidden;
            background-color: #fff;
        }
        .cg{
            line-height: 1.6;
        }
		.cg a{
            cursor: pointer;
            text-decoration: none;
            color: #2979FF;
        }
        .cg h2,
        .cg h3{
            line-height: 1.4;
        }
        .cg h2,
        .cg h3{
            font-size: 36px;
            margin: 0;
        }
        .cg h4{
            font-size: 22px;
            margin: 0;
        }
        .cg h5{
            font-size: 18px;
            margin: 0;
        }
        .cg h1{
            font-size: 38px;
            line-height: 1.4;
        }
        .cg .text-main h1{
            margin: 0 0 16px;
        }
        .cg .text-main span,
        .cg .texto-main span{
            color: #2979FF;
        }
        .cg .commissions h3{
            font-size: 26px;
        }
        .cg .questions h4{
            margin-bottom: 18px;
        }
        .cg p{
            line-height: 1.8;
            color: #031b4e;
            font-size: 17px;
        }
        .cg a:hover{
            text-decoration: underline;
            color: #2979FF;
        }
        .cg .back-main,
        .cg .content .row .column.flex{
            display: -webkit-box;
		    display: -webkit-flex;
		    display: -ms-flexbox;
            display: flex;
        }
        .cg .grey{
            background-color: #f3f5f9;
        }
        .cg .bluee{
            background-color: #E9F1FF;
        }
        .cg .back-main{
            min-height: 520px;
            max-width: 1080px;
            margin: 0 auto;
            padding: 0 2rem;
        }
        .cg .back-main.commissions{
            min-height: 480px;
        }
        .cg .content{
            max-width: 1080px;
            margin: 0 auto;
            padding: 80px 2rem;
            box-sizing: content-box;
        }
        .cg .content.how{
            padding: 0 2rem 80px;
        }
        .cg .text-main{
            flex: 0 0 46%;
            margin: auto 30px auto 0;
        }
        .cg .check p{
            margin: 0 0 4px 8px;
        }
        .cg .content .check img,
        .cg .text-main .check img{
            margin-top: 7px;
            width: auto;
        }
        .cg .check:last-of-type{
            margin-bottom: 16px;
        }
        .cg .img-main img{
            width: 100%;
            margin-top: auto;
        }
        .cg .content .row .column:first-of-type,
        .cg .content.why .row .column{
            margin-right: 50px;
        }
        .cg .content.why .row .column:last-of-type{
            margin-right: 0;
        }
        .cg .content.commissions .row .column:first-of-type{
            flex: 0 0 30%;
        }
        .cg .content .texto-main h2{
            max-width: 820px;
            margin: auto;
            text-align: center;
        }
        .cg .content .texto-main.adjusted{
            margin-bottom: 60px;
        }
        .cg .content.why .row:last-of-type,
        .cg .content.resources .row:last-of-type{
            margin-top: 40px;
        }
        .cg .btn{
            background-color: #2979FF;
            border: 1px solid #2979FF;
            text-decoration: none;
            padding: 16px 20px;
            text-align: center;
            display: inline-block;
            outline: 0;
            cursor: pointer;
            color: #fff;
            font-size: 18px;
            border-radius: 6px;
            font-weight: 600;
        }
        .cg .btn.transp{
            background-color: transparent;
            color: #2979FF;
        }
        .cg .btnn{
            background-color: #fff;
            color: #2979FF;
            font-size: 16px;
            padding: 10px 0;
            margin: 0;
            width: -webkit-fill-available;
        }
        .cg .btn:hover{
            background-color: #0056BF;
            color: #fff;
            text-decoration: none;
            transition: background-color .2s linear;
            -webkit-transition: background-color .2s linear;
            -moz-transition: background-color .2s linear;
            -o-transition: background-color .2s linear;
        }
        .cg .how .btn{
            margin-top: 6px;
        }
        .cg .row{	
            display: -webkit-box;
		    display: -webkit-flex;
		    display: -ms-flexbox;
			display: flex; 
			overflow: hidden;
		}
		.cg .row .column{ 
			flex: 1; 
        }
        .cg .content .textt{
            margin: auto;
        }
        .cg .content .textt span{
            font-weight: 600;
        }
        .cg .content.cta{
            max-width: 720px;
        }
        .cg .content.height{
            padding: 120px 2rem;
        }
        .cg .back-affiliates{
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }
        .cg .back-affiliates.affi-1{
            background-image: url(https://d3puay5pkxu9s4.cloudfront.net/academy/imagenes/others/affiliates/back-affiliates-1.png);
        }
        .cg .back-affiliates.affi-2{
            background-image: url(https://d3puay5pkxu9s4.cloudfront.net/academy/imagenes/others/affiliates/back-affiliates-2.png);
        }
        .cg .back-affiliates.affi-3{
            background-image: url(https://d3puay5pkxu9s4.cloudfront.net/academy/imagenes/others/affiliates/back-affiliates-3.png);
        }
        .cg .back-affiliates.affi-4{
            background-image: url(https://d3puay5pkxu9s4.cloudfront.net/academy/imagenes/others/affiliates/back-affiliates-4.png);
        }
        .cg .all-programs{
            border: 1px solid;
            padding: 12px 20px;
            margin-top: 12px;
            border-radius: 6px;
            max-width: fit-content;
            display: block;
            text-align: center;
            cursor: pointer;
        }
        .cg .all-programs img{
            width: 20px;
            margin: 2px 0 0 8px;
        }
        .cg .all-programs.wp{
            border-color: #3CC14E;
            color: #075D14;
        }
        .cg .all-programs.wp img{
            margin: 0 8px 0 0;
            width: 28px;
        }
        .cg .all-programs.wp .txt{
            margin: auto;
        }
        .cg .all-programs.wp.main{
            padding: 16px 20px;
            margin: 0 0 0 8px;
        }
        .cg .cta-d .all-programs.wp.main{
            background-color: #fff;
        }
        .cg .cta-d{
            margin-top: 20px;
        }
        .cg .center .cta-d{
            justify-content: center;
            margin-top: 40px;
        }
        .cg .cards{
            margin-top: 40px;
        }
        .cg .card .testimony-c img{
            width: 120px;
            margin-right: 30px;
        }
        .cg .card{
            background-color: #F3F5F9;
            border-radius: 6px;
            padding: 30px;
            margin-bottom: 30px;
            max-width: 880px;
            -webkit-box-shadow: 0 2px 2px -1px rgba(50, 50, 93, .25), 0 1px 3px -1px rgba(0, 0, 0, .3);
            box-shadow: 0 2px 2px -1px rgba(50, 50, 93, .25), 0 1px 3px -1px rgba(0, 0, 0, .3);
        }
        .cg .card.adjusted{
            margin-left: auto;
        }
        .cg .card .profile img{
            margin-right: 20px;
        }
        .cg .card .profile-c{
            margin: auto;
        }
        .cg .content .how-numb{
            position: relative;
            margin-right: 8px;
        }
        .cg .content .how-numb .number{
            position: absolute;
            left: 12px;
            right: 0;
            top: 6%;
            color: #fff;
            font-weight: 600;
            font-size: 20px;
        }
        .cg .content .how-numb .circle{
            width: 36px;
            height: 36px;
            border-radius: 100%;
            margin: auto;
            background-color: #5494FF;
        }
        .cg .content .center{
            text-align: center;
        }
        .cg .content img.width,
        .cg .video-img{
            width: 100%;
            border-radius: 6px;
        }
        .cg .img-v{
            position: relative;
            width: fit-content;
        }
        .cg .img-v .play{
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            top: 0;
            margin: auto;
            cursor: pointer;
            background-color: rgb(0 0 0 / 30%);
            border-radius: 50%;
            padding: 20px 20px 20px 26px;
        }
        .cg .labelcomm{
            font-size: 22px;
            font-weight: 700;
            background-color: #DAE8FF;
            border-radius: 8px;
            padding: 4px 20px;
            width: fit-content;
            margin-top: 8px;
        }
        .cg .commissions img{
            margin-bottom: 12px;
        }
        .cg .commissions .promotes{
            margin-bottom: 22px;
            font-size: 18px;
            line-height: 1.8;
            font-weight: 600;
        }
        .cg .calendar{
            max-width: 800px;
        }
        /* start-tabs-questions */
        .cg .questions .tabs{
            width: -webkit-fill-available;
        }
        .cg .questions .tab{
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(3, 27, 78, .2);
            margin-bottom: 10px;
            border-radius: 3px;
            background-color: #fff;
        }
        .cg .questions label{
                position:relative;
                cursor:pointer;
        }
        .cg .questions label div{
            padding: 20px 50px 20px 20px;
        }
        .cg .questions label::after{
            display:block;
        }
        .cg .questions input{
            position:absolute;
            opacity:0;
            z-index:-1;
        }
        .cg .questions label div:hover,
        .cg .questions input[type=checkbox]:checked+label{
            color:#0056BF;
        }
        .cg .questions input[type=checkbox]+label::after{
            content: url('https://edutin-publico.s3.amazonaws.com/academy/iconos/general/icon-minimize.svg');
        }
        .cg .questions input[type=checkbox]:checked+label::after{
            transform:rotate(180deg)
        }
        .cg .questions .tab-content{
            max-height:0;
            overflow:hidden;
            -webkit-transition:max-height .5s;
            -o-transition:max-height .5s;
            transition:max-height .5s;
            padding: 0 16px;
        }
        .cg .questions .tab-content p{
            margin-top: 0;
        }
        .cg .questions .tab-content ul{
            margin-bottom: 0;
            padding-left: 20px;
        }
        .cg .questions .tab-content ul li{
            margin-bottom: 6px;
        }
        .cg .questions .tab-content ul li:last-of-type{
            margin-bottom: 0;
        }
        .cg .questions input:checked~.tab-content{
            max-height:100vh;
            overflow-y: auto;
        }
        .cg .questions label::after{
            position:absolute;
            right: 16px;
            top: 22px;
            -webkit-transition: none;
            -o-transition: none;
            transition: none;
        }
        /* end-tabs-questions */
        .cg .more-questions{
            border: 1px solid #CDD1DC;
            background-color: #fff;
            padding: 20px;
            border-radius: 6px;
        }
        .cg .questions .row .column:first-of-type{
            flex: 0 0 65%;
            margin-right: 12px;
        }
        .cg .more-questions p{
            font-size: 16px;
        }

@media only screen and (max-width: 980px){
        .cg .content .row .column:first-of-type{
            margin-right: 30px;
        }
        .cg .btn.cta{
            padding: 16px 10px;
        }
        .cg .back-main > .row{
            display: block;
        }
        .cg .img-main{
            width: 80%;
            margin: 40px auto auto;
        }
        .cg .back-main{
            padding: 60px 2rem 0;
        }
        .cg .text-main{
            margin-right: 0;
        }
}

@media only screen and (max-width: 820px){
        .cg .content > .row{
            flex-direction: column;
            -webkit-box-orient: vertical;
            -ms-flex-direbsion: column;
        }
        .cg .content .row.reverse{
            flex-direction: column-reverse;
            -webkit-box-orient: revert-layer;
            -ms-flex-direbsion: revert-layer;
        }
        .cg .content{
            max-width: 480px;
            padding: 60px 1rem;
            text-align: center;
        }
        .cg .content.how{
            padding: 0 1rem 60px;
        }
        .cg .back-main{
            padding: 40px 1rem 0;
        }
        .cg .img-main img{
            width: 100%;
        }
        .cg .content .row .column:first-of-type,
        .cg .content.why .row .column{
            margin-right: 0;
        }
        .cg .btn.cta{
            padding: 16px 20px;
        }
        .cg .content.questions,
        .cg .content .check,
        .cg .content .textt p,
        .cg .card,
        .cg .content.how{
            text-align: left;
        }
        .cg .content .textt{
            margin-bottom: 12px;
        }
        .cg .content .textt h3,
        .cg .content.why .row .column{
            margin-bottom: 40px;
        }
        .cg .content.why .row:last-of-type .column:last-of-type{
            margin-bottom: 0;
        }
        .cg .content.why .row:last-of-type{
            margin-top: 0;
        }
        .cg .card{
            padding: 20px;
        }
        .cg .card .testimony-c img{
            width: 60px;
            margin-right: 10px;
        }
        .cg .card .profile img{
            margin-right: 16px;
        }
        .cg .content.how .texto-main.adjusted{
            margin-bottom: 20px;
        }
        .cg .content.height{
            padding: 80px 1rem;
        }
        .cg .labelcomm{
            margin: 8px auto 32px auto;
        }
}

@media only screen and (max-width: 580px){
        .cg h1{
            font-size: 36px;
        }
        .cg h2{
            font-size: 30px;
        }
        .cg h3{
            font-size: 28px;
        }
        .cg .commissions h3{
            font-size: 22px;
        }
        .cg h4{
            font-size: 20px;
        }
        .cg p{
            font-size: 16px;
        }
        .cg .btn.cta{
            font-size: 18px;
        }
        .cg .questions .tabs{
            margin-top: 40px;
        }
        .cg .card{
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        .cg .img-main{
            width: 100%;
        }
}

@media only screen and (max-width: 480px){
        .cg h1{
            font-size: 32px;
        }
        .cg h2{
            font-size: 28px;
        }
        .cg h3{
            font-size: 24px;
        }
        .cg h4{
            font-size: 20px;
        }
        .cg .row.cta-d{
            flex-direction: column;
            -webkit-box-orient: vertical;
            -ms-flex-direbsion: column;
        }
        .cg .btn.cta,
        .cg .cta-d .all-programs.wp.main{
            font-size: 17px;
            min-width: -webkit-fill-available;
        }
        .cg .btn.cta{
            margin-bottom: 8px;
        }
        .cg .text-main{
            margin-bottom: 20px;
        }
        .cg .cta-d .all-programs.wp.main{
            margin: 0;
        }
        .cg .all-programs.wp img{
            margin: auto 0 auto auto;
        }
        .cg .all-programs.wp .txt{
            margin: auto auto auto 8px;
        }
}


