.breadcrumb-line{background-color:#e5eff6}.breadcrumb-line .breadcrumb-nav{list-style:none;margin:0;overflow:hidden;padding:0}.breadcrumb-line .breadcrumb-nav li{float:left;margin:0}.breadcrumb-line .breadcrumb-nav li a{color:#333;display:block;font-size:12px;font-weight:300;padding:15px 20px;position:relative}.breadcrumb-line .breadcrumb-nav li a.active{font-weight:500;pointer-events:none}.breadcrumb-line .breadcrumb-nav li a:after{color:#333;content:"-";font-size:12px;font-weight:300;position:absolute;right:-2px}.breadcrumb-line .breadcrumb-nav li:first-child a{padding-left:0}.breadcrumb-line .breadcrumb-nav li:last-child a{padding-right:0}.breadcrumb-line .breadcrumb-nav li:last-child a:after{display:none}.breadcrumb-line.breadcrumb--white-box{background-color:transparent}.breadcrumb-line.breadcrumb--white-box .breadcrumb-nav{background-color:#fff;border:1px solid rgba(54,57,60,.1);border-radius:4px;box-shadow:0 4px 8px rgba(81,85,88,.1)}.breadcrumb-line.breadcrumb--white-box .breadcrumb-nav li a{color:#999;padding:12px 20px 12px 40px}.breadcrumb-line.breadcrumb--white-box .breadcrumb-nav li a:after,.breadcrumb-line.breadcrumb--white-box .breadcrumb-nav li a:before{bottom:-1px;content:"";position:absolute;right:-18px;top:-1px}.breadcrumb-line.breadcrumb--white-box .breadcrumb-nav li a:after{border-bottom:22px solid transparent;border-left:20px solid rgba(0,0,0,.05);border-top:22px solid transparent;right:-20px;z-index:1}.breadcrumb-line.breadcrumb--white-box .breadcrumb-nav li a:before{border-bottom:22px solid transparent;border-left:20px solid #fff;border-top:22px solid transparent;z-index:2}.breadcrumb-line.breadcrumb--white-box .breadcrumb-nav li a.active{background-color:#f2f2f2;color:#333}.breadcrumb-line.breadcrumb--white-box .breadcrumb-nav li a:hover{background-color:#f7f7f7}.breadcrumb-line.breadcrumb--white-box .breadcrumb-nav li a:hover:before{border-left-color:#f7f7f7}.breadcrumb-line.breadcrumb--white-box .breadcrumb-nav li:first-child a{padding-left:20px}.breadcrumb-line.breadcrumb--white-box .breadcrumb-nav li:last-child a:after,.breadcrumb-line.breadcrumb--white-box .breadcrumb-nav li:last-child a:before{display:none}@media screen and (max-width:991px){.breadcrumb-line .breadcrumb-nav li{display:none}.breadcrumb-line .breadcrumb-nav li:first-child,.breadcrumb-line .breadcrumb-nav li:last-child,.breadcrumb-line .breadcrumb-nav li:nth-child(2){display:inline-block}.breadcrumb-line .breadcrumb-nav li a{padding:12px}.breadcrumb-line .breadcrumb-nav li a:after{content:">"}}.content-section{padding-top:30px}.features-block .item-box p{font-weight:300}.features-block .item-box .icon{height:130px;margin:0 0 25px;max-width:120px}.features-block .item-box .icon img{max-width:100%}.features-block .item-box .btn{font-size:16px;min-width:180px}.features-section .feature-box{margin-bottom:25px;padding:15px 18px}.features-section .feature-box p{font-weight:300;line-height:1.6}.features-section .feature-box .icon{margin:-25px 0 20px;max-width:120px;top:auto}.features-section .feature-box .btn{font-size:16px;min-width:100%}.features-section.vertical-pack{bottom:0;position:fixed}.features-section.vertical-pack .feature-box{margin:0;min-height:auto;padding:15px 10px}.features-section.vertical-pack .feature-box:hover{transform:translate(0)}.features-section.vertical-pack .feature-box .shape-box{height:90px;line-height:90px;margin:-25px auto 12px;position:relative;width:80px}.features-section.vertical-pack .feature-box .shape-box .icon-hexagon{height:100%;left:0;position:absolute;top:0;width:100%}.features-section.vertical-pack .feature-box .shape-box .icon-hexagon+img{height:auto;max-height:51.6px;max-width:50%;position:relative;width:auto;z-index:2}.features-section.vertical-pack .feature-box .shape-box img{max-width:100%}.features-section.vertical-pack .feature-box h4{font-size:16px}.features-section.vertical-pack .feature-box ul{list-style:none;margin:0;padding:0}.features-section.vertical-pack .feature-box ul li{color:#666;font-size:13px;font-weight:300;padding:5px 0}.features-section.vertical-pack .feature-box .btn{font-size:13px;line-height:32px}.features-section.vertical-pack.stick-top{bottom:auto;position:absolute;top:0}@media screen and (max-width:1400px){.features-section .feature-box h3{font-size:18px}.features-section .feature-box .icon{height:120px;max-width:90px}}@media screen and (min-width:992px) and (max-width:1199px){.features-block .item-box .btn{min-width:100%}}@media screen and (min-width:768px) and (max-width:1200px){.features-section .feature-box .btn{font-size:14px;line-height:42px;padding:0 7px}.fc-form .form-control{font-size:15px}}@media screen and (max-width:991px){.container{max-width:100%}.content-section:last-of-type{padding-bottom:30px}.features-section .feature-box{padding:20px 10px}.features-section .feature-box .btn{font-size:14px;line-height:42px;padding:0 7px}.features-section .feature-box h4{font-size:16px}}@media screen and (max-width:767px){.features-block .item-box .btn{min-width:100%}}.tutorial-nav-section{height:100%;position:relative}.tutorial-nav-section ul{list-style:none;margin:0;overflow:hidden;overflow-y:auto;padding:0}.tutorial-nav-section ul::-webkit-scrollbar{width:6px}.tutorial-nav-section ul::-webkit-scrollbar-track{border-radius:4px;box-shadow:inset 0 0 6px rgba(0,0,0,.05);margin:3px 0}.tutorial-nav-section ul::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);border-radius:4px;outline:none}.tutorial-nav-section ul li{background-color:#edeff0;border-bottom:1px solid #e1e3e4}.tutorial-nav-section ul li:first-child{border-radius:4px 4px 0 0}.tutorial-nav-section ul li:last-child{border:0;border-radius:0 0 4px 4px}.tutorial-nav-section ul li a,.tutorial-nav-section ul li span{color:#666;display:block;font-size:14px;margin:0;padding:12px 25px;position:relative}.tutorial-nav-section ul li a[data-toggle=collapse]:after,.tutorial-nav-section ul li span[data-toggle=collapse]:after{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#bebfc0;content:"\e409";font-family:fastcomet;font-size:28px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;position:absolute;right:10px;text-transform:none;top:10px;transition:transform .3s}.tutorial-nav-section ul li strong{font-weight:500}.tutorial-nav-section ul li a[aria-expanded=true]{background-color:#fff;border-left:1px solid #e1e3e4;border-radius:4px 4px 0 0;border-right:1px solid #e1e3e4}.tutorial-nav-section ul li a[aria-expanded=true]:after{color:#40a1e9;transform:rotate(90deg)}.tutorial-nav-section ul li.active>a{background-color:#fff;border-left:3px solid #40a1e9;border-right:1px solid #e1e3e4;font-weight:500}.tutorial-nav-section ul li.active:first-child{border-top:1px solid #e1e3e4}.tutorial-nav-section ul li.active:last-child{border-bottom:1px solid #e1e3e4}.tutorial-nav-section ul li ul{border-left:1px solid #e1e3e4;border-right:1px solid #e1e3e4}.tutorial-nav-section ul li ul li{background-color:#fff;border:0!important}.tutorial-nav-section ul li ul li a{border-radius:0;font-size:13px;margin:0 15px;padding:8px 0}.tutorial-nav-section ul li ul li:first-child a{border-top:1px solid #f2f2f2;padding-top:15px}.tutorial-nav-section ul li ul li:last-child a{padding-bottom:15px}.tutorial-nav-section ul li ul li.active>a{border-left:0;border-right:0;font-weight:500;text-decoration:underline}.tutorial-nav-section ul.sticky{position:fixed;top:0}.tutorial-nav-section ul.stick-bottom{bottom:0;position:absolute}@media screen and (max-width:767px){.tutorial-mobile-nav{background-color:#e5eff6;padding:10px}.tutorial-mobile-nav .toggle-tutorial-mobile-nav{display:block;height:30px;left:0;line-height:30px;position:relative;top:0;width:30px}.tutorial-mobile-nav .toggle-tutorial-mobile-nav span{background-color:#999;border-radius:4px;display:block;height:3px;margin-top:6px;position:relative;transition:all .3s;width:100%}.tutorial-mobile-nav .toggle-tutorial-mobile-nav span:last-child,.tutorial-mobile-nav .toggle-tutorial-mobile-nav span:nth-child(2){margin-top:5px}.tutorial-mobile-nav .toggle-tutorial-mobile-nav[aria-expanded=true] span:first-child{margin-top:15px;transform:rotate(45deg)}.tutorial-mobile-nav .toggle-tutorial-mobile-nav[aria-expanded=true] span:nth-child(2){opacity:0}.tutorial-mobile-nav .toggle-tutorial-mobile-nav[aria-expanded=true] span:last-child{margin-top:-10px;transform:rotate(-45deg)}.tutorial-mobile-nav .tutorial-nav-section{margin:0 -15px}.tutorial-mobile-nav+.breadcrumb-line{background:transparent}.tutorial-mobile-nav+.breadcrumb-line .breadcrumb-nav li:last-child a{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tutorial-mobile-nav+.breadcrumb-line .breadcrumb-nav li a{padding:15px 10px}.tutorial-mobile-nav.fixed{background-color:transparent;padding:0}.tutorial-mobile-nav.fixed .toggle-tutorial-mobile-nav{background:#40a1e9;border-radius:50%;bottom:10px;box-shadow:0 0 10px rgba(0,0,0,.3);display:block;height:50px;left:calc(50% - 25px);line-height:50px;padding:15px;position:fixed;top:auto;transform-origin:50% 50%;transition:transform .3s cubic-bezier(.215,.61,.355,1);width:50px;z-index:2}.tutorial-mobile-nav.fixed .toggle-tutorial-mobile-nav span{background-color:#fff}.tutorial-mobile-nav.fixed .toggle-tutorial-mobile-nav span:first-child{margin-top:9px;transform:rotate(90deg)}.tutorial-mobile-nav.fixed .toggle-tutorial-mobile-nav span:nth-child(2){margin-top:-3px}.tutorial-mobile-nav.fixed .toggle-tutorial-mobile-nav span:last-child{opacity:0}.tutorial-mobile-nav.fixed .toggle-tutorial-mobile-nav[aria-expanded=true]{animation:rotateIn .3s;transform:rotate(135deg)}.tutorial-mobile-nav.fixed .toggle-tutorial-mobile-nav[aria-expanded=true] span:first-child{margin-top:9px;transform:rotate(90deg)}.tutorial-mobile-nav.fixed .toggle-tutorial-mobile-nav[aria-expanded=true] span:nth-child(2){margin-top:-3px;opacity:1}.tutorial-mobile-nav.fixed .toggle-tutorial-mobile-nav[aria-expanded=true] span:last-child{opacity:0}.tutorial-mobile-nav.fixed+.breadcrumb-line{background-color:#e5eff6}.tutorial-mobile-nav.fixed .overlay{background-color:rgba(64,161,233,.5);left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s;z-index:1}.tutorial-mobile-nav.fixed .tutorial-nav-section{border-radius:50%;bottom:10px;height:0;left:calc(50% - 25px);margin:0;overflow:hidden;position:fixed;transition:all .3s;width:50px;z-index:1}.tutorial-mobile-nav.fixed .tutorial-nav-section>ul{margin-bottom:65px}.tutorial-mobile-nav.fixed.show .overlay{bottom:0;opacity:1}.tutorial-mobile-nav.fixed.show .tutorial-nav-section{border-radius:0;bottom:0;height:100%;left:0;overflow-y:scroll;padding:12px;width:100%}}@keyframes rotateIn{0%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:rotate(0deg)}40%{transform:rotate(1turn)}60%{transform:rotate(120deg)}80%{transform:rotate(150deg)}to{transform:rotate(135deg)}}.tutorial-content-section{padding-bottom:30px}.tutorial-content-section label{font-weight:700;margin-bottom:5px}.tutorial-content-section img{display:inline-block;height:auto;vertical-align:middle;width:auto}.tutorial-content-section address,.tutorial-content-section cite,.tutorial-content-section em{color:#999;font-style:italic;font-weight:300}.tutorial-content-section address{line-height:1.6}.tutorial-content-section mark{background-color:#40a1e9;color:#fff}.tutorial-content-section del{color:#999}.tutorial-content-section abbr[title]{font-weight:500}.tutorial-content-section .aligncenter{margin:0 auto;max-width:100%;text-align:center}.tutorial-content-section .alignright{float:right;margin-left:20px}.tutorial-content-section .alignleft{float:left;margin-right:20px}.tutorial-content-section .popular-topics{background-color:#fff;border:1px solid rgba(54,57,60,.1);border-radius:4px;box-shadow:0 4px 8px rgba(81,85,88,.1);margin-bottom:30px;padding:15px 25px}.tutorial-content-section .popular-topics h3{font-size:20px;font-weight:500;margin-bottom:10px}.tutorial-content-section .popular-topics ol,.tutorial-content-section .popular-topics ul{list-style:none;margin:0;padding:0}.tutorial-content-section .popular-topics ol li,.tutorial-content-section .popular-topics ul li{margin-bottom:7px;padding-left:0}.tutorial-content-section .popular-topics ol li a,.tutorial-content-section .popular-topics ul li a{color:#666;display:inline-block;font-size:14px;font-weight:400;padding:8px 0;text-decoration:underline;text-decoration-style:dotted}.tutorial-content-section .popular-topics ol li a:hover,.tutorial-content-section .popular-topics ul li a:hover{text-decoration-style:solid}.tutorial-content-section h1>strong,.tutorial-content-section h2>strong,.tutorial-content-section h3>strong,.tutorial-content-section h4>strong,.tutorial-content-section h5>strong,.tutorial-content-section h6>strong{font-weight:700}.tutorial-content-section .h1,.tutorial-content-section h1{font-size:36px;margin-bottom:15px}.tutorial-content-section .h2,.tutorial-content-section h2{font-size:34px;margin-bottom:15px}.tutorial-content-section .h3,.tutorial-content-section h3{font-size:30px;margin-bottom:15px}.tutorial-content-section .h4,.tutorial-content-section h4{font-size:20px;margin-bottom:15px}.tutorial-content-section .h5,.tutorial-content-section h5{color:#666;font-size:18px;line-height:1.8;margin-bottom:15px}.tutorial-content-section .h6,.tutorial-content-section h6{font-size:16px;margin-bottom:15px}.tutorial-content-section p{color:#666;font-size:16px;font-weight:300;line-height:1.8;margin-bottom:25px}.tutorial-content-section p a{color:#40a1e9;text-decoration:underline}.tutorial-content-section p strong{font-weight:500}.tutorial-content-section ol li,.tutorial-content-section ul li{color:#666;font-size:16px;font-weight:300;margin-bottom:12px}.tutorial-content-section ol li a,.tutorial-content-section ul li a{color:#40a1e9;font-weight:500}.tutorial-content-section ol.nav-list,.tutorial-content-section ul.nav-list{padding-left:15px}.tutorial-content-section ol.nav-list li a,.tutorial-content-section ul.nav-list li a{font-weight:400}.tutorial-content-section .topic-box{border-bottom:1px solid rgba(0,0,0,.1);border-top:1px solid rgba(0,0,0,.1);padding:15px 0}.tutorial-content-section .topic-box+.topic-box{border-top:0}.tutorial-content-section .topic-box h6{color:#40a1e9;font-size:16px;font-weight:500}.tutorial-content-section .topic-box p{margin-bottom:0}.tutorial-content-section .topic-card{background-color:#fff;border:1px solid rgba(54,57,60,.1);box-shadow:0 4px 8px rgba(81,85,88,.1);padding:20px}.tutorial-content-section .topic-card ol,.tutorial-content-section .topic-card ul{list-style:none;margin:0;padding:0}.tutorial-content-section .topic-card ol li a,.tutorial-content-section .topic-card ul li a{color:#40a1e9;display:block;padding:12px 0 12px 20px;position:relative}.tutorial-content-section .topic-card ol li a .fc-icon,.tutorial-content-section .topic-card ul li a .fc-icon{fill:currentColor;stroke:currentColor;height:16px;left:0;opacity:1;position:absolute;top:17px;transition:opacity .3s;width:16px}.tutorial-content-section .topic-card ol li a .fc-icon.icon-minus-circle,.tutorial-content-section .topic-card ul li a .fc-icon.icon-minus-circle{opacity:0}.tutorial-content-section .topic-card ol li a span,.tutorial-content-section .topic-card ul li a span{border-bottom:1px dotted;display:inline-block;vertical-align:middle}.tutorial-content-section .topic-card ol li a span.list-title,.tutorial-content-section .topic-card ul li a span.list-title{font-size:16px;font-weight:500;letter-spacing:-.2px}.tutorial-content-section .topic-card ol li a:hover,.tutorial-content-section .topic-card ul li a:hover{text-decoration:none}.tutorial-content-section .topic-card ol li a[aria-expanded=true] .fc-icon.icon-plus-circle,.tutorial-content-section .topic-card ul li a[aria-expanded=true] .fc-icon.icon-plus-circle{opacity:0}.tutorial-content-section .topic-card ol li a[aria-expanded=true] .fc-icon.icon-minus-circle,.tutorial-content-section .topic-card ul li a[aria-expanded=true] .fc-icon.icon-minus-circle{opacity:1}.tutorial-content-section .topic-card ol li ol,.tutorial-content-section .topic-card ol li ul,.tutorial-content-section .topic-card ul li ol,.tutorial-content-section .topic-card ul li ul{padding-top:15px}.tutorial-content-section .topic-card ol li ol li,.tutorial-content-section .topic-card ol li ul li,.tutorial-content-section .topic-card ul li ol li,.tutorial-content-section .topic-card ul li ul li{margin-bottom:10px;margin-left:25px}.tutorial-content-section .topic-card ol li ol li a,.tutorial-content-section .topic-card ol li ul li a,.tutorial-content-section .topic-card ul li ol li a,.tutorial-content-section .topic-card ul li ul li a{color:#666;display:block;font-weight:300;letter-spacing:-.2px;line-height:1.8;padding:8px 0 8px 8px;position:relative}.tutorial-content-section .topic-card ol li ol li a:before,.tutorial-content-section .topic-card ol li ul li a:before,.tutorial-content-section .topic-card ul li ol li a:before,.tutorial-content-section .topic-card ul li ul li a:before{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#bebfc0;content:"\e409";font-family:fastcomet;font-size:20px;font-style:normal;font-variant:normal;font-weight:400;left:-15px;line-height:1;position:absolute;text-transform:none;top:10px;vertical-align:middle}.tutorial-content-section .topic-card ol li ol li a span,.tutorial-content-section .topic-card ol li ul li a span,.tutorial-content-section .topic-card ul li ol li a span,.tutorial-content-section .topic-card ul li ul li a span{display:inline}.tutorial-content-section blockquote{background-color:#f7f7f7;border:1px solid rgba(54,57,60,.1);border-radius:4px;box-shadow:0 4px 8px rgba(81,85,88,.1);color:#666;font-size:16px;font-style:italic;font-weight:300;padding:30px 35px;position:relative}.tutorial-content-section blockquote a{color:#40a1e9;font-weight:500}.tutorial-content-section blockquote p{margin:0}.tutorial-content-section blockquote:before{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e900";font-family:fastcomet;font-size:40px;font-style:normal;font-variant:normal;font-weight:400;left:18px;line-height:1;opacity:.1;position:absolute;text-transform:none;top:18px;transform:rotate(180deg);z-index:0}.tutorial-content-section blockquote.alignleft{float:left;margin-left:0}.tutorial-content-section blockquote.alignright{float:right;margin-right:0}.tutorial-content-section .alert{background-color:#fff;border:1px solid rgba(54,57,60,.1);box-shadow:0 4px 8px rgba(81,85,88,.1);padding:30px 35px;position:relative}.tutorial-content-section .alert p{color:inherit;font-size:16px;font-weight:300;margin:0}.tutorial-content-section .alert p strong{font-weight:500}.tutorial-content-section .alert a{color:#40a1e9;font-weight:500}.tutorial-content-section .alert:before{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:fastcomet;font-size:90px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:.1;position:absolute;right:12px;text-transform:none;top:18px;z-index:0}.tutorial-content-section .alert.alert-warning{background-color:#ffd900;color:#333}.tutorial-content-section .alert.alert-warning a{color:inherit;font-weight:500}.tutorial-content-section .alert.alert-warning:before{content:"\e901";transform:rotate(30deg)}.tutorial-content-section .alert.alert-info{background-color:#40a1e9;color:#fff}.tutorial-content-section .alert.alert-info a{color:inherit;font-weight:500}.tutorial-content-section .alert.alert-info:before{content:"\e902";transform:rotate(20deg)}.tutorial-content-section .alert.alert-success{background-color:#52cead;color:#fff}.tutorial-content-section .alert.alert-success a{color:inherit;font-weight:500}.tutorial-content-section .alert.alert-success:before{content:"\e904";transform:rotate(20deg)}.tutorial-content-section .alert.alert-danger{background-color:#fc706f;color:#fff}.tutorial-content-section .alert.alert-danger a{color:inherit;font-weight:500}.tutorial-content-section .alert.alert-danger:before{content:"\e903";transform:rotate(30deg)}.tutorial-content-section .steps-box{counter-reset:step}.tutorial-content-section .steps-box>div{counter-increment:step;padding:15px 0 0 50px;position:relative}.tutorial-content-section .steps-box>div .step{left:0;position:absolute;text-align:center;top:-13px;z-index:0}.tutorial-content-section .steps-box>div .step span{color:rgba(0,0,0,.25);font-size:12px;font-weight:700;text-transform:uppercase}.tutorial-content-section .steps-box>div .step span.shape{background-color:#40a1e9;border-radius:4px;display:block;height:32px;line-height:32px;margin-top:5px;transform:rotate(45deg);width:32px}.tutorial-content-section .steps-box>div:before{color:#fff;content:counter(step);font-size:16px;font-weight:500;left:0;line-height:42px;position:absolute;text-align:center;top:12px;width:32px;z-index:1}.tutorial-content-section .steps-box>div:after{background-color:rgba(0,0,0,.05);content:"";height:calc(100% - 70px);left:16px;position:absolute;top:70px;width:2px;z-index:0}.tutorial-content-section .steps-box>div:last-child:after{display:none}.tutorial-content-section .bottom-nav{border-top:1px solid rgba(0,0,0,.05)}.tutorial-content-section .bottom-nav>a{color:#666;font-size:12px;font-weight:400;letter-spacing:-.2px;padding-top:30px;text-transform:uppercase}.tutorial-content-section .bottom-nav>a.prev:before{content:"\e408";margin:-3px 5px 0 0}.tutorial-content-section .bottom-nav>a.next:after,.tutorial-content-section .bottom-nav>a.prev:before{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#bebfc0;display:inline-block;font-family:fastcomet;font-size:20px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;transition:transform .3s;vertical-align:middle}.tutorial-content-section .bottom-nav>a.next:after{content:"\e409";margin:-3px 0 0 5px}.tutorial-content-section .bottom-nav>a.back-to-top{color:#40a1e9;font-weight:500;text-decoration:underline;transition:all .3s}.tutorial-content-section .bottom-nav>a.back-to-top:hover{color:#1884d3;margin-top:-3px}.tutorial-content-section img{max-width:100%}.tutorial-content-section code,.tutorial-content-section pre{word-wrap:break-word;background-color:#f7f7f7;border:none;border-radius:0;color:#666;display:block;font-size:13px;line-height:1.4;margin:0 0 15px;overflow:hidden;padding:15px 40px 15px 15px;position:relative;white-space:pre-wrap;word-break:break-all}.tutorial-content-section code:before,.tutorial-content-section pre:before{background-color:#40a1e9;color:#fff;content:"</>";font-size:13px;font-weight:900;height:100%;line-height:20px;padding:5px;position:absolute;right:0;top:0;z-index:5}.tutorial-content-section code{display:inline-block;margin:0;padding:3px 5px;vertical-align:middle}.tutorial-content-section code:before{display:none}.tutorial-content-section .has-drop-cap:first-letter{color:#40a1e9;float:left;font-size:72px;line-height:1;padding-right:10px}.tutorial-content-section .tutorial-updated-on{font-size:13px;font-weight:300}.tutorial-content-section .contents-list ol,.tutorial-content-section .contents-list ul{border:1px solid #ddd;list-style:none;margin:0;padding:0}.tutorial-content-section .contents-list ol li,.tutorial-content-section .contents-list ul li{margin-bottom:0;overflow:hidden}.tutorial-content-section .contents-list ol li a,.tutorial-content-section .contents-list ul li a{color:#40a1e9;display:block;font-size:15px;font-weight:400;padding:12px 20px;position:relative}.tutorial-content-section .contents-list ol li a:hover,.tutorial-content-section .contents-list ul li a:hover{background-color:rgba(0,0,0,.08)}.tutorial-content-section .contents-list ol li a:hover span,.tutorial-content-section .contents-list ul li a:hover span{border-bottom-style:solid;text-decoration:none}.tutorial-content-section .contents-list ol li a span,.tutorial-content-section .contents-list ul li a span{border-bottom:1px dotted;display:inline-block;vertical-align:middle}.tutorial-content-section .contents-list ol li a span.list-title,.tutorial-content-section .contents-list ul li a span.list-title{font-size:16px;font-weight:500;letter-spacing:-.2px}.tutorial-content-section .contents-list ol li a span.list-details,.tutorial-content-section .contents-list ul li a span.list-details{border-bottom:0;color:#999;font-size:14px}.tutorial-content-section .contents-list ol li a.collapsible,.tutorial-content-section .contents-list ul li a.collapsible{padding:12px 20px 12px 40px}.tutorial-content-section .contents-list ol li a.collapsible .fc-icon,.tutorial-content-section .contents-list ul li a.collapsible .fc-icon{fill:currentColor;stroke:currentColor;height:16px;left:15px;opacity:1;position:absolute;top:17px;transition:opacity .3s;width:16px}.tutorial-content-section .contents-list ol li a.collapsible .fc-icon.icon-minus-circle,.tutorial-content-section .contents-list ul li a.collapsible .fc-icon.icon-minus-circle{opacity:0}.tutorial-content-section .contents-list ol li a.collapsible[aria-expanded=true],.tutorial-content-section .contents-list ul li a.collapsible[aria-expanded=true]{background-color:#40a1e9!important;color:#fff!important}.tutorial-content-section .contents-list ol li a.collapsible[aria-expanded=true] .fc-icon.icon-plus-circle,.tutorial-content-section .contents-list ul li a.collapsible[aria-expanded=true] .fc-icon.icon-plus-circle{opacity:0}.tutorial-content-section .contents-list ol li a.collapsible[aria-expanded=true] .fc-icon.icon-minus-circle,.tutorial-content-section .contents-list ul li a.collapsible[aria-expanded=true] .fc-icon.icon-minus-circle{opacity:1}.tutorial-content-section .contents-list ol li ol,.tutorial-content-section .contents-list ol li ul,.tutorial-content-section .contents-list ul li ol,.tutorial-content-section .contents-list ul li ul{border:0}.tutorial-content-section .contents-list ol li ol li a,.tutorial-content-section .contents-list ol li ul li a,.tutorial-content-section .contents-list ul li ol li a,.tutorial-content-section .contents-list ul li ul li a{letter-spacing:-.2px;padding:12px 20px 12px 40px}.tutorial-content-section .contents-list ol li ol li a:before,.tutorial-content-section .contents-list ol li ul li a:before,.tutorial-content-section .contents-list ul li ol li a:before,.tutorial-content-section .contents-list ul li ul li a:before{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#bebfc0;content:"\e409";font-family:fastcomet;font-size:20px;font-style:normal;font-variant:normal;font-weight:400;left:15px;line-height:1;position:absolute;text-transform:none;top:10px;vertical-align:middle}.tutorial-content-section .contents-list ol li ol li a span,.tutorial-content-section .contents-list ol li ul li a span,.tutorial-content-section .contents-list ul li ol li a span,.tutorial-content-section .contents-list ul li ul li a span{display:inline-block}.tutorial-content-section .contents-list ol li .btn-holder,.tutorial-content-section .contents-list ul li .btn-holder{float:right}.tutorial-content-section .contents-list ol li .btn-holder a,.tutorial-content-section .contents-list ul li .btn-holder a{border:0}.tutorial-content-section .contents-list ol li .btn-holder a .fc-icon,.tutorial-content-section .contents-list ul li .btn-holder a .fc-icon{fill:#40a1e9;margin:0 8px;min-height:18px;min-width:24px;transition:all .3s}.tutorial-content-section .contents-list ol li .btn-holder a:first-child .fc-icon,.tutorial-content-section .contents-list ul li .btn-holder a:first-child .fc-icon{margin-left:0}.tutorial-content-section .contents-list ol li .btn-holder a:last-child .fc-icon,.tutorial-content-section .contents-list ul li .btn-holder a:last-child .fc-icon{margin-right:0}.tutorial-content-section .contents-list ol li .btn-holder a:hover .fc-icon,.tutorial-content-section .contents-list ul li .btn-holder a:hover .fc-icon{fill:#1989dd}.tutorial-content-section .contents-list ol li:nth-child(odd)>a,.tutorial-content-section .contents-list ul li:nth-child(odd)>a{background-color:#f7f7f7}.tutorial-content-section .contents-list ol li:nth-child(odd)>a:hover,.tutorial-content-section .contents-list ul li:nth-child(odd)>a:hover{background-color:rgba(0,0,0,.08)}.tutorial-content-section .update-box{background:#b2d9f6;border:1px dashed rgba(0,0,0,.15);border-radius:4px;margin-bottom:20px;padding:10px}@media screen and (max-width:1199px){.tutorial-content-section .h1,.tutorial-content-section h1{font-size:32px}.tutorial-content-section .h2,.tutorial-content-section h2{font-size:30px}}@media screen and (max-width:991px){.tutorial-content-section .popular-topics h3{font-size:18px}.tutorial-content-section .h1,.tutorial-content-section h1{font-size:30px;margin-bottom:15px}.tutorial-content-section .h2,.tutorial-content-section h2{font-size:28px;margin-bottom:12px}.tutorial-content-section .h3,.tutorial-content-section h3{font-size:26px;margin-bottom:12px}.tutorial-content-section .h4,.tutorial-content-section h4{font-size:18px;margin-bottom:12px}.tutorial-content-section .h5,.tutorial-content-section h5{font-size:16px;line-height:1.8;margin-bottom:12px}.tutorial-content-section .h6,.tutorial-content-section h6{font-size:15px;margin-bottom:12px}.tutorial-content-section p{margin-bottom:20px}.tutorial-content-section ol,.tutorial-content-section ul{padding-left:20px}.tutorial-content-section ol li,.tutorial-content-section ul li{margin-bottom:10px}.tutorial-content-section .topic-card{padding:15px}.tutorial-content-section blockquote{font-size:14px;padding:25px 30px}.tutorial-content-section blockquote:before{font-size:34px}.tutorial-content-section .alert{padding:25px 30px}.tutorial-content-section .alert p{font-size:14px}.tutorial-content-section .alert:before{font-size:82px}.tutorial-content-section .steps-box>div .step span.shape{height:28px;line-height:28px;width:28px}.tutorial-content-section .steps-box>div:before{font-size:14px;line-height:38px;width:28px}.tutorial-content-section .steps-box>div:after{height:calc(100% - 65px);left:13px;top:65px}.tutorial-content-section .contents-list ol li a span,.tutorial-content-section .contents-list ul li a span{border:0;text-decoration:underline}.tutorial-content-section .contents-list ol li a span.list-title,.tutorial-content-section .contents-list ul li a span.list-title{font-size:15px}.tutorial-content-section .contents-list ol li a.collapsible,.tutorial-content-section .contents-list ul li a.collapsible{padding:12px 20px 12px 30px}.tutorial-content-section .contents-list ol li a.collapsible .fc-icon,.tutorial-content-section .contents-list ul li a.collapsible .fc-icon{height:14px;left:10px;width:14px}.tutorial-content-section .contents-list ol li ol li a,.tutorial-content-section .contents-list ol li ul li a,.tutorial-content-section .contents-list ul li ol li a,.tutorial-content-section .contents-list ul li ul li a{padding:12px 20px 12px 30px}.tutorial-content-section .contents-list ol li ol li a:before,.tutorial-content-section .contents-list ol li ul li a:before,.tutorial-content-section .contents-list ul li ol li a:before,.tutorial-content-section .contents-list ul li ul li a:before{font-size:18px;left:10px;top:13px}.tutorial-content-section .contents-list ol li .btn-holder a .fc-icon,.tutorial-content-section .contents-list ul li .btn-holder a .fc-icon{min-height:16px;min-width:20px}}@media screen and (max-width:767px){.tutorial-content-section .h1,.tutorial-content-section h1{font-size:26px;margin-bottom:15px}.tutorial-content-section .h2,.tutorial-content-section h2{font-size:22px;margin-bottom:12px}.tutorial-content-section .j3,.tutorial-content-section h3{font-size:20px;margin-bottom:12px}.tutorial-content-section p{font-size:15px;line-height:1.6}.tutorial-content-section ol,.tutorial-content-section ul{padding-left:15px}.tutorial-content-section .bottom-nav{justify-items:center}.tutorial-content-section .bottom-nav>a{text-align:center;width:100%}.tutorial-content-section .bottom-nav>a:first-child{text-align:left}.tutorial-content-section .bottom-nav>a:last-child{text-align:right}.tutorial-content-section blockquote.alignleft,.tutorial-content-section blockquote.alignright{width:35%}}