#categories li>div,.center,.element,.periodic-exercise .symbol input,.table-padded,.table-padded th,.table-padded-text,.table-padded-text th{text-align:center}.cell,.grid__col--d-first{float:left}.avatar,.cover-page{background-size:cover}ol.tutorial-questions,ol.ucl-list,ul.ucl-list{text-indent:0;list-style-position:inside}.component ul,.grid,.my_container ul{list-style:none}@font-face{font-family:MyriadPro;src:url(fonts/MyriadPro-Regular.otf) format('opentype');font-weight:400;font-style:normal}@font-face{font-family:MyriadPro-Bold;src:url(fonts/MyriadPro-Bold.otf) format('opentype');font-weight:400;font-style:normal}@font-face{font-family:MyriadPro-BoldCond;src:url(fonts/MyriadPro-BoldCond.otf) format('opentype');font-weight:400;font-style:normal}@font-face{font-family:MyriadPro-It;src:url(fonts/MyriadPro-It.otf) format('opentype');font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(fonts/Roboto-Regular.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:Roboto-Light;src:url(fonts/Roboto-Light.ttf) format('truetype');font-weight:400;font-style:normal}b,h1,h2,h3,h4,strong{font-family:MyriadPro-Bold,sans-serif;font-weight:400;font-style:normal}em{font-family:MyriadPro-It,sans-serif;font-weight:400;font-style:italic}h3{font-size:1.1em}.header{margin:0 0 110px!important;position:relative}.header .logo{background-color:#4a4b50;height:70px;width:100%;position:relative}@media (max-width:691px){.header{margin:0 0 90px!important}.header .logo{height:55px}}@media (max-width:300px){.header{margin:0 0 50px!important}.header .logo{height:70px}.header .logo img.course{display:none}}.header .logo img.ucl{height:45%;width:auto;position:absolute;right:0;bottom:0}@media (max-width:600px){.header .logo img.ucl{display:none}}.header .logo img.course{height:220%;width:auto;position:absolute;left:0;top:0}@media (max-width:687px){.header .logo img.course{height:220%}}.extra-container,.extra-container .extra{margin:0!important;bottom:0;right:0;width:200px;height:200px}.header .logo .course-title{position:absolute;z-index:20;left:115px;bottom:0;color:#fff;font-family:MyriadPro-Bold,sans-serif;font-size:1.1em}@media (max-width:691px){.header .logo .course-title{left:90px;font-size:1em}}@media (max-width:300px){.header .logo .course-title{left:20px;font-size:1em}}.header .logo .lesson-title{font-family:MyriadPro-Bold;position:relative;z-index:20;left:30%;top:calc(100% + 1em);font-size:.9em}@media (max-width:691px){.header .logo .lesson-title{font-size:.8em}}@media (max-width:428px){.header .logo .lesson-title{left:32%}}@media (max-width:300px){.header .logo .lesson-title{font-size:.6em}}.extra-container{position:absolute;overflow:hidden;pointer-events:none}.extra-container .extra{position:relative;display:table;z-index:999!important;pointer-events:initial;-webkit-transform:rotate(60deg) translate(80%);transform:rotate(60deg) translate(80%);background-color:#f6d125;-webkit-transition:.1s linear;transition:.1s linear}.headroom,.headroom #leftbar-toggle,.headroom #rightbar-toggle,.headroom #rightbar-toggle .avatar{background-color:#3b3c40!important}.extra-container .extra .lightbulb{position:absolute;width:50px;height:auto;top:45px;left:5px;-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}.extra-container .extra div{position:absolute;top:0;left:0;display:table;height:inherit;width:inherit}.extra-container .extra div p,.extra-container .extra div span{padding:10px;margin:0;display:none;vertical-align:middle;color:#4a4b50;font-family:Roboto;font-size:80%;line-height:1.1em;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);word-wrap:break-word}.extra-container .extra div a{color:#4a4b50;text-decoration:underline}.extra-container .extra:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg);cursor:default;min-height:auto;min-width:auto}.extra-container .extra:hover p,.extra-container .extra:hover span{display:table-cell}.extra-container .extra:hover .lightbulb{display:none}.exercise.oxid-dEl-Num-ex textarea,.exercise.spin-values-ex textarea,.exercise.t1 textarea,.exercise.t2 textarea,.exercise.t3 textarea,.exercise.t4 textarea,.high-spin-config-ex textarea,.imagine-ex textarea,.low-spin-config-ex textarea,.oxid-states-ex textarea{max-width:100%;width:100%!important}.drawingpad canvas{width:100%;border:1px solid #adadad;margin-bottom:-10px}.drawingpad .btn-group-justified{display:block}.left-padded{padding-left:15px}li:not(.fold)>.fold-button{display:block!important}.headroom #leftbar-toggle{border-radius:50%;border:2px solid #fff;box-shadow:3px 3px 5px rgba(17,17,17,.6)}@media (max-width:767px){.headroom #leftbar-toggle{border:none;box-shadow:none}}.headroom #rightbar-toggle{border-radius:50%;border:2px solid #fff;box-shadow:3px 3px 5px rgba(17,17,17,.6)}@media (max-width:767px){.headroom #rightbar-toggle{border:none;box-shadow:none}}.headroom #rightbar-toggle .rightbar-question{width:100%;height:100%;line-height:2em;font-size:1.5em;text-align:center}.headroom #rightbar-toggle .avatar{border-radius:50%!important}.navigation-menu.headroom{background-color:#3b3c40}.navigation-menu.headroom #next-chapter,.navigation-menu.headroom #previous-chapter{background-color:#3b3c40;border-radius:50%;border:2px solid #fff;box-shadow:3px 3px 4px rgba(17,17,17,.6)}#leftbar,#leftbar>ul.tableofcontents{background-color:#3b3c40!important}@media (max-width:767px){.navigation-menu.headroom #next-chapter,.navigation-menu.headroom #previous-chapter{border:none;box-shadow:none}}#leftbar{font-family:MyriadPro,sans-serif;color:#fff!important}#leftbar>ul.tableofcontents>li.active{border-color:#f6d125!important}#leftbar>ul.tableofcontents>li.active>a{background-color:#f6d125!important}#leftbar>ul>li:not(.fold){padding-bottom:20px}#leftbar>ul>li>a{border-bottom:1px solid rgba(255,255,255,.1)}#leftbar>ul>li>a:hover{border:none}#leftbar a{height:60px;background-color:#3b3c40}#leftbar a.foldable:hover+.fold-button{display:block}#leftbar a.foldable:hover{background-color:#f5cb0a}#leftbar a.foldable>span.title{color:#fff;text-transform:uppercase;font-size:15px!important;font-family:MyriadPro-Bold,sans-serif}#leftbar a.foldable>span.subtitle{font-family:MyriadPro,sans-serif;font-size:15px;color:rgba(255,255,255,.95)!important}#leftbar .children-container{background-color:#3b3c40;border-right:19.5px solid #3b3c40}#leftbar .children-container>ul>li.active{position:relative;background-color:transparent!important}#leftbar .children-container>ul>li.active:after,#leftbar .children-container>ul>li.active:before{z-index:1000;width:10px;background-color:rgba(255,255,255,.3);content:'';position:absolute}#leftbar .children-container>ul>li.active span.title{color:#f6d125!important}#leftbar .children-container>ul>li.active:before{top:1.1em;right:11px;height:10px;border-radius:50%}#leftbar .children-container>ul>li.active:after{height:1px;border-radius:50% 0 0 50%;top:1.3em;right:1px}#leftbar .children-container a{background-color:#424448;color:#fff;height:2.7em;border-bottom:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.3)}#leftbar .children-container a>span.title{font-family:MyriadPro-BoldCond,sans-serif!important}#leftbar .children-container a>span.subtitle{font-family:Roboto-Light,sans-serif!important;font-size:.7em}#leftbar .children-container a:hover{color:#f6d125}#leftbar .children-container a span{font-size:.8em}#leftbar .fold-button{color:#fff;background-color:rgba(0,0,0,0);display:none}#leftbar .fold-button:hover,.clr:after{display:block}#leftbar .fold-button .fold-icon{-webkit-transform:none;transform:none}#leftbar .fold-button .fa{color:transparent;background-color:rgba(255,255,255,.6);width:12px;height:12px;border-radius:50%;top:40%;left:35%}#leftbar .fold-button .fa:hover{background-color:rgba(255,255,255,.8)}#leftbar .fold-button .fa:after{content:'';position:absolute;left:5.5px;top:12px;height:29px;width:1px;background-color:rgba(255,255,255,.3)}@media (max-width:768px){#leftbar .fold-button .fa{left:28%}}#leftbar .tableofcontents>li.fold .fold-button>i.fa:after{width:0}#rightbar{background-color:#3b3c40!important}#rightbar .backstage-button,#rightbar .backstage-input{background-color:#44454a;color:#fff!important}#rightbar .backstage-button:hover,#rightbar .backstage-input:hover,#rightbar .backstage-tabs li.active a{color:#f6d125!important}#rightbar .top-section{background-color:#3b3c40}#rightbar .top-section a{background-color:#44454a}#rightbar .top-section a:hover{color:#f6d125}#rightbar .clear-notifications:hover{color:#f6d125!important}.avatar{background-image:url(img/andreasella.png)}#categories{width:80%;margin:0 auto}.clr:after{content:"";clear:both}#categories li{position:relative;list-style-type:none;float:left;overflow:hidden;visibility:hidden;-webkit-transform:rotate(-60deg) skewY(30deg);transform:rotate(-60deg) skewY(30deg)}#categories li *{position:absolute;visibility:visible}.cell,.periodic{position:relative}#categories li>div{width:100%;height:100%;overflow:hidden;-webkit-transform:skewY(-30deg) rotate(60deg);transform:skewY(-30deg) rotate(60deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}#categories li:hover{overflow:initial;z-index:9999!important}#categories li:hover img{border:2px solid #f6d125;border-radius:10px;-webkit-transform:scale(1.3);transform:scale(1.3)}#categories li div:hover{overflow:initial}.ch01-00 section,.coverDesign,.overflow-hidden,.side-container{overflow:hidden}#categories li img{left:-100%;right:-100%;width:auto;height:100%;margin:0 auto;-webkit-transition:-webkit-transform .2s;transition:transform .2s}@media (min-width:1201px){#categories li{width:17.364%;padding-bottom:20.05%}#categories li:nth-child(10n+10),#categories li:nth-child(10n+6),#categories li:nth-child(10n+7),#categories li:nth-child(10n+8),#categories li:nth-child(10n+9){margin-top:-4.2%;margin-bottom:-4.2%;-webkit-transform:translateX(50%) rotate(-60deg) skewY(30deg);transform:translateX(50%) rotate(-60deg) skewY(30deg)}#categories li:nth-child(10n+10):last-child,#categories li:nth-child(10n+6):last-child,#categories li:nth-child(10n+7):last-child,#categories li:nth-child(10n+8):last-child,#categories li:nth-child(10n+9):last-child{margin-bottom:0}#categories li:nth-child(10n+6){margin-left:.5%}#categories li:nth-child(5n+2){margin-left:1%;margin-right:1%}#categories li:nth-child(5n+3),#categories li:nth-child(5n+4){margin-right:1%}}@media (max-width:1200px) and (min-width:901px){#categories li{width:21.444%;padding-bottom:24.763%}#categories li:nth-child(8n+5),#categories li:nth-child(8n+6),#categories li:nth-child(8n+7),#categories li:nth-child(8n+8){margin-top:-5.298%;margin-bottom:-5.298%;-webkit-transform:translateX(50%) rotate(-60deg) skewY(30deg);transform:translateX(50%) rotate(-60deg) skewY(30deg)}#categories li:nth-child(8n+5):last-child,#categories li:nth-child(8n+6):last-child,#categories li:nth-child(8n+7):last-child,#categories li:nth-child(8n+8):last-child{margin-bottom:0}#categories li:nth-child(8n+5){margin-left:.5%}#categories li:nth-child(4n+2){margin-left:1%;margin-right:1%}#categories li:nth-child(4n+3){margin-right:1%}}@media (max-width:900px) and (min-width:601px){#categories li{width:27.857%;padding-bottom:32.168%}#categories li:nth-child(6n+4),#categories li:nth-child(6n+5),#categories li:nth-child(6n+6){margin-top:-7.322%;margin-bottom:-7.322%;-webkit-transform:translateX(50%) rotate(-60deg) skewY(30deg);transform:translateX(50%) rotate(-60deg) skewY(30deg)}#categories li:nth-child(6n+4):last-child,#categories li:nth-child(6n+5):last-child,#categories li:nth-child(6n+6):last-child{margin-bottom:0}#categories li:nth-child(6n+4){margin-left:.5%}#categories li:nth-child(3n+2){margin-left:1%;margin-right:1%}}@media (max-width:600px){#categories li{width:39.4%;padding-bottom:45.496%}#categories li:nth-child(4n+3),#categories li:nth-child(4n+4){margin-top:-10.392%;margin-bottom:-10.392%;-webkit-transform:translateX(50%) rotate(-60deg) skewY(30deg);transform:translateX(50%) rotate(-60deg) skewY(30deg)}#categories li:nth-child(4n+3):last-child,#categories li:nth-child(4n+4):last-child{margin-bottom:0}#categories li:nth-child(4n+3){margin-left:.5%}#categories li:nth-child(2n+2){margin-left:1%}}.deactivate{opacity:.5;-webkit-filter:grayscale(70%);filter:grayscale(70%)}.periodic{height:200px;margin-right:-1px;text-shadow:none;padding-bottom:2em}.periodic-row{clear:both;height:10%}.cell{width:5.55%;height:100%}.element,.symbol{position:absolute}.element{top:0;left:0;bottom:1px;right:1px;-moz-box-sizing:border-box;box-sizing:border-box;box-shadow:0 0 4px rgba(255,255,255,.5);border:1px solid rgba(0,0,0,.05);cursor:default;pointer-events:none;-webkit-transition:all .2s ease;transition:all .2s ease;background-color:rgba(0,128,128,.6)}.cell:hover .element{border-color:rgba(0,0,0,.1);-webkit-transform:scale(3,3);transform:scale(3,3);z-index:1;background-color:rgba(0,128,128,.9)}.at_details,.at_num{position:absolute;font-size:4px;color:rgba(255,255,255,.5);opacity:0}.at_num{top:4px;right:5px}.symbol{top:50%;left:0;right:0;margin-top:-4px;font-size:9px;line-height:1;height:8px;color:rgba(255,255,255,.9)}.at_details{bottom:4px;left:0;right:0}.cell:nth-child(-n+2) .element,.cell:nth-child(n+13) .element{background-color:rgba(0,160,96,.6)}.cell:nth-child(1) .element,.periodic-row:nth-child(2) .cell:nth-child(n+14) .element,.periodic-row:nth-child(3) .cell:nth-child(n+15) .element,.periodic-row:nth-child(4) .cell:nth-child(n+16) .element,.periodic-row:nth-child(5) .cell:nth-child(n+17) .element{background-color:rgba(0,192,64,.6)}.periodic-row:nth-child(-n+6) .cell:nth-child(18) .element{background-color:rgba(64,192,0,.6)}.periodic-row:nth-child(n+9) .element{background-color:rgba(0,96,160,.6)}.cell:nth-child(-n+2):hover .element,.cell:nth-child(n+13):hover .element{background-color:rgba(0,160,96,.9)}.cell:nth-child(1):hover .element,.periodic-row:nth-child(2) .cell:nth-child(n+14):hover .element,.periodic-row:nth-child(3) .cell:nth-child(n+15):hover .element,.periodic-row:nth-child(4) .cell:nth-child(n+16):hover .element,.periodic-row:nth-child(5) .cell:nth-child(n+17):hover .element{background-color:rgba(0,192,64,.9)}.periodic-row:nth-child(-n+6) .cell:nth-child(18):hover .element{background-color:rgba(64,192,0,.9)}.periodic-row:nth-child(n+9) .cell:hover .element{background-color:rgba(0,96,160,.9)}@media (min-width:600px){.periodic{height:460px;margin-right:-2px}.element{right:2px;bottom:2px}.at_details,.at_num{font-size:4px;opacity:1}.symbol{margin-top:-17px;font-size:13px;font-weight:700;line-height:30px;height:30px;color:rgba(255,255,255,.75);text-shadow:0 0 4px rgba(255,255,255,.5)}}.coverDesign h1,.coverDesign p{text-shadow:-1px -1px 0 rgba(0,0,0,.1)}@media (min-width:800px){.periodic{height:460px}.symbol{font-size:11px}}@media (min-width:992px){.periodic{height:650px}.at_details,.at_num{font-size:5px}.symbol{font-size:16px}}@media (min-width:1200px){.periodic{height:700px}.at_details,.at_num{font-size:5px}.symbol{font-size:16px}}.hidden-periodic .cell:hover .element{-webkit-transform:none;transform:none}.periodic-exercise .element{pointer-events:initial}.periodic-exercise .cell:hover .element{-webkit-transform:scale(2.5,2.5);transform:scale(2.5,2.5)}.periodic-exercise .symbol input{width:90%;color:#fff;border:none;background-color:transparent}.periodic-exercise .symbol input:focus{outline:0}.grid{margin-left:-20px}.grid__col--12-of-12,.grid__col--2-of-2,.grid__col--3-of-3,.grid__col--4-of-4,.grid__col--5-of-5,.grid__col--6-of-6,.grid__col--8-of-8{width:100%}.grid__col--1-of-2,.grid__col--2-of-4,.grid__col--3-of-6,.grid__col--4-of-8,.grid__col--6-of-12{width:50%}.grid__col--1-of-3,.grid__col--2-of-6,.grid__col--4-of-12{width:33.33333%}.grid__col--2-of-3,.grid__col--4-of-6,.grid__col--8-of-12{width:66.66667%}.grid__col--1-of-4,.grid__col--2-of-8,.grid__col--3-of-12{width:25%}.grid__col--3-of-4,.grid__col--6-of-8,.grid__col--9-of-12{width:75%}.grid__col--push-12-of-12,.grid__col--push-2-of-2,.grid__col--push-3-of-3,.grid__col--push-4-of-4,.grid__col--push-5-of-5,.grid__col--push-6-of-6,.grid__col--push-8-of-8{margin-left:100%}.grid__col--push-1-of-2,.grid__col--push-2-of-4,.grid__col--push-3-of-6,.grid__col--push-4-of-8,.grid__col--push-6-of-12{margin-left:50%}.grid__col--push-1-of-3,.grid__col--push-2-of-6,.grid__col--push-4-of-12{margin-left:33.33333%}.grid__col--push-2-of-3,.grid__col--push-4-of-6,.grid__col--push-8-of-12{margin-left:66.66667%}.grid__col--push-1-of-4,.grid__col--push-2-of-8,.grid__col--push-3-of-12{margin-left:25%}.grid__col--push-3-of-4,.grid__col--push-6-of-8,.grid__col--push-9-of-12{margin-left:75%}.grid__col--pull-12-of-12,.grid__col--pull-2-of-2,.grid__col--pull-3-of-3,.grid__col--pull-4-of-4,.grid__col--pull-5-of-5,.grid__col--pull-6-of-6,.grid__col--pull-8-of-8{margin-left:-100%}.grid__col--pull-1-of-2,.grid__col--pull-2-of-4,.grid__col--pull-3-of-6,.grid__col--pull-4-of-8,.grid__col--pull-6-of-12{margin-left:-50%}.grid__col--pull-1-of-3,.grid__col--pull-2-of-6,.grid__col--pull-4-of-12{margin-left:-33.33333%}.grid__col--pull-2-of-3,.grid__col--pull-4-of-6,.grid__col--pull-8-of-12{margin-left:-66.66667%}.grid__col--pull-1-of-4,.grid__col--pull-2-of-8,.grid__col--pull-3-of-12{margin-left:-25%}.grid__col--pull-3-of-4,.grid__col--pull-6-of-8,.grid__col--pull-9-of-12{margin-left:-75%}.grid__col--1-of-5{width:20%}.grid__col--push-1-of-5{margin-left:20%}.grid__col--pull-1-of-5{margin-left:-20%}.grid__col--2-of-5{width:40%}.grid__col--push-2-of-5{margin-left:40%}.grid__col--pull-2-of-5{margin-left:-40%}.grid__col--3-of-5{width:60%}.grid__col--push-3-of-5{margin-left:60%}.grid__col--pull-3-of-5{margin-left:-60%}.grid__col--4-of-5{width:80%}.grid__col--push-4-of-5{margin-left:80%}.grid__col--pull-4-of-5{margin-left:-80%}.grid__col--1-of-6{width:16.66667%}.grid__col--push-1-of-6{margin-left:16.66667%}.grid__col--pull-1-of-6{margin-left:-16.66667%}.grid__col--5-of-6{width:83.33333%}.grid__col--push-5-of-6{margin-left:83.33333%}.grid__col--pull-5-of-6{margin-left:-83.33333%}.grid__col--1-of-8{width:12.5%}.grid__col--push-1-of-8{margin-left:12.5%}.grid__col--pull-1-of-8{margin-left:-12.5%}.grid__col--3-of-8{width:37.5%}.grid__col--push-3-of-8{margin-left:37.5%}.grid__col--pull-3-of-8{margin-left:-37.5%}.grid__col--5-of-8{width:62.5%}.grid__col--push-5-of-8{margin-left:62.5%}.grid__col--pull-5-of-8{margin-left:-62.5%}.grid__col--7-of-8{width:87.5%}.grid__col--push-7-of-8{margin-left:87.5%}.grid__col--pull-7-of-8{margin-left:-87.5%}.grid__col--1-of-12{width:8.33333%}.grid__col--push-1-of-12{margin-left:8.33333%}.grid__col--pull-1-of-12{margin-left:-8.33333%}.grid__col--2-of-12{width:16.66667%}.grid__col--push-2-of-12{margin-left:16.66667%}.grid__col--pull-2-of-12{margin-left:-16.66667%}.grid__col--5-of-12{width:41.66667%}.grid__col--push-5-of-12{margin-left:41.66667%}.grid__col--pull-5-of-12{margin-left:-41.66667%}.grid__col--7-of-12{width:58.33333%}.grid__col--push-7-of-12{margin-left:58.33333%}.grid__col--pull-7-of-12{margin-left:-58.33333%}.grid__col--10-of-12{width:83.33333%}.grid__col--push-10-of-12{margin-left:83.33333%}.grid__col--pull-10-of-12{margin-left:-83.33333%}.grid__col--11-of-12{width:91.66667%}.grid__col--push-11-of-12{margin-left:91.66667%}.grid__col--pull-11-of-12{margin-left:-91.66667%}.grid__col{-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;margin-right:-.25em;min-height:1px;padding-left:20px;vertical-align:top}@media (max-width:700px){.grid__col{display:block;margin-left:0;margin-right:0;width:auto}}@media (max-width:700px) and (min-width:480px){.grid__col[class*=grid__col--m-]{display:inline-block;margin-right:-.24em}.grid__col.grid__col--m-1-of-2,.grid__col.grid__col--m-2-of-4{width:50%}.grid__col.grid__col--m-1-of-3{width:33.33333%}.grid__col.grid__col--m-2-of-3{width:66.66667%}.grid__col.grid__col--m-1-of-4{width:25%}.grid__col.grid__col--m-3-of-4{width:75%}}@media (max-width:480px){.grid__col[class*=grid__col--s-]{display:inline-block;margin-right:-.24em}.grid__col.grid__col--s-1-of-2,.grid__col.grid__col--s-2-of-4{width:50%}.grid__col.grid__col--s-1-of-3{width:33.33333%}.grid__col.grid__col--s-2-of-3{width:66.66667%}.grid__col.grid__col--s-1-of-4{width:25%}.grid__col.grid__col--s-3-of-4{width:75%}}.grid__col--centered{display:block;margin-left:auto;margin-right:auto}.grid--no-gutter,.grid--no-gutter .grid__col--span-all{margin-left:0;width:100%}.grid__col--d-last{float:right}.grid--no-gutter .grid__col{padding-left:0}.grid__col--ab{vertical-align:bottom}.grid__col--am{vertical-align:middle}.cover-page{display:table;margin:0!important;background-color:#f6d125;background-image:url(img/hexagons-abstract.png);background-position:center;background-repeat:no-repeat}.cover-page .container{padding:0;display:table-cell;height:100vh;vertical-align:middle}.fraction,.inline-block{display:inline-block}.cover-page .container img{width:100px;float:right}.cover-page .container h1{background-color:#4a4b50;color:#fff;padding-left:2em;margin-top:0;margin-left:-1em;box-shadow:-3px 3px 4px rgba(0,0,0,.3)}.cover-page .container h3{padding-right:1em;padding-left:1em;margin-left:1em;background-color:#fff;text-align:right;float:right;box-shadow:-3px 3px 4px rgba(0,0,0,.3)}@media (max-width:400px){.cover-page .container h1{font-size:1.5em}.cover-page .container h3{font-size:1em}}*{margin:0;padding:0}body{-webkit-transform:translateZ(0);transform:translateZ(0)}#scrollview{background-color:#343538;background-image:url(img/bg.png)}#textbook{background-color:#fff;box-shadow:4px 4px 8px #111;margin-top:1.5em!important;position:relative}@media (max-width:767px){#textbook{margin-top:0!important}}section{font-family:MyriadPro,sans-serif;color:#4a4b50}.page-content{margin-bottom:4em;font-size:.9em;margin-left:60px!important;margin-right:60px!important}@media (max-width:691px){.page-content{margin-left:45px!important;margin-right:45px!important}}@media (max-width:300px){.page-content{margin-left:20px!important;margin-right:20px!important}}ul.ucl-list{list-style-image:url(/img/bullet.png)}ol.tutorial-questions{list-style-type:none;counter-reset:ol-counter}ol.tutorial-questions>li:before{content:counter(ol-counter) ". ";counter-increment:ol-counter;font-family:MyriadPro-Bold;font-size:1.1em}.green-title{color:#66b3b3;margin-bottom:-1em}.fluidbox-wrap *,.page-content img{border-radius:.2em}a{color:inherit}a:hover{color:#669fc6}.my_container li,.my_container ul{position:relative;overflow:hidden}.my_container li span{width:100%;max-height:0;position:absolute;bottom:0;left:0;padding:0 1rem;font-family:MyriadPro;font-size:1.3rem;line-height:1.5rem;color:#fff;background:rgba(0,0,0,.6);-webkit-transition:max-height .2s ease;transition:max-height .2s ease}.my_container li:hover span{max-height:400px;padding:.2em 1rem}.table-border td,.table-border th,.table-padded td,.table-padded th,.table-padded-text td,.table-padded-text th{padding:3px}.image-table td{border:4px solid #fff}.table-padded{font-size:.8em}.table-bordered{border:none}.left{text-align:left}.right{text-align:right}.align,.component .btn,.coverDesign h1,.coverDesign p,.fraction,.ribbon{text-align:center}.float-right{float:right}.float-left{float:left}.fraction{vertical-align:middle;margin:0 .2em .4ex}.fraction>span{display:block;padding-top:.15em}.fraction span.fdn{border-top:thin solid #4a4b50}.col--1-of-2,.col--1-of-5,.col--4-of-12,.col--8-of-12{border:2px solid #fff}.fraction span.bar{display:none}.col--1-of-2,.col--1-of-5,.col--4-of-12,.col--8-of-12{display:inline-block}.col--1-of-5{width:calc(100% / 5)}@media (max-width:768px){.col--1-of-5{width:50%}}.col--1-of-2{width:calc(100% / 2)}.col--8-of-12{width:calc(100% / 12 * 8)}.col--4-of-12{width:calc(100% / 12 * 4)}.inline-img,.inline-img2{display:inline-block;height:2em;width:2em}.inline-img img,.inline-img2 img{margin-top:.5em}.inline-img2 img{margin-top:1em}a.link{text-decoration:underline}.radical{position:relative;font-size:1.6em;vertical-align:middle}.n-root{position:absolute;top:-.333em;left:.333em;font-size:45%}.radicand{padding:.25em;border-top:#4a4b50 solid}.blue-box,.end-box-blue,.end-box-green,.green-box{background-color:#669fc6;padding:40px 60px;color:#fff;position:relative;margin:50px -60px}.blue-box input,.blue-box textarea,.end-box-blue input,.end-box-blue textarea,.end-box-green input,.end-box-green textarea,.green-box input,.green-box textarea{color:#4a4b50}.blue-box a,.end-box-blue a,.end-box-green a,.green-box a{color:#fff}.blue-box .fraction span.fdn,.end-box-blue .fraction span.fdn,.end-box-green .fraction span.fdn,.green-box .fraction span.fdn{border-top:thin solid #fff}.blue-box:before,.end-box-blue:before,.end-box-green:before,.green-box:before{content:'';position:absolute;top:-29px;right:0;width:0;height:0;border-style:solid;border-width:0 0 30px 60px;border-color:transparent transparent #669fc6}@media (max-width:691px){.blue-box,.end-box-blue,.end-box-green,.green-box{margin-left:-45px;margin-right:-45px;padding:30px 45px}.blue-box:before,.end-box-blue:before,.end-box-green:before,.green-box:before{border-width:0 0 22.5px 45px;top:-22px}}@media (max-width:300px){.blue-box,.end-box-blue,.end-box-green,.green-box{margin-left:-20px;margin-right:-20px;padding:20px}.blue-box:before,.end-box-blue:before,.end-box-green:before,.green-box:before{border-width:0 0 10px 20px;top:-9px}}.blue-box:after,.end-box-blue:after,.end-box-green:after,.green-box:after{content:'';position:absolute;bottom:-29px;left:0;width:0;height:0;border-style:solid;border-width:30px 60px 0 0;border-color:#669fc6 transparent transparent}.green-box{background-color:#66b3b3}.green-box:before{border-color:transparent transparent #66b3b3}.green-box:after{border-color:#66b3b3 transparent transparent}.end-box-blue,.end-box-green{margin-bottom:-4em!important;background-color:#669fc6}.end-box-blue:after,.end-box-green:after{display:none}@media (max-width:767px){.end-box-blue,.end-box-green{margin-bottom:-7.3em!important}}.end-box-green{background-color:#66b3b3}.end-box-green:before{border-color:transparent transparent #66b3b3}.side-container{position:relative;width:100%;min-height:60px;height:auto;right:-60px!important}@media (max-width:691px){.blue-box:after,.end-box-blue:after,.end-box-green:after,.green-box:after{border-width:22.5px 45px 0 0;bottom:-22px}.side-container{right:-45px!important}}@media (max-width:300px){.blue-box:after,.end-box-blue:after,.end-box-green:after,.green-box:after{border-width:10px 20px 0 0;bottom:-9px}.side-container{right:-20px!important}}.side-container .caution-box,.side-container .remember-box{background-color:#66c69f;color:#fff;float:right;position:relative;margin-top:.5em;margin-bottom:.2em;display:table;border-radius:.2em 0 0 .2em;width:50px;height:50px;-webkit-transition:.1s;transition:.1s;outline:0}.side-container .caution-box .text,.side-container .remember-box .text{padding:0 1rem;position:absolute;height:inherit!important;min-height:50px;width:auto;display:table;vertical-align:middle}.side-container .caution-box .text *,.side-container .remember-box .text *{vertical-align:middle;display:none}.side-container .caution-box .text a,.side-container .caution-box .text p,.side-container .caution-box .text span,.side-container .remember-box .text a,.side-container .remember-box .text p,.side-container .remember-box .text span{font-family:Roboto;font-size:80%;line-height:1.1em}.side-container .caution-box:before,.side-container .remember-box:before{content:"";position:absolute;width:0;border-left:16px solid transparent;top:-8px;border-bottom:14.43px solid #66c69f;right:0}.side-container .caution-box .icon,.side-container .remember-box .icon{width:50px;height:50px;position:absolute;top:0;left:0}.side-container .caution-box:hover,.side-container .remember-box:hover{cursor:pointer;width:50%;outline:0}.side-container .caution-box:hover b,.side-container .caution-box:hover p,.side-container .caution-box:hover span,.side-container .caution-box:hover strong,.side-container .remember-box:hover b,.side-container .remember-box:hover p,.side-container .remember-box:hover span,.side-container .remember-box:hover strong{display:table-cell}.side-container .caution-box:hover .icon,.side-container .remember-box:hover .icon{display:none}.side-container .caution-box{background-color:#cb3d3d}.side-container .caution-box:before{border-bottom:14.43px solid #cb3d3d}::after,::before{content:""}.component ul{margin:0;padding:0}.component a{color:#2c3e50;text-decoration:none}.component .btn{display:inline-block;text-transform:uppercase;border:2px solid #2c3e50;margin-top:100px;font-size:.7em;font-weight:700;padding:.1em .4em;-webkit-transition:color .3s,border-color .3s;transition:color .3s,border-color .3s}.component .btn:hover{border-color:#16a085;color:#16a085}.align{clear:both;margin:90px auto 20px;width:100%;max-width:1170px}.align>li{min-height:250px;display:inline-block;margin:30px 20px 30px 30px;padding:0 0 0 60px;vertical-align:top}.book{position:relative;width:160px;height:220px;-webkit-perspective:1000px;perspective:1000px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.hardcover_front li:first-child{background-color:#eee;-webkit-backface-visibility:hidden;backface-visibility:hidden}.hardcover_back li:first-child,.hardcover_back li:last-child,.hardcover_front li:last-child{background:#fffbec}.book_spine li:first-child{background:#eee}.book_spine li:last-child{background:#333}.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before{background:#999;position:absolute;top:0;left:0}.page>li{background:-webkit-linear-gradient(left,#e1ddd8 0,#fffbf6 100%);background:linear-gradient(to right,#e1ddd8 0,#fffbf6 100%);box-shadow:inset 0 -1px 2px rgba(50,50,50,.1),inset -1px 0 1px rgba(150,150,150,.2);border-radius:0 5px 5px 0}.hardcover_front{-webkit-transform:rotateY(-34deg) translateZ(8px);transform:rotateY(-34deg) translateZ(8px);z-index:100;-webkit-transition:all .8s ease,z-index .6s;transition:all .8s ease,z-index .6s}.hardcover_back{-webkit-transform:rotateY(-15deg) translateZ(-8px);transform:rotateY(-15deg) translateZ(-8px)}.page li:nth-child(1){-webkit-transform:rotateY(-28deg);transform:rotateY(-28deg)}.page li:nth-child(2){-webkit-transform:rotateY(-30deg);transform:rotateY(-30deg)}.page li:nth-child(3){-webkit-transform:rotateY(-32deg);transform:rotateY(-32deg)}.page li:nth-child(4){-webkit-transform:rotateY(-34deg);transform:rotateY(-34deg)}.page li:nth-child(5){-webkit-transform:rotateY(-36deg);transform:rotateY(-36deg)}.book_spine,.book_spine li,.hardcover_back,.hardcover_back li,.hardcover_front,.hardcover_front li{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.hardcover_back,.hardcover_front{-webkit-transform-origin:0 100%;transform-origin:0 100%}.hardcover_front li:first-child{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform:translateZ(2px);transform:translateZ(2px)}.hardcover_front li:last-child{-webkit-transform:rotateY(180deg) translateZ(2px);transform:rotateY(180deg) translateZ(2px)}.hardcover_back li:first-child{-webkit-transform:translateZ(2px);transform:translateZ(2px)}.hardcover_back li:last-child{-webkit-transform:translateZ(-2px);transform:translateZ(-2px)}.hardcover_front li:first-child:after,.hardcover_front li:first-child:before{width:4px;height:100%}.hardcover_front li:first-child:after{-webkit-transform:rotateY(90deg) translateZ(-2px) translateX(2px);transform:rotateY(90deg) translateZ(-2px) translateX(2px)}.hardcover_front li:first-child:before{-webkit-transform:rotateY(90deg) translateZ(158px) translateX(2px);transform:rotateY(90deg) translateZ(158px) translateX(2px)}.hardcover_front li:last-child:after,.hardcover_front li:last-child:before{width:4px;height:160px}.hardcover_front li:last-child:after{-webkit-transform:rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);transform:rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px)}.hardcover_front li:last-child:before{box-shadow:0 0 30px 5px #333;-webkit-transform:rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);transform:rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px)}.hardcover_back li:first-child:after,.hardcover_back li:first-child:before{width:4px;height:100%}.hardcover_back li:first-child:after{-webkit-transform:rotateY(90deg) translateZ(-2px) translateX(2px);transform:rotateY(90deg) translateZ(-2px) translateX(2px)}.hardcover_back li:first-child:before{-webkit-transform:rotateY(90deg) translateZ(158px) translateX(2px);transform:rotateY(90deg) translateZ(158px) translateX(2px)}.hardcover_back li:last-child:after,.hardcover_back li:last-child:before{width:4px;height:160px}.hardcover_back li:last-child:after{-webkit-transform:rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);transform:rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px)}.hardcover_back li:last-child:before{box-shadow:10px -1px 80px 20px #666;-webkit-transform:rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);transform:rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px)}.book_spine{-webkit-transform:rotateY(60deg) translateX(-5px) translateZ(-12px);transform:rotateY(60deg) translateX(-5px) translateZ(-12px);width:16px;z-index:0}.book_spine li:first-child{-webkit-transform:translateZ(2px);transform:translateZ(2px)}.book_spine li:last-child{-webkit-transform:translateZ(-2px);transform:translateZ(-2px)}.book_spine li:first-child:after,.book_spine li:first-child:before{width:4px;height:100%}.book_spine li:first-child:after{-webkit-transform:rotateY(90deg) translateZ(-2px) translateX(2px);transform:rotateY(90deg) translateZ(-2px) translateX(2px)}.book_spine li:first-child:before{-webkit-transform:rotateY(-90deg) translateZ(-12px);transform:rotateY(-90deg) translateZ(-12px)}.book_spine li:last-child:after,.book_spine li:last-child:before{width:4px;height:16px}.book_spine li:last-child:after{-webkit-transform:rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);transform:rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px)}.book_spine li:last-child:before{box-shadow:5px -1px 100px 40px rgba(0,0,0,.2);-webkit-transform:rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);transform:rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px)}.page,.page>li{position:absolute;top:0;left:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.page{width:100%;height:98%;top:1%;left:3%;z-index:10}.coverDesign,.coverDesign::after{top:0;left:0;bottom:0;right:0;position:absolute}.page>li{width:100%;height:100%;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transition-timing-function:ease;transition-timing-function:ease}.page>li:nth-child(1),.page>li:nth-child(2){-webkit-transition-duration:.6s;transition-duration:.6s}.page>li:nth-child(3){-webkit-transition-duration:.4s;transition-duration:.4s}.page>li:nth-child(4){-webkit-transition-duration:.5s;transition-duration:.5s}.page>li:nth-child(5){-webkit-transition-duration:.6s;transition-duration:.6s}.book:hover>.hardcover_front{-webkit-transform:rotateY(-145deg) translateZ(0);transform:rotateY(-145deg) translateZ(0);z-index:0}.book:hover>.page li:nth-child(1){-webkit-transform:rotateY(-30deg);transform:rotateY(-30deg);-webkit-transition-duration:1.5s;transition-duration:1.5s}.book:hover>.page li:nth-child(2){-webkit-transform:rotateY(-35deg);transform:rotateY(-35deg);-webkit-transition-duration:1.8s;transition-duration:1.8s}.book:hover>.page li:nth-child(3){-webkit-transform:rotateY(-118deg);transform:rotateY(-118deg);-webkit-transition-duration:1.6s;transition-duration:1.6s}.book:hover>.page li:nth-child(4){-webkit-transform:rotateY(-130deg);transform:rotateY(-130deg);-webkit-transition-duration:1.4s;transition-duration:1.4s}.book:hover>.page li:nth-child(5){-webkit-transform:rotateY(-140deg);transform:rotateY(-140deg);-webkit-transition-duration:1.2s;transition-duration:1.2s}.coverDesign{-webkit-backface-visibility:hidden;backface-visibility:hidden}.coverDesign img{height:inherit;width:auto}.coverDesign::after{background-image:-webkit-linear-gradient(225deg,rgba(255,255,255,.45) 0,transparent 100%);background-image:linear-gradient(-135deg,rgba(255,255,255,.45) 0,transparent 100%)}.coverDesign h1{color:#fff;font-size:2.2em;letter-spacing:.05em;margin:54% 0 0}.coverDesign p{color:#f8f8f8;font-size:1em}.yellow{background-color:#f1c40f;background-image:-webkit-linear-gradient(top,#f1c40f 58%,#e7ba07 0);background-image:linear-gradient(to bottom,#f1c40f 58%,#e7ba07 0)}.blue{background-color:#3498db;background-image:-webkit-linear-gradient(top,#3498db 58%,#2a90d4 0);background-image:linear-gradient(to bottom,#3498db 58%,#2a90d4 0)}.grey{background-color:#f8e9d1;background-image:-webkit-linear-gradient(top,#f8e9d1 58%,#e7d5b7 0);background-image:linear-gradient(to bottom,#f8e9d1 58%,#e7d5b7 0)}.ribbon{background:#c0392b;color:#fff;display:block;font-size:.7em;position:absolute;top:11px;right:1px;width:40px;height:20px;line-height:20px;letter-spacing:.15em;-webkit-transform:rotateZ(45deg) translateZ(1px);transform:rotateZ(45deg) translateZ(1px);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:10}.ribbon::after,.ribbon::before{position:absolute;top:-20px;width:0;height:0;border-bottom:20px solid #c0392b;border-top:20px solid transparent}.ribbon::before{left:-20px;border-left:20px solid transparent}.ribbon::after{right:-20px;border-right:20px solid transparent}@media screen and (max-width:37.8125em){.align>li{width:100%;height:auto;padding:0;margin:0 0 30px}.book{margin:0 auto}figcaption{text-align:center;width:320px;top:250px;padding-left:0;left:-80px;font-size:90%}}