body{font-size:16px;background:#fff;font-family:Heebo,sans-serif;font-weight:400}*,body{margin:0}*{padding:0}h2,h3,ul{margin:0}@media only screen and (min-width:800px){body{font-size:1.2rem}}@media only screen and (max-width:799px){.mobile-hide{display:none!important}}@media only screen and (min-width:800px){.web-hide{display:none!important}}a{text-decoration:none;color:#4184b7}a:hover{color:#57b5fd}button{border:none;font-family:Open Sans,sans-serif}ol ul,ul,ul li,ul ul{list-style-type:none}ul{display:block;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:20px}input[type=text]{-webkit-appearance:none;border-radius:0}.relative{position:relative}.hide{display:none!important}.ib{display:inline-block}.center{text-align:center}.right{text-align:right}.left{text-align:left}.bold{font-weight:700}.center-block{margin:0 auto}.middle{vertical-align:middle}.top{vertical-align:top}.hidden{visibility:hidden}.pull-left{float:left}.pull-right{float:right}.row:after{content:" ";display:table;clear:both}.mtop5{margin-top:5px}.mtop10{margin-top:10px}.mtop20{margin-top:20px}.mtop40{margin-top:40px}.mright5{margin-right:5px}.mright10{margin-right:10px}.mright30{margin-right:30px}.mbot10{margin-bottom:10px}.mbot20{margin-bottom:20px}.mbot40{margin-bottom:40px}.mleft20{margin-left:20px}.mleft25{margin-left:25px}.pright30{padding-right:30px}.pleft150{padding-left:150px}.bbottom{border-bottom:1px solid #ccc}.padding20{padding:20px}.w50pc{width:50%}.w95pc{width:95%}.white{color:#fff}.black{color:#000}.blue{color:#4184b7}.grey-ccc{color:#ccc}.grey-999{color:#999}.rem1{font-size:1rem}.rem0-8{font-size:.8rem}.rem1-2{font-size:1.2rem}.rem1-5{font-size:1.5rem}.pointer{cursor:pointer}.opacity5{opacity:.5}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}footer{background:#555;height:20px;padding:20px 20px 20px;color:#999;box-shadow:0 900px 0 900px #555;font-size:.9rem;line-heigh:1.5rem}@media (max-width:450px){footer .footer-left,footer .footer-right{display:block;margin-bottom:20px}}@media (min-width:450px){footer .footer-left{display:inline-block;width:63%}footer .footer-left div:first-child{margin-right:15%}footer .footer-right{display:inline-block;width:37%;margin:0 0 10px -6px;text-align:right}}footer .logo{display:inline-block;vertical-align:top;font-size:1.2rem;text-decoration:none;color:#aaa;height:20px;padding:0 0 0 8px}footer .logo span{font-family:Times New Roman;font-size:1.5rem}footer .logo-icon{background:url(/img/langversity-icon-grey.png) no-repeat;background-size:100%;position:absolute;display:inline-block;width:25px;height:25px;top:2px;left:0}footer .sub-logo{font-family:Times New Roman;margin-top:8px;font-size:1.1em}footer ul{-webkit-padding-start:0}footer a{color:#bbb;cursor:pointer;font-size:1.1em}footer .legal{margin-top:20px;border-top:1px solid #676767;padding:20px 0}footer .legal a{font-size:.9rem}.rounded-box{display:inline-block;border:1px solid #4184b7;border-radius:10px;padding:20px}.rounded-box,input,select,textarea{font-size:1.3rem;margin-bottom:20px}input,select,textarea{min-height:2rem}button{font-size:1.3rem;border-radius:5px;padding:15px;border-radius:15px;border:1px solid #000;font-size:1.5rem;background:#4184b7;color:#fff;cursor:pointer}button:hover{background:#00a4ed}.ng-valid[required]{border-left:5px solid #42a948}.ng-invalid{//border-left:5px solid #a94442}.form-group{margin-bottom:20px;font-size:1.2rem}.alert{font-size:1rem;color:#bd0000;margin-left:135px}label{width:130px;display:inline-block;vertical-align:top}header{height:54px;border-bottom:1px solid #ccc;padding:5px 20px 0;position:relative}.logo{display:inline-block;font-size:1.6rem;text-decoration:none;color:#000;height:30px;padding:0 0 0 17px}.logo span{font-family:Times New Roman;font-size:2rem}.logo-icon{background:url(//cdn.langversity.com/img/langversity-icon.png) no-repeat;background-size:100%;position:absolute;display:inline-block;width:35px;height:35px;top:8px;left:20px}.beta{font-size:.9rem;color:#aaa}header .menu{height:40px;display:table;position:relative;z-index:99}header .track{padding-right:20px}#is-connected,#not-connected,header .menu .menu-item{display:inline-block;vertical-align:middle}#is-connected{margin-top:10px}header .menu a.btn{display:inline-block;vertical-align:middle;border:1px solid #4184b7;padding:10px;border-radius:3px;margin-top:2px;font-size:1.1rem}header .menu a.btn.blue-bg{color:#fff;background:#4184b7;padding:10px}header .menu a.btn.blue-bg:hover{background:#43a1d6}.dropdown-container{position:relative;height:80px}.dropbtn{color:#000;border:none;cursor:pointer}.dropbtn:hover{outline:none}.dropdown{margin-right:30px}@media only screen and (max-width:480px){.dropdown{display:none!important}}.dropdown button,.dropdown button:hover{border-radius:0;padding:0 18px 0 0;background:url(//cdn.langversity.com/img/menu-arrow-down1.png) no-repeat right 9px;background-size:10px;font-size:1.1rem}.dropdown button:hover{color:#4184b7}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}header .menu .dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:focus,.dropdown-content a:hover{background-color:#e2e2e2}.show{display:inline-block}.user-name{color:#999}.mobile-menu{background:url(//cdn.langversity.com/img/menu-icon.png);margin-top:8px;width:32px;height:32px}.mobile-menu-content{position:fixed;top:-1px;right:-1px;width:280px;background-color:rgba(65,132,183,.95);border:1px solid #2f2f3c;border-bottom-left-radius:7px;padding:20px;color:#fff;overflow:scroll}.mobile-menu-content li{border-bottom:1px solid hsla(0,0%,100%,.2)}.mobile-menu-content li:hover{background:hsla(0,0%,100%,.2)}.mobile-menu-content li:last-child{border:none}.mobile-menu-content li a{display:block;padding:20px 20px;color:#fff;font-size:1.1rem}.mobile-menu-close{position:absolute;top:5px;right:20px;background:url(//cdn.langversity.com/img/menu-icon-white.png);margin-top:8px;width:32px;height:32px}button.mobile-menu,button.mobile-menu-close{border:none;border-radius:0}button.mobile-menu-close:hover,button.mobile-menu:hover{background:url(//cdn.langversity.com/img/menu-icon-hover.png)}@media only screen and (min-width:450px){.sign-in-arrow{position:absolute;top:-59px;right:170px;height:77px;background:url(//cdn.langversity.com/img/sign-in-arrow.png) no-repeat 100% 0;padding:75px 80px 0 0;color:#999}}.home .splash-area{position:absolute;top:43px;left:0;width:100%;height:200px;background:url(//cdn.langversity.com/img/home-blue-bg.png) repeat-x}.home .splash-area .left-image{float:left;width:150px;height:200px;background:url(//cdn.langversity.com/img/pedro-jenni-pj-small.png) no-repeat;background-size:150px 200px;margin:22px 10px 0 0}.home h1{font-size:2rem;color:#fff;padding:10% 20px 0 0;margin-left:20px;font-family:Kalam,cursive;line-height:2rem}.home h2{font-size:1.5rem;margin-bottom:10px}.home h3,.home h4{font-size:1.3rem}.home .benefits h3{color:#4184b7;margin-bottom:20px}.home .key-points{margin:200px auto 40px auto;width:90%}.home .key-points .col1,.home .key-points .col2,.home .key-points .col3{margin-bottom:20px}@media only screen and (min-width:600px){.home .splash-area{height:400px}.home .splash-area .left-image{float:left;width:299px;height:400px;background:url(//cdn.langversity.com/img/pedro-jenni-pj-small.png) no-repeat;background-size:299px 400px;margin:22px 10px 0 0}.home h1{font-size:3.7rem;line-height:4rem}.home h2{font-size:2.3rem}.home h3{font-size:1.8rem}.home .key-points{margin:400px auto 60px auto;width:90%}}@media only screen and (min-width:800px){.home .splash-area{height:600px}.home .splash-area .left-image{width:448px;height:600px;background:url(//cdn.langversity.com/img/pedro-jenni-pj.png) no-repeat;background-size:100%;margin:0 20px 0 0}.home h1{font-size:4.6rem;line-height:5rem}.home h2{font-size:2.8rem;line-height:3rem}.home h3{font-size:2.5rem}.home .key-points{margin:580px auto 80px auto;width:90%}}[class*=col]{width:100%}@media only screen and (min-width:801px){.home .key-points .col1,.home .key-points .col2,.home .key-points .col3{display:inline-block;width:30%;margin-right:4%;vertical-align:top}}.home .key-points .col3{margin-right:0}.home .grey-bg{padding:30px 0;background:#ddd;text-align:center}.home .benefits{width:90%;margin:40px auto 60px auto}.home .benefits ul li{font-size:1.2rem;padding-left:20px;background:url(//cdn.langversity.com/img/checkmark-success.png) no-repeat;background-size:20px;margin-bottom:10px}@media only screen and (min-width:800px){.home .travel-character{width:auto;padding:20px 300px 20px 0;background:url(//cdn.langversity.com/img/juliana.png) no-repeat 100% 0;min-height:500px;text-align:left;background-size:250px;position:absolute;top:0;right:-40px}.home .benefits ul li{width:80%;font-size:1.5rem;padding-left:34px;background:url(//cdn.langversity.com/img/checkmark-success.png) no-repeat left 2px;background-size:32px;margin-bottom:20px}}.home td,.home th{padding:10px 5px;border:1px solid #777;text-align:center;font-weight:400;width:33%}@media only screen and (min-width:650px){.home th{padding:15px}}.home th a{text-decoration:underline}.home .status-ok{background:#95badf}.home .status-in-progress{background:rgba(112,173,255,.2);color:#999;font-size:.8rem}.content-container{margin:0 20px;min-height:600px}.article .content-container{width:700px;margin:0 auto}.article p{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Times New Roman;font-size:1.4rem;line-height:2.2rem}h1{font-size:3rem;line-height:3.5rem;margin:0 0 20px 0}main{padding:1em 0;max-width:1200px;margin:0 auto}.click-user .active,.click-user .exam,.click-user .study,.click-user h2,.click-user h3{outline:0}.home h2{font-size:2rem;color:#4184b7}.home .program{display:inline-block;margin:0 40px 40px;vertical-align:top;width:200px}table{border-collapse:collapse;background:#fff;margin:0 auto 20px auto;width:80%}.legend-item{display:inline-block;margin-right:40px;font-size:.8rem}.legend-item-color{display:inline-block;width:20px;height:20px;border:1px solid #777;margin-right:5px}@media (max-width:80px){.category h2{font-size:2rem}}.learning-block{padding-bottom:20px;margin-bottom:20px}.category .learning-block{margin-left:45px}@media (max-width:50px){.category .learning-block{margin-left:25px}}input{margin-bottom:10px;height:22px}button,input{font-size:1rem}.click-user .category div{outline:none}.article h2,.article h3{color:#069;margin:2rem 0}.article p{color:#444;margin:1rem 0}.credit{font-size:.9rem;color:#777}.save-progress-box{padding:20px;margin-bottom:20px;font-size:1.5rem;background:#e7f0f6;border:1px solid #4184b7;border-radius:5px;text-align:center}.save-progress-box button{font-size:1.5rem;border-radius:5px}.feedback-box{padding:20px;margin-bottom:20px;font-size:1.5rem;background:#efefef;border:1px solid #a6d1f2;border-radius:5px;text-align:center}@media (min-width:750px){.save-progress-box{text-align:left}.save-progress-box p{display:inline-block}}.instruction-box{padding:20px;margin-bottom:20px;font-size:1.5rem;background:#e7f0f6;border:1px solid #4184b7;border-radius:5px}.point1{background:#4184b7}.point1,.point2,.point3{padding:5px 12px;border-radius:20px;color:#fff;display:inline-block}.point1,.point2,.point3{background:#096;margin-bottom:10px}.point2,.point3{background:#096}a.btn1{font-size:1.7rem;color:#fff;background:#4184b7;display:inline-block;vertical-align:middle;border:1px solid #4184b7;padding:15px;border-radius:7px;margin-top:2px}a.btn1:hover{background:#43a1d6}.tutorial-exercise,.tutorial-study{position:absolute;font-family:Chalkboard;color:#30a515;font-size:18px}.tutorial-study{display:inline-block;top:158px;right:297px;padding:0 35px 0 0;background:url(//cdn.langversity.com/img/tutorial-arrow1.png) no-repeat right 8px}.es .tutorial-study{top:228px}.tutorial-exercise{display:inline-block;width:195px;text-align:center;top:100px;right:20px;padding:0 0 25px 0;background:url(//cdn.langversity.com/img/tutorial-practice.png) no-repeat bottom}.es .tutorial-exercise{top:160px}.accent select{font-size:1.1rem}.loader{width:40px;height:40px;background:url(//cdn.langversity.com/img/loader1.gif) no-repeat;position:absolute;top:45%;left:48%}.mobile .hide-on-mobile{display:none}.highlight{color:#3eaf1d}.resp-sharing-button__icon,.resp-sharing-button__link{display:inline-block}.resp-sharing-button__link{text-decoration:none;color:#fff;margin:.5em 0 0 5px}.resp-sharing-button{border-radius:5px;transition:25ms ease-out;padding:.5em .75em;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.resp-sharing-button__icon svg{width:1em;height:1em;margin-right:.4em;vertical-align:top}.resp-sharing-button--small svg{margin:0;vertical-align:middle}.resp-sharing-button__icon{stroke:#fff;fill:none}.resp-sharing-button__icon--solid,.resp-sharing-button__icon--solidcircle{fill:#fff;stroke:none}.resp-sharing-button--twitter:hover{background-color:#2795e9}.resp-sharing-button--pinterest{background-color:#bd081c}.resp-sharing-button--pinterest:hover{background-color:#8c0615}.resp-sharing-button--facebook:hover{background-color:#2d4373}.resp-sharing-button--tumblr{background-color:#35465c}.resp-sharing-button--tumblr:hover{background-color:#222d3c}.resp-sharing-button--reddit{background-color:#5f99cf}.resp-sharing-button--reddit:hover{background-color:#3a80c1}.resp-sharing-button--google:hover{background-color:#c23321}.resp-sharing-button--linkedin{background-color:#0077b5}.resp-sharing-button--linkedin:hover{background-color:#046293}.resp-sharing-button--email:hover{background-color:#5e5e5e}.resp-sharing-button--xing{background-color:#1a7576}.resp-sharing-button--xing:hover{background-color:#114c4c}.resp-sharing-button--whatsapp{background-color:#25d366}.resp-sharing-button--whatsapp:hover{background-color:#1da851}.resp-sharing-button--hackernews{background-color:#f60}.resp-sharing-button--hackernews:focus,.resp-sharing-button--hackernews:hover{background-color:#fb6200}.resp-sharing-button--vk{background-color:#507299}.resp-sharing-button--vk:hover{background-color:#43648c}.resp-sharing-button--facebook{background-color:#3b5998;border-color:#3b5998}.resp-sharing-button--facebook:active,.resp-sharing-button--facebook:hover{background-color:#2d4373;border-color:#2d4373}.resp-sharing-button--twitter{background-color:#55acee;border-color:#55acee}.resp-sharing-button--twitter:active,.resp-sharing-button--twitter:hover{background-color:#2795e9;border-color:#2795e9}.resp-sharing-button--google{background-color:#dd4b39;border-color:#dd4b39}.resp-sharing-button--google:active,.resp-sharing-button--google:hover{background-color:#c23321;border-color:#c23321}.resp-sharing-button--email{background-color:#777;border-color:#777}.resp-sharing-button--email:active,.resp-sharing-button--email:hover{background-color:#5e5e5e;border-color:#5e5e5e}ul.articles li{font-size:1.1rem;padding:.5rem 0}.es .item:hover,.es .study-info div:hover{cursor:pointer;color:#0697ce}i.collapse,i.courtesy,i.expand,i.grammar,i.reading,i.sentences,i.talking,i.verbs,i.vocabulary,i.writing{background:url(/img/expand-icon.png) no-repeat 50%;width:50px;height:50px;display:inline-block;vertical-align:middle;margin:2px 0 3px 0;cursor:pointer}i.collapse{background:url(/img/collapse-icon.png) no-repeat 50%}i.courtesy{background:url(//cdn.langversity.com/img/vocabulary/courtesy-icon.png) no-repeat 50%;background-size:100%}i.grammar{background:url(//cdn.langversity.com/img/vocabulary/grammar-icon.png) no-repeat 50%;background-size:100%}i.vocabulary{background:url(//cdn.langversity.com/img/vocabulary/vocabulary-icon.png) no-repeat 50%;background-size:100%}i.verbs{background:url(//cdn.langversity.com/img/vocabulary/verbs-icon.png) no-repeat 50%;background-size:100%}i.sentences{background:url(//cdn.langversity.com/img/vocabulary/sentences-icon.png) no-repeat 50%;background-size:100%}i.reading{background:url(//cdn.langversity.com/img/vocabulary/reading-icon.png) no-repeat 50%;background-size:100%}i.writing{background:url(//cdn.langversity.com/img/vocabulary/writing-icon.png) no-repeat 50%;background-size:100%}i.talking{background:url(//cdn.langversity.com/img/vocabulary/talking-icon.png) no-repeat 50%;background-size:100%}.article i{color:#26c1b0;font-style:italic}.article table{border-collapse:separate;border-spacing:0;width:100%}.article table tr:first-child th:first-child{border-top-left-radius:10px}.article table tr:first-child th:last-child{border-top-right-radius:10px}.article table tr:last-child td:first-child{border-bottom-left-radius:10px}.article table tr:last-child td:last-child{border-bottom-right-radius:10px}.article th{background:#26c1ad;color:#fff}.article td,.article th{padding:10px 5px;border:1px solid #777;text-align:center;font-weight:400;width:33%}i.audio{display:inline-block;background:url(//cdn.langversity.com/img/audio-icon.png);background-size:100%}i.audio,i.audio:hover{width:34px;height:28px}i.audio:hover{cursor:pointer;background:url(//cdn.langversity.com/img/audio-icon-hover.png);background-size:100%}