Template:AFCM-Egypt/CSSprod

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,:after,:before{box-sizing:border-box}button:focus,input:focus,select:focus,textarea:focus{outline:0}a{text-decoration:none}.cf:after,.cf:before{content:"";display:table}.cf:after{clear:both}.cf{*zoom:1}#globalWrapper{font-size:100%!important;padding-bottom:0!important}#top_menu_under{display:none!important}#content{width:100%!important;padding:0!important;margin-left:0!important;line-height:1!important;z-index:auto!important;background-color:transparent!important}#top_title{display:none!important}#sideMenu{left:auto!important;right:15px!important;display:none}.mw-content-ltr ul,.mw-content-rtl .mw-content-ltr ul{margin:0}#HQ_page p{font-family:CircularStd,sans-serif;text-align:justify;font-size:16px}#HQ_page h1,h2,h3,h4,h5,h6{margin:0}@font-face{font-family:CircularStd;src:url(https://static.igem.org/mediawiki/2017/3/34/T--Vilnius-Lithuania--CircularStd-Book.eot#iefix) format("embedded-opentype"),url(https://static.igem.org/mediawiki/2017/1/1e/T--Vilnius-Lithuania--CircularStd-Book.woff) format("woff"),url(https://static.igem.org/mediawiki/2017/6/6c/T--Vilnius-Lithuania--CircularStd-Book.ttf) format("truetype"),url(https://static.igem.org/mediawiki/2017/5/50/T--Vilnius-Lithuania--CircularStd-Book.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:CircularStd;src:url(https://static.igem.org/mediawiki/2017/1/17/T--Vilnius-Lithuania--CircularStd-Medium.eot#iefix) format("embedded-opentype"),url(https://static.igem.org/mediawiki/2017/9/9a/T--Vilnius-Lithuania--CircularStd-Medium.woff) format("woff"),url(https://static.igem.org/mediawiki/2017/5/5c/T--Vilnius-Lithuania--CircularStd-Medium.ttf) format("truetype"),url(https://static.igem.org/mediawiki/2017/0/03/T--Vilnius-Lithuania--CircularStd-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:CircularStd;src:url(https://static.igem.org/mediawiki/2017/2/21/T--Vilnius-Lithuania--CircularStd-Bold.eot#iefix) format("embedded-opentype"),url(https://static.igem.org/mediawiki/2017/c/ce/T--Vilnius-Lithuania--CircularStd-Bold.woff) format("woff"),url(https://static.igem.org/mediawiki/2017/a/ac/T--Vilnius-Lithuania--CircularStd-Bold.ttf) format("truetype"),url(https://static.igem.org/mediawiki/2017/e/ec/T--Vilnius-Lithuania--CircularStd-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:CircularStd;src:url(https://static.igem.org/mediawiki/2017/e/e5/T--Vilnius-Lithuania--CircularStd-Black.eot#iefix) format("embedded-opentype"),url(https://static.igem.org/mediawiki/2017/a/a4/T--Vilnius-Lithuania--CircularStd-Black.woff) format("woff"),url(https://static.igem.org/mediawiki/2017/a/ac/T--Vilnius-Lithuania--CircularStd-Black.ttf) format("truetype"),url(https://static.igem.org/mediawiki/2017/a/ac/T--Vilnius-Lithuania--CircularStd-Black.otf) format("opentype");font-weight:900;font-style:normal}#HQ_page h1,body,h2,h3,h4,h5,h6{font-family:CircularStd,sans-serif}.wrapper{width:100%;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mob-navbar{width:100%;height:54px;background-color:#fff;z-index:110;left:0;top:0;position:fixed}@media (min-width:768px){.mob-navbar{display:none}}@media (max-width:991px){.mob-next,.mob-prev{position:absolute;top:50%;right:-50px;width:40px;height:40px;background-size:contain;background-position:50%;background-repeat:no-repeat;margin-top:-20px}}@media (max-width:991px) and (max-width:449px){.mob-next,.mob-prev{top:100%;right:0}}@media (max-width:991px){.mob-prev{right:auto;left:-50px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@media (max-width:991px) and (max-width:449px){.mob-prev{left:0}}.helper{position:absolute;right:50px;bottom:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:1199px){.helper{right:10px;bottom:10px;-webkit-transform:scale(.75);transform:scale(.75);-webkit-transform-origin:right bottom;transform-origin:right bottom}}@media (max-width:991px){.helper{display:none}}.helper p{color:#fff;font-size:10px!important;font-weight:500;text-align:center!important;max-width:70px;line-height:16px}.logoleft{position:absolute;left:50px;top:30px;z-index:111}@media (max-width:1199px){.logoleft{left:10px;top:10px;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top}}.logoleft img.dark{display:none}@media (max-width:991px){.logoleft{top:15px}.logoleft img{display:none}.logoleft img.dark{display:block}}.menu-trigger{position:fixed;right:10px;width:30px;height:20px;top:17px;z-index:111;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.menu-trigger span{background:#0d2547;width:30px;height:3px;display:block;position:relative}@media (min-width:768px){.menu-trigger{display:none}}.logoright{position:absolute;right:50px;top:30px;z-index:111}@media (max-width:1199px){.logoright{right:10px;top:10px;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:right top;transform-origin:right top}}.logoright img.dark{display:none}@media (max-width:991px){.logoright{top:8px}.logoright img{display:none}.logoright img.dark{display:block}}@media (max-width:767px){.logoright{right:auto;left:0}}a:hover{text-decoration:none}.solution-trigger{position:absolute;left:50px;bottom:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;pointer-events:none}@media (max-width:1199px){.solution-trigger{left:10px;bottom:10px;-webkit-transform:scale(.75);transform:scale(.75);-webkit-transform-origin:left bottom;transform-origin:left bottom}}.solution-trigger .notice{position:absolute;width:110px;font-size:14px;line-height:18px;text-align:center;color:#fff;top:-80px;left:150%;opacity:0;transition:all .4s ease-in-out}.solution-trigger .notice img{position:relative;left:-35px;top:10px}.solution-trigger .the-trigger{width:70px;height:30px;border-radius:30px;background-color:#4146be;transition:all .4s ease-in-out;position:relative;cursor:pointer}.solution-trigger .the-trigger:after{position:absolute;width:22px;height:22px;border-radius:100%;left:4px;top:4px;background-color:#757aeb;transition:all .4s ease-in-out;content:"";box-shadow:0 0 5px 1px rgba(26,54,94,.5)}.solution-trigger .text{color:#0d2547;font-weight:900;text-transform:uppercase;font-size:10px;margin-top:15px;line-height:1;transition:all .4s ease-in-out;letter-spacing:.4em;text-align:center}@media (max-width:991px){.solution-trigger.insol{display:none}}.solution-trigger.clickable,.solution-trigger.insol{pointer-events:auto}.solution-trigger.clickable .the-trigger:after,.solution-trigger.insol .the-trigger:after{background-color:#fff}.solution-trigger.clickable .notice,.solution-trigger.insol .notice{opacity:1}.solution-trigger.clickable .text,.solution-trigger.insol .text{color:#fff}.solution-trigger.active .the-trigger:after,.solution-trigger.insol .the-trigger:after{left:44px}@media (max-width:1139px){.slpage .helper{display:none}}@media (max-width:1139px){.slpage .logoleft{top:15px}.slpage .logoleft img{display:none}.slpage .logoleft img.dark{display:block}}@media (max-width:1139px){.slpage .logoright{top:8px}.slpage .logoright img{display:none}.slpage .logoright img.dark{display:block}}.navbar{width:100%;position:fixed;left:0;top:0;z-index:110;padding:0 150px}@media (max-width:991px){.navbar{background-color:#fff;padding:0 50px}}@media (max-width:767px){.navbar{width:100%;height:100%;z-index:109;padding:0;padding-top:54px;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:all .4s ease-in-out}.navbar.active{-webkit-transform:translateY(0);transform:translateY(0)}}.navbar>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:767px){.navbar>ul{display:block;height:100%;max-height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}}.navbar>ul>li{margin:30px 50px;position:relative}@media (max-width:1199px){.navbar>ul>li{margin:10px 20px}}@media (max-width:767px){.navbar>ul>li{margin:20px 10px}}.navbar>ul>li>a{color:#0d2547;padding:10px;display:block;font-size:14px;font-weight:500;text-align:center}@media (max-width:767px){.navbar>ul>li>a{position:relative}.navbar>ul>li>a:after{display:inline-block;width:10px;height:7px;background:url() 50%/contain no-repeat;content:"";right:0;top:50%;margin-left:10px}}@media (max-width:767px){.navbar>ul>li.active>a:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}.navbar>ul>li ul{position:absolute;top:80%;left:calc(50% - 85px);width:170px;background-color:#fff;padding:15px;border-radius:10px;opacity:0;transition:all .4s ease-in-out;pointer-events:none}@media (max-width:767px){.navbar>ul>li ul{position:static;opacity:1;width:100%;display:none;-ms-flex-wrap:wrap;flex-wrap:wrap;pointer-events:auto}}.navbar>ul>li ul li{display:block}@media (max-width:767px){.navbar>ul>li ul li{width:50%}}.navbar>ul>li ul li a{color:#0d2547;font-size:14px;font-weight:500;text-align:center;display:block}.navbar>ul>li ul li:not(:last-of-type){margin-bottom:15px}@media (max-width:767px){.navbar>ul>li.active ul{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width:768px){.navbar>ul>li:hover ul{opacity:1;top:100%;pointer-events:auto}}@media (max-width:1139px){.slpage .navbar{background-color:#fff;padding:0 50px}}.problem-page{background-color:#3678e0;transition:background .4s ease-in-out}.problem-page.other-color{background-color:#5b62e6}.problem-page.other-color .container .presentation .left .step{color:#4146be}.problem-page h1{text-align:center;color:#fff;font-weight:900;font-size:30px;line-height:36px}@media (max-height:749px){.problem-page h1{font-size:24px;line-height:30px}.problem-page h1 br{display:none}}@media (max-width:1199px){.problem-page h1{font-size:24px;line-height:30px}}@media (max-width:991px){.problem-page h1{padding:0 20px}}@media (max-width:991px){.problem-page .container,.solution-page .container{max-height:100%;overflow-y:auto;padding-top:100px;-webkit-overflow-scrolling:touch}.problem-page .container .presentation,.solution-page .container .presentation{padding-bottom:100px}}@-webkit-keyframes a{0%{-webkit-transform:scale(.25);transform:scale(.25);opacity:.3}50%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(.25);transform:scale(.25);opacity:1}}@keyframes a{0%{-webkit-transform:scale(.25);transform:scale(.25);opacity:.3}50%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(.25);transform:scale(.25);opacity:1}}@-webkit-keyframes b{0%{-webkit-transform:scale(.25);transform:scale(.25);opacity:1}50%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(.25);transform:scale(.25);opacity:.3}}@keyframes b{0%{-webkit-transform:scale(.25);transform:scale(.25);opacity:1}50%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(.25);transform:scale(.25);opacity:.3}}@-webkit-keyframes c{0%{opacity:.3}to{opacity:1}}@keyframes c{0%{opacity:.3}to{opacity:1}}@-webkit-keyframes d{0%{opacity:1}to{opacity:.3}}@keyframes d{0%{opacity:1}to{opacity:.3}}.container{width:100%}.container .presentation{margin-top:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-height:749px) and (min-width:768px){.container .presentation{margin-top:15px}}@media (max-width:991px){.container .presentation{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.container .presentation .left{width:22%;text-align:right}@media (max-width:991px){.container .presentation .left{width:100%;text-align:center}}.container .presentation .left .left-steps .left-step{opacity:1;transition:all .3s ease-in-out;display:none}.container .presentation .left .left-steps .left-step>*{opacity:0;transition:all .2s ease-in-out}.container .presentation .left .left-steps .left-step .step,.container .presentation .left .left-steps .left-step .title{-webkit-transform:translateY(30px);transform:translateY(30px)}.container .presentation .left .left-steps .left-step.is-current .step,.container .presentation .left .left-steps .left-step.is-current .title{-webkit-transform:translateY(0);transform:translateY(0)}.container .presentation .left .left-steps .left-step.is-current>*{opacity:1}.container .presentation .left .left-steps .left-step.animating .step,.container .presentation .left .left-steps .left-step.animating .title{-webkit-transform:translateY(0);transform:translateY(0);transition:all .4s ease-in-out;opacity:1}.container .presentation .left .left-steps .left-step.animating .title{transition-delay:.2s}.container .presentation .left .left-steps .left-step.animating h6,.container .presentation .left .left-steps .left-step.animating p{transition:all .3s ease-in-out;opacity:1;transition-delay:.45s}.container .presentation .left .left-steps .left-step.animating-out{opacity:0}.container .presentation .left .left-steps .left-step.animating-out .step,.container .presentation .left .left-steps .left-step.animating-out .title{-webkit-transform:translateY(0);transform:translateY(0)}.container .presentation .left .step{font-weight:900;color:#2159b1;font-size:44px}@media (max-width:1199px){.container .presentation .left .step{font-size:30px}}@media (max-width:991px){.container .presentation .left .step{display:inline-block}}.container .presentation .left .title{font-weight:900;color:#fff;font-size:44px}@media (max-width:1199px){.container .presentation .left .title{font-size:30px}}@media (max-width:991px){.container .presentation .left .title{display:inline-block}}.container .presentation .left p{line-height:26px;letter-spacing:.05em;color:#e7f0fe;margin:30px 0 20px;text-align:right!important}@media (max-width:1199px){.container .presentation .left p{font-size:14px;line-height:20px;margin:15px 0}}@media (max-width:991px){.container .presentation .left p{text-align:center!important;max-width:300px;margin-left:auto;margin-right:auto}}.container .presentation .left h6{color:#0d2547;font-size:14px;font-weight:900;position:relative;display:inline-block;overflow:visible}.container .presentation .left h6:before{position:absolute;width:24px;height:2px;content:"";background-color:#0d2547;right:calc(100% + 10px);top:6px}.container .presentation .center{width:35vw;height:35vw;max-width:500px;max-height:500px;position:relative;margin:0 60px}@media (max-height:749px){.container .presentation .center{max-width:350px;max-height:350px}}@media (max-width:1199px){.container .presentation .center{margin:0 30px}}@media (max-width:991px){.container .presentation .center{margin:50px 0;width:70vw;height:70vw;max-width:400px;max-height:400px}}@media (max-width:767px){.container .presentation .center{width:100vw;height:100vw}}@media (max-width:499px){.container .presentation .center{max-width:300px;max-height:300px}}.container .presentation .center .circle{position:absolute;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(180,204,239,.1)}.container .presentation .center .circle .content{width:100%;height:100%;position:absolute;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;transition:all .4s ease-in-out;pointer-events:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.container .presentation .center .circle .content.visible{opacity:1;pointer-events:auto}.container .presentation .center .circle .content h2{font-size:44px;max-width:300px;color:#fff;text-align:center;font-weight:900}@media (max-width:1199px){.container .presentation .center .circle .content h2{font-size:32px}}@media (max-width:767px){.container .presentation .center .circle .content h2{font-size:24px;padding:0 20px}}.container .presentation .center .circle .content p{color:#fff;margin-top:40px;text-align:center!important}@media (max-width:1199px){.container .presentation .center .circle .content p{margin-top:30px}}@media (max-width:767px){.container .presentation .center .circle .content p{margin-top:20px}}.container .presentation .center .circle .content .i23center{position:absolute;opacity:0;transition:all .4s ease-in-out}.container .presentation .center .circle .content .i23center.active{opacity:1}.container .presentation .center .circle .content>img{display:block;max-width:100%;height:auto}@media (max-height:749px){.container .presentation .center .circle .content>img{max-width:80%}.container .presentation .center .circle .content>img.synlogo{max-width:130px}}@media (max-width:1199px){.container .presentation .center .circle .content>img{max-width:80%}}.container .presentation .center .circle .content .ff-container{background:none}@media (max-height:749px){.container .presentation .center .circle .content .ff-container .ff-canvas{left:10%}}@media (max-width:1199px){.container .presentation .center .circle .content .ff-container .ff-canvas{left:10%}}.container .presentation .center .circle .content #p11,.container .presentation .center .circle .content #p12,.container .presentation .center .circle .content #p13,.container .presentation .center .circle .content #s15,.container .presentation .center .circle .content #s16{display:block;max-width:100%;height:auto}@media (max-height:749px){.container .presentation .center .circle .content #p11,.container .presentation .center .circle .content #p12,.container .presentation .center .circle .content #p13,.container .presentation .center .circle .content #s15,.container .presentation .center .circle .content #s16{max-width:80%;margin-left:10%}}@media (max-width:1199px){.container .presentation .center .circle .content #p11,.container .presentation .center .circle .content #p12,.container .presentation .center .circle .content #p13,.container .presentation .center .circle .content #s15,.container .presentation .center .circle .content #s16{max-width:80%;margin-left:10%}}.container .presentation .center .circle .content .success-text{font-size:24px;color:#25d11c;font-weight:900}.container .presentation .center .circle .content .error-text{font-size:24px;color:#ff6a00;font-weight:900}.container .presentation .center .circle .content .interactive-plasmid{margin:45px 0;width:381px;height:185px;border-radius:92px;background-color:#fff;position:relative}@media (max-height:749px){.container .presentation .center .circle .content .interactive-plasmid{-webkit-transform:scale(.7);transform:scale(.7);margin:0}}@media (max-width:1199px){.container .presentation .center .circle .content .interactive-plasmid{-webkit-transform:scale(.8);transform:scale(.8);margin:0}}@media (max-width:499px){.container .presentation .center .circle .content .interactive-plasmid{-webkit-transform:scale(.6);transform:scale(.6);margin:-20px 0}}.container .presentation .center .circle .content .interactive-plasmid .wave{position:absolute;top:-90px;left:50%;margin-left:-47px;height:0;overflow:hidden}.container .presentation .center .circle .content .interactive-plasmid .wave img{opacity:1;display:block}.container .presentation .center .circle .content .interactive-plasmid .plasmid{position:absolute;visibility:hidden;opacity:1}.container .presentation .center .circle .content .interactive-plasmid .plasmid:first-of-type{left:51%;top:64%;visibility:visible}.container .presentation .center .circle .content .interactive-plasmid .plasmid:nth-of-type(2){left:68%;top:37%}.container .presentation .center .circle .content .interactive-plasmid .plasmid:nth-of-type(3){left:61%;top:3%}.container .presentation .center .circle .content .interactive-plasmid .plasmid:nth-of-type(4){left:8%;top:12%}.container .presentation .center .circle .content .interactive-plasmid .plasmid:nth-of-type(5){left:30%;top:70%}.container .presentation .center .circle .content .interactive-plasmid .plasmid:nth-of-type(6){left:5%;top:55%}.container .presentation .center .circle .content .interactive-plasmid .plasmid:nth-of-type(7){left:21%;top:43%}.container .presentation .center .circle .content .interactive-plasmid .plasmid:nth-of-type(8){left:39%;top:9%}.container .presentation .center .circle .content .interactive-plasmid .plasmid:nth-of-type(9){left:71%;top:69%}.container .presentation .center .circle .content .interactive-plasmid .plasmid:nth-of-type(10){left:80%;top:15%}.container .presentation .center .circle .content .interactive-plasmid.suc-err.int-error:after{position:absolute;width:calc(100% + 16px);height:calc(100% + 16px);top:-8px;left:-8px;content:"";border:2px solid #ff6a00;border-radius:100px}.container .presentation .center .circle .content .interactive-plasmid.suc-err.int-success:after{position:absolute;width:calc(100% + 16px);height:calc(100% + 16px);top:-8px;left:-8px;content:"";border:2px solid #25d11c;border-radius:100px}.container .presentation .center .circle .content .interactive-plasmid img{opacity:0;transition:all .4s ease-in-out}.container .presentation .center .circle .content .interactive-plasmid img.active{opacity:1}.container .presentation .center .circle .content .interactive-plasmid .dna{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1}@-webkit-keyframes e{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes e{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.container .presentation .center .circle .content .interactive-plasmid .anim.activeanim{-webkit-animation-name:e;animation-name:e;-webkit-animation-iteration-count:1;animation-iteration-count:1}.container .presentation .center .circle .content .interactive-plasmid .is1,.container .presentation .center .circle .content .interactive-plasmid .is2,.container .presentation .center .circle .content .interactive-plasmid .is3,.container .presentation .center .circle .content .interactive-plasmid .is4,.container .presentation .center .circle .content .interactive-plasmid .is5{transition-duration:0s}.container .presentation .center .circle .content .interactive-plasmid .is1.active,.container .presentation .center .circle .content .interactive-plasmid .is2.active,.container .presentation .center .circle .content .interactive-plasmid .is3.active,.container .presentation .center .circle .content .interactive-plasmid .is4.active,.container .presentation .center .circle .content .interactive-plasmid .is5.active{transition-duration:.4s}.container .presentation .center .circle .content .interactive-plasmid .int1{position:absolute;left:25%;top:18%}.container .presentation .center .circle .content .interactive-plasmid .int1-2{position:absolute;left:68%;top:41%}.container .presentation .center .circle .content .interactive-plasmid .int1-3{position:absolute;left:6%;top:63%}.container .presentation .center .circle .content .interactive-plasmid .int1-4{position:absolute;left:60%;top:76%}.container .presentation .center .circle .content .interactive-plasmid .int1-5{position:absolute;left:83%;top:23%}.container .presentation .center .circle .content .interactive-plasmid .int2{position:absolute;left:68%;top:19%}.container .presentation .center .circle .content .interactive-plasmid .int2-2{position:absolute;left:31%;top:65%}.container .presentation .center .circle .content .interactive-plasmid .int2-3{position:absolute;left:37%;top:20%}.container .presentation .center .circle .content .interactive-plasmid .int2-4{position:absolute;left:59%;top:54%}.container .presentation .center .circle .content .interactive-plasmid .int2-5{position:absolute;left:13%;top:39%}.container .presentation .center .circle .content .interactive-plasmid .int3{position:absolute;left:50%;top:69%}.container .presentation .center .circle .content .interactive-plasmid .int3-2{position:absolute;left:61%;top:3%}.container .presentation .center .circle .content .interactive-plasmid .int3-3{position:absolute;left:15%;top:7%}.container .presentation .center .circle .content .interactive-plasmid .int3-4{position:absolute;left:88%;top:50%}.container .presentation .center .circle .content .interactive-plasmid .int3-5{position:absolute;left:2%;top:41%}.container .presentation .center .circle .content .interactive-plasmid .int4{position:absolute;left:77%;top:55%}.container .presentation .center .circle .content .interactive-plasmid .int4-2{position:absolute;left:26%;top:42%}.container .presentation .center .circle .content .interactive-plasmid .int4-3{position:absolute;left:50%;top:9%}.container .presentation .center .circle .content .interactive-plasmid .int4-4{position:absolute;left:6%;top:19%}.container .presentation .center .circle .content .interactive-plasmid .int4-5{position:absolute;left:22%;top:77%}.container .presentation .center .circle .content .interactive-plasmid .int5{position:absolute;left:16%;top:59%}.container .presentation .center .circle .content .interactive-plasmid .int5-2{position:absolute;left:77%;top:5%}.container .presentation .center .circle .content .interactive-plasmid .int5-3{position:absolute;left:72%;top:74%}.container .presentation .center .circle .content .interactive-plasmid .int5-4{position:absolute;left:32%;top:1%}.container .presentation .center .circle .content .interactive-plasmid .int5-5{position:absolute;left:40%;top:77%}.container .presentation .center .circle .content .interactive-plasmid .img-rop-medium{position:absolute}.container .presentation .center .circle .content .interactive-plasmid .img-rop-medium.active{opacity:1}.container .presentation .center .circle .content .interactive-plasmid .img-rop-medium.first{left:20%;top:31%;-webkit-transform:rotate(28deg);transform:rotate(28deg)}.container .presentation .center .circle .content .interactive-plasmid .img-rop-medium.second{left:79%;top:41%;-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}.container .presentation .center .circle .content .interactive-plasmid .img-rop-high{position:absolute}.container .presentation .center .circle .content .interactive-plasmid .img-rop-high.active{opacity:1}.container .presentation .center .circle .content .interactive-plasmid .img-rop-high.first{left:46%;top:65%;-webkit-transform:rotate(-55deg);transform:rotate(-55deg)}.container .presentation .center .circle .content .interactive-plasmid .img-rop-high.second{left:15%;top:85%;-webkit-transform:rotate(-101deg);transform:rotate(-101deg)}.container .presentation .center .circle .content .error-text-long,.container .presentation .center .circle .content .success-text-long{font-size:12px;line-height:20px;color:#fff;text-align:center;max-width:200px}@media (max-width:499px){.container .presentation .center .circle .content .error-text-long,.container .presentation .center .circle .content .success-text-long{line-height:14px}}.container .presentation .center .circle .content .error-text-long .button,.container .presentation .center .circle .content .success-text-long .button{display:inline-block;padding:5px 20px!important;background-color:transparent!important;font-size:10px!important;border:2px solid #fff!important;border-radius:20px!important;margin-top:10px!important;cursor:pointer;color:#fff!important;text-transform:uppercase;font-weight:500;height:auto!important}@-webkit-keyframes f{0%{height:0}20%{height:20px}21%{height:40px}22%{height:66px}to{height:66px}}@keyframes f{0%{height:0}20%{height:20px}21%{height:40px}22%{height:66px}to{height:66px}}@-webkit-keyframes g{0%{visibility:hidden}25%{visibility:visible}95%{visibility:visible}to{visibility:hidden}}@keyframes g{0%{visibility:hidden}25%{visibility:visible}95%{visibility:visible}to{visibility:hidden}}.container .presentation .center .circle .is-current .content .interactive-plasmid .wave{-webkit-animation:f 8s infinite;animation:f 8s infinite;-webkit-animation-timing-function:step-end;animation-timing-function:step-end}.container .presentation .center .circle .is-current .content .interactive-plasmid .plasmid:nth-of-type(2){-webkit-animation:g 8s infinite;animation:g 8s infinite;-webkit-animation-timing-function:step-end;animation-timing-function:step-end;-webkit-animation-delay:.1s;animation-delay:.1s}.container .presentation .center .circle .is-current .content .interactive-plasmid .plasmid:nth-of-type(3){-webkit-animation:g 8s infinite;animation:g 8s infinite;-webkit-animation-timing-function:step-end;animation-timing-function:step-end;-webkit-animation-delay:.2s;animation-delay:.2s}.container .presentation .center .circle .is-current .content .interactive-plasmid .plasmid:nth-of-type(4){-webkit-animation:g 8s infinite;animation:g 8s infinite;-webkit-animation-timing-function:step-end;animation-timing-function:step-end;-webkit-animation-delay:.3s;animation-delay:.3s}.container .presentation .center .circle .is-current .content .interactive-plasmid .plasmid:nth-of-type(5){-webkit-animation:g 8s infinite;animation:g 8s infinite;-webkit-animation-timing-function:step-end;animation-timing-function:step-end;-webkit-animation-delay:.4s;animation-delay:.4s}.container .presentation .center .circle .is-current .content .interactive-plasmid .plasmid:nth-of-type(6){-webkit-animation:g 8s infinite;animation:g 8s infinite;-webkit-animation-timing-function:step-end;animation-timing-function:step-end;-webkit-animation-delay:.5s;animation-delay:.5s}.container .presentation .center .circle .is-current .content .interactive-plasmid .plasmid:nth-of-type(7){-webkit-animation:g 8s infinite;animation:g 8s infinite;-webkit-animation-timing-function:step-end;animation-timing-function:step-end;-webkit-animation-delay:.6s;animation-delay:.6s}.container .presentation .center .circle .is-current .content .interactive-plasmid .plasmid:nth-of-type(8){-webkit-animation:g 8s infinite;animation:g 8s infinite;-webkit-animation-timing-function:step-end;animation-timing-function:step-end;-webkit-animation-delay:.7s;animation-delay:.7s}.container .presentation .center .circle .is-current .content .interactive-plasmid .plasmid:nth-of-type(9){-webkit-animation:g 8s infinite;animation:g 8s infinite;-webkit-animation-timing-function:step-end;animation-timing-function:step-end;-webkit-animation-delay:.8s;animation-delay:.8s}.container .presentation .center .circle .is-current .content .interactive-plasmid .plasmid:nth-of-type(10){-webkit-animation:g 8s infinite;animation:g 8s infinite;-webkit-animation-timing-function:step-end;animation-timing-function:step-end;-webkit-animation-delay:.9s;animation-delay:.9s}.container .presentation .center .circle:before{width:2px;height:120%;background-color:red;opacity:.2;content:"";position:absolute;left:50%;top:-10%;margin-left:-1px;display:none}.container .presentation .center .circle:after{width:120%;height:2px;background-color:red;opacity:.2;content:"";position:absolute;left:-10%;top:50%;margin-top:-1px;display:none}.container .presentation .center .circle .slice .dot{z-index:2;margin:-10px 0 0 -10px;position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:.3;-webkit-transform:scale(.5);transform:scale(.5);transition:all .4s ease-in-out}.container .presentation .center .circle .slice .dot.small-dot{-webkit-transform:scale(.25);transform:scale(.25)}.container .presentation .center .circle .slice .dot.big-dot{cursor:pointer}.container .presentation .center .circle .slice:first-child .dot:nth-child(1){right:79.4%;top:9.5%;margin-left:0;margin-right:-10px}.container .presentation .center .circle .slice:first-child .dot:nth-child(2){right:72.6%;top:5.5%;margin-left:0;margin-right:-10px}.container .presentation .center .circle .slice:first-child .dot:nth-child(3){right:65.45%;top:2.5%;margin-left:0;margin-right:-10px}.container .presentation .center .circle .slice:first-child .dot:nth-child(4){right:57.82%;top:.7%;margin-left:0;margin-right:-10px}.container .presentation .center .circle .slice:first-child .dot.big-dot{left:50%;top:0}.container .presentation .center .circle .slice:nth-child(2) .dot:first-child{left:57.82%;top:.7%}.container .presentation .center .circle .slice:nth-child(2) .dot:nth-child(2){left:65.45%;top:2.5%}.container .presentation .center .circle .slice:nth-child(2) .dot:nth-child(3){left:72.6%;top:5.5%}.container .presentation .center .circle .slice:nth-child(2) .dot:nth-child(4){left:79.4%;top:9.5%}.container .presentation .center .circle .slice:nth-child(2) .dot.big-dot{left:85.3%;top:14.7%}.container .presentation .center .circle .slice:nth-child(3) .dot:first-child{left:90.45%;top:20.5%}.container .presentation .center .circle .slice:nth-child(3) .dot:nth-child(2){left:94.4%;top:27.3%}.container .presentation .center .circle .slice:nth-child(3) .dot:nth-child(3){left:97.4%;top:34.5%}.container .presentation .center .circle .slice:nth-child(3) .dot:nth-child(4){left:99.2%;top:42%}.container .presentation .center .circle .slice:nth-child(3) .dot.big-dot{left:100%;top:50%}.container .presentation .center .circle .slice:nth-child(4) .dot:first-child{left:99.2%;bottom:42%;margin-top:0;margin-bottom:-10px}.container .presentation .center .circle .slice:nth-child(4) .dot:nth-child(2){left:97.4%;bottom:34.5%;margin-top:0;margin-bottom:-10px}.container .presentation .center .circle .slice:nth-child(4) .dot:nth-child(3){left:94.4%;bottom:27.3%;margin-top:0;margin-bottom:-10px}.container .presentation .center .circle .slice:nth-child(4) .dot:nth-child(4){left:90.45%;bottom:20.5%;margin-top:0;margin-bottom:-10px}.container .presentation .center .circle .slice:nth-child(4) .dot.big-dot{left:85.3%;top:85.3%}.container .presentation .center .circle .slice:nth-child(5) .dot:first-child{left:79.4%;bottom:9.5%;margin-top:0;margin-bottom:-10px}.container .presentation .center .circle .slice:nth-child(5) .dot:nth-child(2){left:72.6%;bottom:5.5%;margin-top:0;margin-bottom:-10px}.container .presentation .center .circle .slice:nth-child(5) .dot:nth-child(3){left:65.45%;bottom:2.5%;margin-top:0;margin-bottom:-10px}.container .presentation .center .circle .slice:nth-child(5) .dot:nth-child(4){left:57.82%;bottom:.7%;margin-top:0;margin-bottom:-10px}.container .presentation .center .circle .slice:nth-child(5) .dot.big-dot{left:50%;top:100%}.container .presentation .center .circle .slice:nth-child(6) .dot:first-child{right:57.82%;bottom:.7%;margin:0 -10px -10px 0}.container .presentation .center .circle .slice:nth-child(6) .dot:nth-child(2){right:65.45%;bottom:2.5%;margin:0 -10px -10px 0}.container .presentation .center .circle .slice:nth-child(6) .dot:nth-child(3){right:72.6%;bottom:5.5%;margin:0 -10px -10px 0}.container .presentation .center .circle .slice:nth-child(6) .dot:nth-child(4){right:79.4%;bottom:9.5%;margin:0 -10px -10px 0}.container .presentation .center .circle .slice:nth-child(6) .dot.big-dot{left:14.7%;top:85.3%}.container .presentation .center .circle .slice:nth-child(7) .dot:first-child{right:90.45%;bottom:20.5%;margin:0 -10px -10px 0}.container .presentation .center .circle .slice:nth-child(7) .dot:nth-child(2){right:94.4%;bottom:27.3%;margin:0 -10px -10px 0}.container .presentation .center .circle .slice:nth-child(7) .dot:nth-child(3){right:97.4%;bottom:34.5%;margin:0 -10px -10px 0}.container .presentation .center .circle .slice:nth-child(7) .dot:nth-child(4){right:99.2%;bottom:42%;margin:0 -10px -10px 0}.container .presentation .center .circle .slice:nth-child(7) .dot.big-dot{left:0;top:50%}.container .presentation .center .circle .slice:nth-child(8) .dot:first-child{right:99.2%;top:42%;margin-left:0;margin-right:-10px}.container .presentation .center .circle .slice:nth-child(8) .dot:nth-child(2){right:97.4%;top:34.5%;margin-left:0;margin-right:-10px}.container .presentation .center .circle .slice:nth-child(8) .dot:nth-child(3){right:94.4%;top:27.3%;margin-left:0;margin-right:-10px}.container .presentation .center .circle .slice:nth-child(8) .dot:nth-child(4){right:90.45%;top:20.5%;margin-left:0;margin-right:-10px}.container .presentation .center .circle .slice:nth-child(8) .dot.big-dot{left:14.7%;top:14.7%}.container .presentation .center .circle .slice.is-current .dot{opacity:1}.container .presentation .center .circle .slice.is-current .dot.big-dot{-webkit-transform:scale(1);transform:scale(1)}.container .presentation .center .circle .slice.is-current.back-delay .dot.big-dot{transition-delay:.4s}.container .presentation .center .circle .slice.is-active .dot{opacity:1}.container .presentation .center .circle .slice.animating .dot.small-dot{-webkit-animation:a .4s;animation:a .4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.container .presentation .center .circle .slice.animating .dot.small-dot:first-of-type{-webkit-animation-delay:.08s;animation-delay:.08s}.container .presentation .center .circle .slice.animating .dot.small-dot:nth-of-type(2){-webkit-animation-delay:.16s;animation-delay:.16s}.container .presentation .center .circle .slice.animating .dot.small-dot:nth-of-type(3){-webkit-animation-delay:.24s;animation-delay:.24s}.container .presentation .center .circle .slice.animating .dot.small-dot:nth-of-type(4){-webkit-animation-delay:.32s;animation-delay:.32s}.container .presentation .center .circle .slice.animating .dot.big-dot{transition-delay:.4s;-webkit-transform:scale(1);transform:scale(1);opacity:1}.container .presentation .center .circle .slice .anim-through.small-dot{-webkit-animation-name:a;animation-name:a;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.container .presentation .center .circle .slice .anim-through.big-dot{-webkit-animation-name:c;animation-name:c;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.container .presentation .center .circle .slice .anim-through-back.small-dot{-webkit-animation-name:b;animation-name:b;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.container .presentation .center .circle .slice .anim-through-back.big-dot{-webkit-animation-name:d;animation-name:d;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.container .presentation .center .circle .slice.animating-back .dot.small-dot{-webkit-animation:b .4s;animation:b .4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.container .presentation .center .circle .slice.animating-back .dot.small-dot:first-of-type{-webkit-animation-delay:.32s;animation-delay:.32s}.container .presentation .center .circle .slice.animating-back .dot.small-dot:nth-of-type(2){-webkit-animation-delay:.24s;animation-delay:.24s}.container .presentation .center .circle .slice.animating-back .dot.small-dot:nth-of-type(3){-webkit-animation-delay:.16s;animation-delay:.16s}.container .presentation .center .circle .slice.animating-back .dot.small-dot:nth-of-type(4){-webkit-animation-delay:.08s;animation-delay:.08s}.container .presentation .center .circle .slice.animating-back .dot.big-dot{-webkit-transform:scale(.5);transform:scale(.5);opacity:.3}.container .presentation .center .circle .slice:first-of-type .dot.big-dot{opacity:1}.container .presentation .center .circle .slice:first-of-type .dot.small-dot{opacity:.3}.container .presentation .right{width:18%;margin-right:4%}@media (max-width:991px){.container .presentation .right{width:300px;margin:0}}.container .presentation .right .right-steps .right-step{transition:all .3s ease-in-out;display:none;opacity:0}.container .presentation .right .right-steps .right-step.animating,.container .presentation .right .right-steps .right-step.is-current{opacity:1}.container .presentation .right .right-steps .right-step.animating-out{opacity:0}.container .presentation .right .interaction22 .i22-heading{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 20px}.container .presentation .right .interaction22 .i22-heading p{color:#fff;font-size:14px!important;width:50%}.container .presentation .right .interaction22 .i22-line{margin-top:10px;border-radius:20px;padding:10px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #b2caed;color:#fff;font-size:14px;cursor:pointer;background-color:transparent;transition:all .4s ease-in-out}@media (max-height:749px){.container .presentation .right .interaction22 .i22-line{padding:5px 10px}}@media (max-width:1199px){.container .presentation .right .interaction22 .i22-line{padding:5px 10px}}.container .presentation .right .interaction22 .i22-line.helping{-webkit-animation:h 1.7s infinite;animation:h 1.7s infinite}@-webkit-keyframes h{0%{box-shadow:0 0 5px 1px transparent,inset 0 0 5px 1px transparent}50%{box-shadow:0 0 5px 1px #b2caed,inset 0 0 5px 1px #fff}to{box-shadow:0 0 5px 1px transparent,inset 0 0 5px 1px transparent}}@keyframes h{0%{box-shadow:0 0 5px 1px transparent,inset 0 0 5px 1px transparent}50%{box-shadow:0 0 5px 1px #b2caed,inset 0 0 5px 1px #fff}to{box-shadow:0 0 5px 1px transparent,inset 0 0 5px 1px transparent}}.container .presentation .right .interaction22 .i22-line:hover{background-color:rgba(65,70,190,.2)}.container .presentation .right .interaction22 .i22-line.active{background-color:#4146be}.container .presentation .right .interaction22 .i22-line .img-cont{width:25%}@media (max-width:1199px){.container .presentation .right .interaction22 .i22-line .img-cont{width:35%}}.container .presentation .right .interaction22 .i22-line .letter{width:25%}@media (max-width:1199px){.container .presentation .right .interaction22 .i22-line .letter{width:20%}}.container .presentation .right .interaction22 .i22-line .cn{width:50%}.container .presentation .right .i23{position:relative;display:inline-block;cursor:pointer}@media (max-width:991px){.container .presentation .right .i23{margin-left:60px}}.container .presentation .right .i23:before{position:absolute;width:100%;height:100%;border:1px solid #fff;content:"";left:0;top:0;border-radius:100px;background-color:transparent;transition:all .4s ease-in-out}.container .presentation .right .i23.active:before{background-color:#4146be}.container .presentation .right .i23:not(:last-of-type){margin-bottom:10px}.container .presentation .right .i23 img{display:block;height:auto;position:relative}@media (max-height:749px){.container .presentation .right .i23 img{max-width:180px}}@media (max-width:991px){.container .presentation .right .i23 img{max-width:180px}}@media (max-width:1399px){.container .presentation .right .i23 img{width:100%}}.container .presentation .right .i23 span{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-size:14px;letter-spacing:.05em}.container .presentation .right .box{padding:30px 20px;border:1px solid #b2caed;border-radius:14px}@media (max-height:749px){.container .presentation .right .box{padding:10px}}@media (max-width:1199px){.container .presentation .right .box{padding:10px}}.container .presentation .right .box:not(:last-of-type){margin-bottom:10px}.container .presentation .right .box .box-title{margin-bottom:20px;text-align:center;font-size:14px;color:#fff}.container .presentation .right .box .box-plasmids{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;margin-top:-20px}.container .presentation .right .box .box-plasmids .box-plasmid{width:35%;margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#fff}.container .presentation .right .box .box-plasmids .box-plasmid img{margin-right:15px}.container .presentation .right .box .box-sb{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.container .presentation .right .box .box-line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:30px}.container .presentation .right .box .box-line:not(:last-of-type){margin-bottom:20px}.container .presentation .right .box .box-line .imgcont{width:42px;margin-right:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container .presentation .right .box .box-line .box-line-name{color:#fff;font-size:14px;max-width:calc(100% - 62px)}.solution-page{background-color:#19c2bc;transition:background .4s ease-in-out}.solution-page .container>h5{font-size:18px;color:#0e2647;font-weight:900;margin-top:5px;text-align:center}.solution-page .container .presentation .left .step{color:#009a8d}.solution-page .solution-trigger .the-trigger{background-color:#009a8d}.solution-page h1{text-align:center;color:#fff;font-weight:900!important;font-size:30px;line-height:36px}@media (max-width:1199px){.container .presentation .center .synlogo{width:130px;height:auto}}@media (max-width:499px){.container .presentation .center .synlogo{width:70px;height:auto}}.container .presentation .center .s11-center{display:none}.container .presentation .center .s11-center img{display:block;max-width:100%;height:auto}@media (max-height:749px){.container .presentation .center .s11-center img{max-width:80%;margin-left:10%}}@media (max-width:1199px){.container .presentation .center .s11-center img{max-width:80%;margin-left:10%}}@media (max-width:499px){.container .presentation .center .s11-center img{max-width:60%;margin-left:20%}}.container .presentation .center .s11-center .cenname{text-align:center;font-size:30px;font-weight:900;color:#fff;margin-top:20px}.container .presentation .center .circle .content h2{max-width:370px}@media (max-height:749px){.container .presentation .center .circle .content h2{font-size:24px;max-width:270px}}@media (max-width:1199px){.container .presentation .center .circle .content h2{padding:0 20px}}.container .presentation .center .content h3.fstep{font-size:30px;font-weight:900;color:#fff;max-width:310px;text-align:center;line-height:36px;margin:20px 0 10px}@media (max-width:499px){.container .presentation .center .content h3.fstep{font-size:24px;line-height:30px}}.container .presentation .center .content p.fstep{color:#fff;line-height:26px;max-width:310px;text-align:center;margin:0}@media (max-width:499px){.container .presentation .center .content p.fstep{font-size:14px;line-height:20px;max-width:270px}}.container .presentation .center .content p.insol{max-width:300px;margin:25px auto;color:#99f6f3}.container .presentation .center .content a.insol{width:200px;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:2px solid #fff;border-radius:23px;font-size:12px;color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-top:30px;padding:0 20px;text-align:center}.container .presentation .right .right-steps .right-step .showsol1,.container .presentation .right .right-steps .right-step .showsol2,.container .presentation .right .right-steps .right-step .showsol3,.container .presentation .right .right-steps .right-step .showsol4,.container .presentation .right .right-steps .right-step .showsol5{display:none}.container .presentation .right .right-steps .right-step p.s11p{max-width:170px;color:#fff;font-weight:500;font-size:14px!important;line-height:18px;letter-spacing:.05em;text-align:center!important;margin-top:40px}.container .presentation .right .right-steps .right-step .sol11{width:200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:991px){.container .presentation .right .right-steps .right-step .sol11{margin:0 auto}}.container .presentation .right .right-steps .right-step .plas-sel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.container .presentation .right .right-steps .right-step .plas-sel .plas-sel-error{position:absolute;width:100%;text-align:center;left:50%;top:-30px;font-size:14px;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#fff;display:none}.container .presentation .right .right-steps .right-step .plas-sel .curr-count{margin:0 20px;width:40px;text-align:center;color:#fff;font-size:60px;font-weight:700}.container .presentation .right .right-steps .right-step .plas-sel .less{cursor:pointer}.container .presentation .right .right-steps .right-step .plas-sel .less img{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.container .presentation .right .right-steps .right-step .plas-sel .more{cursor:pointer}.container .presentation .right .right-steps .right-step .s11-heading{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 20px;width:150px;margin:30px 0 10px}.container .presentation .right .right-steps .right-step .s11-heading p{color:#fff;font-size:14px!important;width:70%}.container .presentation .right .right-steps .right-step .s11-heading p:nth-of-type(2){width:30%}.container .presentation .right .right-steps .right-step .s11-line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 20px;width:150px;background-color:transparent;border:1px solid #73e6e2;border-radius:20px;cursor:pointer;transition:all .4s ease-in-out}.container .presentation .right .right-steps .right-step .s11-line.active{background-color:#0ba5a0}.container .presentation .right .right-steps .right-step .s11-line:not(:last-of-type){margin-bottom:8px}.container .presentation .right .right-steps .right-step .s11-line .img-cont{width:70%}.container .presentation .right .right-steps .right-step .s11-line .img-cont:nth-of-type(2){width:30%}.container .presentation .right .right-steps .right-step .s13-box{border-radius:20px;border:1px solid #73e6e2;position:relative;width:270px}@media (max-width:991px){.container .presentation .right .right-steps .right-step .s13-box{margin:0 auto}}.container .presentation .right .right-steps .right-step .s13-box .s13-line{padding:20px 0;height:80px;overflow:hidden}.container .presentation .right .right-steps .right-step .s13-box .s13-line:not(:first-of-type){border-top:1px solid #73e6e2}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-plasmid{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px;margin-bottom:20px;cursor:pointer;position:relative}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-plasmid:after{position:absolute;content:"";width:10px;height:7px;right:30px;top:50%;margin-top:-4px;background:url() 50%/10px 7px no-repeat}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-plasmid .s13-line-plasmid-type{color:#fff;font-size:14px;display:none;margin-left:30px}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-osc-period{width:33%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;color:#fff;font-size:14px;margin-top:20px;display:none;padding-left:20px}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider{width:100%;padding:0 20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-oscm{margin-top:20px;width:67%}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-con .irs,.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-oscm .irs{width:100%;height:60px}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-con .irs .irs-max,.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-con .irs .irs-min,.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-oscm .irs .irs-max,.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-oscm .irs .irs-min{background:transparent;visibility:visible!important;color:#02928d;font-weight:500}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-con .irs .irs-line,.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-oscm .irs .irs-line{height:18px;top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:visible!important;background-color:#02928d;border-radius:10px}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-con .irs .irs-line .irs-line-left,.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-oscm .irs .irs-line .irs-line-left{background-color:#02928d;width:22px;height:100%;position:relative;left:-2px;border-radius:10px}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-con .irs .irs-line .irs-line-mid,.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-oscm .irs .irs-line .irs-line-mid{width:100%;height:100%;position:relative;left:0}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-con .irs .irs-line .irs-line-right,.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-oscm .irs .irs-line .irs-line-right{background-color:#02928d;width:22px;height:100%;position:relative;right:-2px;border-radius:10px}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-con .irs .irs-single,.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-oscm .irs .irs-single{background:transparent;color:#73e6e2;top:45px;font-size:12px}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-con .irs .irs-single:after,.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-oscm .irs .irs-single:after{display:none}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-con .irs .irs-slider,.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-oscm .irs .irs-slider{width:14px;height:14px;border-radius:50%;background-color:#77dbd7;top:22px;cursor:pointer;font-weight:500}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-ind .irs{width:100%;height:60px}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-ind .irs .irs-max,.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-ind .irs .irs-min{background:transparent;visibility:visible!important;color:#02928d;font-weight:500}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-ind .irs .irs-line{height:18px;top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:visible!important;background-color:#02928d;border-radius:10px}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-ind .irs .irs-line .irs-line-left{background-color:#02928d;width:22px;height:100%;position:relative;left:-2px;border-radius:10px}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-ind .irs .irs-line .irs-line-mid{width:100%;height:100%;position:relative;left:0}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-ind .irs .irs-line .irs-line-right{background-color:#02928d;width:22px;height:100%;position:relative;right:-2px;border-radius:10px}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-ind .irs .irs-from,.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-ind .irs .irs-single,.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-ind .irs .irs-to{background:transparent;color:#73e6e2;top:45px;font-size:12px;font-weight:500}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-ind .irs .irs-from:after,.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-ind .irs .irs-single:after,.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-ind .irs .irs-to:after{display:none}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-ind .irs .irs-bar{height:18px;top:20px;background:url() 0/14px 6px repeat-x}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-ind .irs .irs-bar:before{position:absolute;content:"Inductor";left:50%;bottom:105%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:10px;color:#02928d}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-ind .irs .irs-slider{width:14px;height:14px;top:22px;cursor:pointer}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-ind .irs .irs-slider:after{position:absolute;width:4px;left:5px;content:"";height:100%;background-color:#77dbd7;border-radius:25%}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-osc .irs{width:100%;height:60px}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-osc .irs .irs-max,.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-osc .irs .irs-min{background:transparent;visibility:visible!important;color:#02928d;font-weight:500}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-osc .irs .irs-line{height:18px;top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:visible!important;background-color:#02928d;border-radius:10px}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-osc .irs .irs-line .irs-line-left{background-color:#02928d;width:22px;height:100%;position:relative;left:-2px;border-radius:10px}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-osc .irs .irs-line .irs-line-mid{width:100%;height:100%;position:relative;left:0}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-osc .irs .irs-line .irs-line-right{background-color:#02928d;width:22px;height:100%;position:relative;right:-2px;border-radius:10px}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-osc .irs .irs-from,.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-osc .irs .irs-single,.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-osc .irs .irs-to{background:transparent;color:#73e6e2;top:45px;font-size:12px;font-weight:500}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-osc .irs .irs-from:after,.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-osc .irs .irs-single:after,.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-osc .irs .irs-to:after{display:none}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-osc .irs .irs-slider{width:14px;height:14px;top:22px;cursor:pointer}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap .s13-line-slider.s13-line-slider-osc .irs .irs-slider:after{position:absolute;width:4px;left:5px;content:"";height:100%;background-color:#77dbd7;border-radius:25%}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap.type-con .s13-line-plasmid-type:first-of-type{display:block}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap.type-con .s13-line-slider.s13-line-slider-con{display:-webkit-box;display:-ms-flexbox;display:flex}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap.type-ind .s13-line-plasmid-type:nth-of-type(2){display:block}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap.type-ind .s13-line-slider.s13-line-slider-ind{display:-webkit-box;display:-ms-flexbox;display:flex}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap.type-osc{-ms-flex-wrap:wrap;flex-wrap:wrap}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap.type-osc .s13-line-plasmid-type:nth-of-type(3){display:block}.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap.type-osc .s13-line-osc-period,.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap.type-osc .s13-line-slider.s13-line-slider-osc,.container .presentation .right .right-steps .right-step .s13-box .s13-line .s13-line-wrap.type-osc .s13-line-slider.s13-line-slider-oscm{display:-webkit-box;display:-ms-flexbox;display:flex}.container .presentation .right .right-steps .right-step .s13-box .s13-line.shown{height:auto}.container .presentation .right .right-steps .right-step .s13-box .s13-line.shown .s13-line-wrap .s13-line-plasmid:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.container .presentation .right .right-steps .right-step .s15-box{border-radius:20px;border:1px solid #73e6e2;position:relative;width:270px}@media (max-width:991px){.container .presentation .right .right-steps .right-step .s15-box{margin:0 auto}}@media (max-width:991px){.container .presentation .right .right-steps .right-step .s15-box.really16{margin-top:150px}}.container .presentation .right .right-steps .right-step .s15-box.really16:not(.really17){width:250px}.container .presentation .right .right-steps .right-step .s15-box.really16:not(.really17) .abname2,.container .presentation .right .right-steps .right-step .s15-box.really16:not(.really17) .abname4,.container .presentation .right .right-steps .right-step .s15-box.really16:not(.really17) .s15-box-size,.container .presentation .right .right-steps .right-step .s15-box.really16:not(.really17) .s15-box-type{display:none!important}.container .presentation .right .right-steps .right-step .s15-box.really16:not(.really17) .s15-box-check,.container .presentation .right .right-steps .right-step .s15-box.really16:not(.really17) .s15-box-number,.container .presentation .right .right-steps .right-step .s15-box.really16:not(.really17) .s15-box-plasmid{width:33.33%}.container .presentation .right .right-steps .right-step .s15-box.really16:not(.really17) .abname1{left:10%}.container .presentation .right .right-steps .right-step .s15-box.really16:not(.really17) .abname3{left:47%}.container .presentation .right .right-steps .right-step .s15-box.really16:not(.really17) .abname5{left:77%}.container .presentation .right .right-steps .right-step .s15-box.really17{width:330px}@media (max-width:1199px){.container .presentation .right .right-steps .right-step .s15-box.really17{width:270px}}.container .presentation .right .right-steps .right-step .s15-box.really17 .s15-box-check{pointer-events:none}.container .presentation .right .right-steps .right-step .s15-box.really17 .s15-box-check span{border-color:transparent!important}.container .presentation .right .right-steps .right-step .s15-box.really17 .abname5{padding-left:0!important}.container .presentation .right .right-steps .right-step .s15-box.really17 .abname5 span{display:none!important}.container .presentation .right .right-steps .right-step .s15-box:not(:last-of-type){margin-bottom:20px}.container .presentation .right .right-steps .right-step .s15-box.protein{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:20px}.container .presentation .right .right-steps .right-step .s15-box.protein .prot-icon{width:20%}.container .presentation .right .right-steps .right-step .s15-box.protein .prot-text{width:80%;color:#fff}.container .presentation .right .right-steps .right-step .s15-box.protein .prot-text h6{font-size:14px;font-weight:700;color:#fff}.container .presentation .right .right-steps .right-step .s15-box.protein .prot-text p{font-size:12px!important;line-height:16px}.container .presentation .right .right-steps .right-step .s15-box.protein .s15-box-radios{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.container .presentation .right .right-steps .right-step .s15-box.protein .s15-box-radios .s15-box-radio{margin-top:20px;width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:10px;cursor:pointer}.container .presentation .right .right-steps .right-step .s15-box.protein .s15-box-radios .s15-box-radio .label{display:block;font-size:14px;color:#fff;cursor:pointer}.container .presentation .right .right-steps .right-step .s15-box.protein .s15-box-radios .s15-box-radio .rad{width:30px;height:30px;border-radius:50%;background-color:#02928d;cursor:pointer;position:relative;display:block;margin-right:20px}.container .presentation .right .right-steps .right-step .s15-box.protein .s15-box-radios .s15-box-radio .rad:after{position:absolute;width:16px;height:16px;border-radius:50%;background-color:#77dbd7;content:"";left:7px;top:7px;transition:all .4s ease-in-out;opacity:0}.container .presentation .right .right-steps .right-step .s15-box.protein .s15-box-radios .s15-box-radio.selected .rad:after{opacity:1;background-color:#fff}.container .presentation .right .right-steps .right-step .s15-box .s15-line .s15-line-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container .presentation .right .right-steps .right-step .s15-box .s15-line:not(:first-of-type){border-top:1px solid #73e6e2}.container .presentation .right .right-steps .right-step .s15-box .s15-line .s15-box-plasmid{width:20%}.container .presentation .right .right-steps .right-step .s15-box .s15-line .s15-box-type{width:20%;display:none}.container .presentation .right .right-steps .right-step .s15-box .s15-line .s15-box-number,.container .presentation .right .right-steps .right-step .s15-box .s15-line .s15-box-size{width:20%;text-align:center;color:#fff;font-size:14px}.container .presentation .right .right-steps .right-step .s15-box .s15-line .s15-box-check{width:20%}.container .presentation .right .right-steps .right-step .s15-box .s15-line .s15-box-check span{display:block;width:20px;height:20px;margin:0 auto;border-radius:5px;border:1px solid #73e6e2;cursor:pointer;position:relative}.container .presentation .right .right-steps .right-step .s15-box .s15-line .s15-box-check span:after{content:"";width:14px;height:11px;background:url() 50%/contain no-repeat;position:absolute;left:50%;top:50%;margin-top:-5px;margin-left:-7px;transition:all .4s ease-in-out;opacity:0}.container .presentation .right .right-steps .right-step .s15-box .s15-line .s15-box-check span.active:after{opacity:1}.container .presentation .right .right-steps .right-step .s15-box .s15-line.type-con .type-con,.container .presentation .right .right-steps .right-step .s15-box .s15-line.type-ind .type-ind,.container .presentation .right .right-steps .right-step .s15-box .s15-line.type-osc .type-osc{display:block}.container .presentation .right .right-steps .right-step .s15-box .abname{position:absolute;bottom:calc(100% + 10px);color:#fff;font-size:12px;line-height:16px;-webkit-transform:rotate(-75deg);transform:rotate(-75deg);letter-spacing:.05em;-webkit-transform-origin:left;transform-origin:left;max-width:120px}.container .presentation .right .right-steps .right-step .s15-box .abname span{position:absolute;left:0;top:50%;margin-top:-10px;display:inline-block;width:20px;height:20px;border-radius:5px;border:1px solid #73e6e2;cursor:pointer;-webkit-transform:rotate(75deg);transform:rotate(75deg)}.container .presentation .right .right-steps .right-step .s15-box .abname span:after{content:"";width:14px;height:11px;background:url() 50%/contain no-repeat;position:absolute;left:50%;top:50%;margin-top:-5px;margin-left:-7px}.container .presentation .right .right-steps .right-step .s15-box .abname.abname1{left:5%}.container .presentation .right .right-steps .right-step .s15-box .abname.abname2{left:25%}.container .presentation .right .right-steps .right-step .s15-box .abname.abname3{left:45%}.container .presentation .right .right-steps .right-step .s15-box .abname.abname4{left:65%}.container .presentation .right .right-steps .right-step .s15-box .abname.abname5{left:85%;padding-left:30px}.container .presentation .right .right-steps .right-step .s16-ropstatus{border-radius:20px;border:1px solid #73e6e2;position:relative;width:330px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px 20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:1199px){.container .presentation .right .right-steps .right-step .s16-ropstatus{width:270px;margin:0 auto}}.container .presentation .right .right-steps .right-step .s16-ropstatus .img-wrap{width:16%}.container .presentation .right .right-steps .right-step .s16-ropstatus .rswrap{width:84%}.container .presentation .right .right-steps .right-step .s16-ropstatus .ropstatus{width:100%;font-size:14px;font-weight:700;color:#fff}.container .presentation .right .right-steps .right-step .s16-ropstatus .ropstatus2{width:100%;font-size:14px;color:#fff;margin-top:5px;display:none}.container .presentation .right .right-steps .right-step .s16-helper{width:80%;margin-top:20px;color:#fff;font-size:14px;line-height:18px}@media (max-width:991px){.container .presentation .right .right-steps .right-step .s16-helper{width:100%;text-align:center}}.container .presentation .right .right-steps .right-step .s16-helper h6{font-weight:700;color:#fff}.container .presentation .right .right-steps .right-step .s16-helper p{color:#fff!important}.container .presentation .right .right-steps .right-step .s16-box{border-radius:20px;border:1px solid #73e6e2;position:relative;width:270px;padding:10px 0}@media (max-width:991px){.container .presentation .right .right-steps .right-step .s16-box{margin:0 auto}}.container .presentation .right .right-steps .right-step .s16-box .s16-line{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container .presentation .right .right-steps .right-step .s16-box .s16-line .s16-line-icon{width:26%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container .presentation .right .right-steps .right-step .s16-box .s16-line .s16-line-text{color:#fff;font-size:14px}.container .presentation .right .right-steps .right-step .s22-box{border-radius:20px;display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #73e6e2;position:relative;width:260px}@media (max-width:991px){.container .presentation .right .right-steps .right-step .s22-box{margin:50px auto 0}}.container .presentation .right .right-steps .right-step .s22-box .s22-box-error{position:absolute;width:100%;text-align:center;left:50%;top:calc(100% + 10px);font-size:14px;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#fff;display:none}.container .presentation .right .right-steps .right-step .s22-box .notice{position:absolute;width:140px;font-size:14px;line-height:18px;text-align:center;color:#fff;top:calc(100% + 100px);left:50%;transition:all .4s ease-in-out;margin-left:-75px}.container .presentation .right .right-steps .right-step .s22-box .notice img{position:absolute;left:50%;bottom:calc(100% + 20px)}.container .presentation .right .right-steps .right-step .s22-box .s22-box-plasmids{width:31%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:20px}.container .presentation .right .right-steps .right-step .s22-box .s22-box-plasmids .s22-box-plasmid{padding-top:20px}.container .presentation .right .right-steps .right-step .s22-box .s22-box-plasmids .s22-box-plasmid img{display:block}.container .presentation .right .right-steps .right-step .s22-box .s22-box-radios{width:23%;border-left:1px solid #73e6e2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;padding:10px 0;position:relative}.container .presentation .right .right-steps .right-step .s22-box .s22-box-radios .abname{position:absolute;left:40%;bottom:103%;color:#fff;font-size:14px;-webkit-transform:rotate(-75deg);transform:rotate(-75deg);letter-spacing:.05em;-webkit-transform-origin:left;transform-origin:left}.container .presentation .right .right-steps .right-step .s22-box .s22-box-radios .s22-box-radio{width:30px;height:30px;border-radius:50%;background-color:#02928d;cursor:pointer;position:relative}.container .presentation .right .right-steps .right-step .s22-box .s22-box-radios .s22-box-radio:after{position:absolute;width:16px;height:16px;border-radius:50%;background-color:#77dbd7;content:"";left:7px;top:7px;transition:all .4s ease-in-out;opacity:0}.container .presentation .right .right-steps .right-step .s22-box .s22-box-radios .s22-box-radio.selected:after{opacity:1}.container .presentation .right .right-steps .right-step .s22-box .s22-box-radios .s22-box-radio.active:after{background-color:#fff}.slider-page{background-color:#5999ff}@media (max-width:1139px){.slider-page{display:block}}.slider-page .container{width:1120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}@media (max-width:1139px){.slider-page .container{width:100%;display:block;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:100%;padding-top:54px}}.slider-page .container .navigation{position:absolute;left:calc(100% + 30px);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:250px}@media (max-width:1699px){.slider-page .container .navigation{width:180px}}@media (max-width:1549px){.slider-page .container .navigation{left:calc(100% + 10px);width:140px}}@media (max-width:1439px){.slider-page .container .navigation{left:calc(83% + 10px);width:180px}}@media (max-width:1139px){.slider-page .container .navigation{display:none}}.slider-page .container .navigation li:not(:last-of-type){margin-bottom:12px}.slider-page .container .navigation li a{color:#2159b0;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;line-height:1}.slider-page .container .navigation li a.active{color:#fff}.slider-page .container .navigation li ul li .sli-item{font-size:12px;color:#2159b0;margin-top:12px;font-weight:500;padding-left:20px;position:relative;transition:all .4s ease-in-out;cursor:pointer;margin-left:10px}.slider-page .container .navigation li ul li .sli-item:before{position:absolute;width:6px;height:6px;left:0;top:3px;content:"";background-color:#3678e0;border-radius:50%;transition:all .4s ease-in-out}.slider-page .container .navigation li ul li.is-current .sli-item{color:#fff}.slider-page .container .navigation li ul li.is-current .sli-item:before{background-color:#fff}.slider-page .container .slider-box{height:65vh;width:100%;position:relative}@media (max-width:1439px){.slider-page .container .slider-box{height:60vh}}@media (max-height:749px){.slider-page .container .slider-box{height:75vh}}@media (max-width:1139px){.slider-page .container .slider-box{height:auto;max-width:800px;margin:0 auto}}.slider-page .container .slider-box .left-content{width:72%;height:calc(100% - 30px);position:relative;overflow:hidden}@media (max-width:1139px){.slider-page .container .slider-box .left-content{overflow:visible}}@media (max-width:1439px){.slider-page .container .slider-box .left-content{width:55%}}@media (max-width:1139px){.slider-page .container .slider-box .left-content{overflow:visible;width:100%}}.slider-page .container .slider-box .left-content .shape-overlays{width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:1139px){.slider-page .container .slider-box .left-content .shape-overlays{display:none}}.slider-page .container .slider-box .left-content .shape-overlays path:first-of-type{fill:#8bb7ff}.slider-page .container .slider-box .left-content .shape-overlays path:nth-of-type(2){fill:#3772cf}.slider-page .container .slider-box .left-content .shape-overlays path:nth-of-type(3){fill:#2159b0}.slider-page .container .slider-box .left-content .slide-left-content{width:100%;height:100%;display:none}.slider-page .container .slider-box .left-content .slide-left-content.is-current{display:block}@media (min-width:1140px){.slider-page .container .slider-box .left-content .slide-left-content .slide-right-content{display:none!important}}@media (max-width:1139px){.slider-page .container .slider-box .left-content .slide-left-content{display:block;height:500px}}@media (max-width:767px){.slider-page .container .slider-box .left-content .slide-left-content{height:400px}}@media (max-width:599px){.slider-page .container .slider-box .left-content .slide-left-content{height:300px}}@media (max-width:449px){.slider-page .container .slider-box .left-content .slide-left-content{height:200px}}.slider-page .container .slider-box .left-content .slide-left-content .owl-carousel{height:100%;position:relative}.slider-page .container .slider-box .left-content .slide-left-content .owl-carousel .owl-stage-outer,.slider-page .container .slider-box .left-content .slide-left-content .owl-carousel .owl-stage-outer .owl-stage,.slider-page .container .slider-box .left-content .slide-left-content .owl-carousel .owl-stage-outer .owl-stage .owl-item{height:100%}.slider-page .container .slider-box .left-content .slide-left-content .owl-carousel .owl-stage-outer .owl-stage .owl-item .slide{width:100%;height:100%}.slider-page .container .slider-box .left-content .slide-left-content .owl-carousel .owl-stage-outer .owl-stage .owl-item .slide.slide-image{background-size:cover;background-position:50%;background-repeat:no-repeat}.slider-page .container .slider-box .left-content .slide-left-content .owl-carousel .owl-nav{position:absolute;left:30px;bottom:30px;display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:449px){.slider-page .container .slider-box .left-content .slide-left-content .owl-carousel .owl-nav{left:10px;bottom:10px}}.slider-page .container .slider-box .left-content .slide-left-content .owl-carousel .owl-nav .owl-next,.slider-page .container .slider-box .left-content .slide-left-content .owl-carousel .owl-nav .owl-prev{width:40px;height:40px;font-size:0;background:url() 50%/contain no-repeat}.slider-page .container .slider-box .left-content .slide-left-content .owl-carousel .owl-nav .owl-next{margin-left:10px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.slider-page .container .slider-box .left-content .slide-right-content{height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:40px 30px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;transition:all .4s ease-in-out;background-color:#fff;visibility:visible}@media (max-width:449px){.slider-page .container .slider-box .left-content .slide-right-content{padding:30px 10px}}.slider-page .container .slider-box .left-content .slide-right-content h1{font-size:40px;color:#0d2547;font-weight:900!important}.slider-page .container .slider-box .left-content .slide-right-content .category{color:#3678e0;font-size:12px;font-weight:900;margin-top:25px;text-transform:uppercase;letter-spacing:.1em}.slider-page .container .slider-box .left-content .slide-right-content p{font-size:16px;line-height:26px;color:#7589a7;margin-top:30px}.slider-page .container .slider-box .left-content .slide-right-content .readmore{cursor:pointer;color:#3678e0;font-size:12px;text-transform:uppercase;padding:0 60px;font-weight:900;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:2px solid #3678e0;margin-top:50px;height:50px;border-radius:23px;letter-spacing:.1em}.slider-page .container .slider-box .right-content{width:36%;height:calc(100% - 30px);position:absolute;right:0;bottom:0;background-color:#fff;z-index:20;overflow:hidden}@media (max-width:1439px){.slider-page .container .slider-box .right-content{right:17%}}@media (max-width:1139px){.slider-page .container .slider-box .right-content{display:none!important}}.slider-page .container .slider-box .right-content .slide-right-content{height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:10px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;top:-40px;opacity:0;transition:all .4s ease-in-out}.slider-page .container .slider-box .right-content .slide-right-content.hidden{display:none}.slider-page .container .slider-box .right-content .slide-right-content.is-current{top:0;opacity:1}.slider-page .container .slider-box .right-content h1{font-size:40px;color:#0d2547;font-weight:900!important}.slider-page .container .slider-box .right-content .category{color:#3678e0;font-size:12px;font-weight:900;margin-top:25px;text-transform:uppercase;letter-spacing:.1em}.slider-page .container .slider-box .right-content p{font-size:16px;line-height:26px;color:#7589a7;margin-top:30px}.slider-page .container .slider-box .right-content .readmore{cursor:pointer;color:#3678e0;font-size:12px;text-transform:uppercase;padding:0 60px;font-weight:900;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:2px solid #3678e0;margin-top:50px;height:50px;border-radius:23px;letter-spacing:.1em}.modal{z-index:120;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;transition:opacity .4s ease-in-out;display:none}.modal.active{opacity:1}.modal .modal-close{position:fixed;top:50px;right:50px;width:22px;height:22px;background:url() 50%/contain no-repeat;cursor:pointer}@media (max-width:767px){.modal .modal-close{top:10px;right:10px;z-index:200}}.modal .modal-content{width:800px;padding:120px 0;margin:0 auto;line-height:1.5}@media (max-width:819px){.modal .modal-content{width:100%;padding:100px 20px}}@media (max-width:767px){.modal .modal-content{padding:60px 20px}}.modal .modal-content>:not(:last-child){margin-bottom:30px!important}.modal .modal-content .team-member{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (max-width:499px){.modal .modal-content .team-member{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.modal .modal-content .team-member img{width:40%;height:auto;display:block}@media (max-width:499px){.modal .modal-content .team-member img{width:80%;margin:0 auto 30px}}@media (max-width:399px){.modal .modal-content .team-member img{width:90%;margin:0 auto 30px}}.modal .modal-content .team-member .text-wrap{width:60%;padding-left:30px}@media (max-width:499px){.modal .modal-content .team-member .text-wrap{width:100%;padding-left:0}}.modal .modal-content .team-member .text-wrap>:not(:last-child){margin-bottom:30px!important}.modal .modal-content .plotly{width:100%}.modal .modal-content .plotly .svg-container{width:800px!important}@media (max-width:819px){.modal .modal-content .plotly .svg-container{width:100%!important}}.modal .modal-content .plotly .svg-container .main-svg{width:100%!important}.modal .modal-content h1{font-size:40px;color:#0d2547;font-weight:900!important}.modal .modal-content h2{font-size:28px;color:#0d2547;font-weight:900!important}.modal .modal-content h3{font-size:24px;color:#0d2547;font-weight:900!important}.modal .modal-content h4{font-size:20px;color:#0d2547;font-weight:900!important}.modal .modal-content h5{font-size:16px;color:#0d2547;font-weight:900!important}.modal .modal-content h6{font-size:12px;color:#0d2547;font-weight:900!important}.modal .modal-content p{font-size:16px!important;color:#0d2547}.modal .modal-content ul{padding-left:20px;list-style:disc;color:#0d2547}.modal .modal-content ol{padding-left:20px;list-style:decimal;color:#0d2547}.modal .modal-content table tfoot,.modal .modal-content table thead{font-weight:700}.modal .modal-content table td,.modal .modal-content table th{border:1px solid #e9e9e9;padding:5px;font-size:14px}.modal .modal-content .accordeon .acc-line:not(:last-of-type){margin-bottom:10px}.modal .modal-content .accordeon .acc-line .acc-head{padding:20px 35px 20px 20px;cursor:pointer;background-color:#e9e9e9;border-radius:15px;color:#0d2547;position:relative}.modal .modal-content .accordeon .acc-line .acc-head:after{position:absolute;width:10px;height:7px;background:url() 50%/contain no-repeat;content:"";right:20px;top:50%;margin-top:-4px}.modal .modal-content .accordeon .acc-line .acc-head.active:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.modal .modal-content .accordeon .acc-line .acc-body{padding:20px;display:none}.modal .modal-content .accordeon .acc-line .acc-body>:not(:last-child){margin-bottom:30px!important}.modal .modal-content .img-cont img{width:100%;height:auto;display:block}.modal .modal-content .img-cont .img-label{width:100%;font-size:14px;color:#1e3250;text-align:center;margin-top:15px}.modal .modal-content video{width:100%;height:auto}