@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,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;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}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}blockquote,h1,h2,h3,h4,h5,h6,p{word-break:break-word}a:active,a:focus,a:hover,a:visited{text-decoration:none}@font-face{font-family:simple-line-icons;src:url(/fonts/Simple-Line-Icons.eot?v=2.4.0);src:url(/fonts/Simple-Line-Icons.eot?v=2.4.0#iefix) format("embedded-opentype"),url(/fonts/Simple-Line-Icons.woff2?v=2.4.0) format("woff2"),url(/fonts/Simple-Line-Icons.ttf?v=2.4.0) format("truetype"),url(/fonts/Simple-Line-Icons.woff?v=2.4.0) format("woff"),url(/fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons) format("svg");font-weight:400;font-style:normal}.icon-action-redo,.icon-action-undo,.icon-anchor,.icon-arrow-down,.icon-arrow-down-circle,.icon-arrow-left,.icon-arrow-left-circle,.icon-arrow-right,.icon-arrow-right-circle,.icon-arrow-up,.icon-arrow-up-circle,.icon-badge,.icon-bag,.icon-ban,.icon-basket,.icon-basket-loaded,.icon-bell,.icon-book-open,.icon-briefcase,.icon-bubble,.icon-bubbles,.icon-bulb,.icon-calculator,.icon-calendar,.icon-call-end,.icon-call-in,.icon-call-out,.icon-camera,.icon-camrecorder,.icon-chart,.icon-check,.icon-chemistry,.icon-clock,.icon-close,.icon-cloud-download,.icon-cloud-upload,.icon-compass,.icon-control-end,.icon-control-forward,.icon-control-pause,.icon-control-play,.icon-control-rewind,.icon-control-start,.icon-credit-card,.icon-crop,.icon-cup,.icon-cursor,.icon-cursor-move,.icon-diamond,.icon-direction,.icon-directions,.icon-disc,.icon-dislike,.icon-doc,.icon-docs,.icon-drawer,.icon-drop,.icon-earphones,.icon-earphones-alt,.icon-emotsmile,.icon-energy,.icon-envelope,.icon-envelope-letter,.icon-envelope-open,.icon-equalizer,.icon-event,.icon-exclamation,.icon-eye,.icon-eyeglass,.icon-feed,.icon-film,.icon-fire,.icon-flag,.icon-folder,.icon-folder-alt,.icon-frame,.icon-game-controller,.icon-ghost,.icon-globe,.icon-globe-alt,.icon-graduation,.icon-graph,.icon-grid,.icon-handbag,.icon-heart,.icon-home,.icon-hourglass,.icon-info,.icon-key,.icon-layers,.icon-like,.icon-link,.icon-list,.icon-location-pin,.icon-lock,.icon-lock-open,.icon-login,.icon-logout,.icon-loop,.icon-magic-wand,.icon-magnet,.icon-magnifier,.icon-magnifier-add,.icon-magnifier-remove,.icon-map,.icon-menu,.icon-microphone,.icon-minus,.icon-mouse,.icon-music-tone,.icon-music-tone-alt,.icon-mustache,.icon-note,.icon-notebook,.icon-options,.icon-options-vertical,.icon-organization,.icon-paper-clip,.icon-paper-plane,.icon-paypal,.icon-pencil,.icon-people,.icon-phone,.icon-picture,.icon-pie-chart,.icon-pin,.icon-plane,.icon-playlist,.icon-plus,.icon-power,.icon-present,.icon-printer,.icon-puzzle,.icon-question,.icon-refresh,.icon-reload,.icon-rocket,.icon-screen-desktop,.icon-screen-smartphone,.icon-screen-tablet,.icon-settings,.icon-share,.icon-share-alt,.icon-shield,.icon-shuffle,.icon-size-actual,.icon-size-fullscreen,.icon-social-behance,.icon-social-dribbble,.icon-social-dropbox,.icon-social-facebook,.icon-social-foursqare,.icon-social-github,.icon-social-google,.icon-social-instagram,.icon-social-linkedin,.icon-social-pinterest,.icon-social-reddit,.icon-social-skype,.icon-social-soundcloud,.icon-social-spotify,.icon-social-steam,.icon-social-stumbleupon,.icon-social-tumblr,.icon-social-twitter,.icon-social-vkontakte,.icon-social-youtube,.icon-speech,.icon-speedometer,.icon-star,.icon-support,.icon-symbol-female,.icon-symbol-male,.icon-tag,.icon-target,.icon-trash,.icon-trophy,.icon-umbrella,.icon-user,.icon-user-female,.icon-user-follow,.icon-user-following,.icon-user-unfollow,.icon-vector,.icon-volume-1,.icon-volume-2,.icon-volume-off,.icon-wallet,.icon-wrench{font-family:simple-line-icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-user:before{content:"\e005"}.icon-people:before{content:"\e001"}.icon-user-female:before{content:"\e000"}.icon-user-follow:before{content:"\e002"}.icon-user-following:before{content:"\e003"}.icon-user-unfollow:before{content:"\e004"}.icon-login:before{content:"\e066"}.icon-logout:before{content:"\e065"}.icon-emotsmile:before{content:"\e021"}.icon-phone:before{content:"\e600"}.icon-call-end:before{content:"\e048"}.icon-call-in:before{content:"\e047"}.icon-call-out:before{content:"\e046"}.icon-map:before{content:"\e033"}.icon-location-pin:before{content:"\e096"}.icon-direction:before{content:"\e042"}.icon-directions:before{content:"\e041"}.icon-compass:before{content:"\e045"}.icon-layers:before{content:"\e034"}.icon-menu:before{content:"\e601"}.icon-list:before{content:"\e067"}.icon-options-vertical:before{content:"\e602"}.icon-options:before{content:"\e603"}.icon-arrow-down:before{content:"\e604"}.icon-arrow-left:before{content:"\e605"}.icon-arrow-right:before{content:"\e606"}.icon-arrow-up:before{content:"\e607"}.icon-arrow-up-circle:before{content:"\e078"}.icon-arrow-left-circle:before{content:"\e07a"}.icon-arrow-right-circle:before{content:"\e079"}.icon-arrow-down-circle:before{content:"\e07b"}.icon-check:before{content:"\e080"}.icon-clock:before{content:"\e081"}.icon-plus:before{content:"\e095"}.icon-minus:before{content:"\e615"}.icon-close:before{content:"\e082"}.icon-event:before{content:"\e619"}.icon-exclamation:before{content:"\e617"}.icon-organization:before{content:"\e616"}.icon-trophy:before{content:"\e006"}.icon-screen-smartphone:before{content:"\e010"}.icon-screen-desktop:before{content:"\e011"}.icon-plane:before{content:"\e012"}.icon-notebook:before{content:"\e013"}.icon-mustache:before{content:"\e014"}.icon-mouse:before{content:"\e015"}.icon-magnet:before{content:"\e016"}.icon-energy:before{content:"\e020"}.icon-disc:before{content:"\e022"}.icon-cursor:before{content:"\e06e"}.icon-cursor-move:before{content:"\e023"}.icon-crop:before{content:"\e024"}.icon-chemistry:before{content:"\e026"}.icon-speedometer:before{content:"\e007"}.icon-shield:before{content:"\e00e"}.icon-screen-tablet:before{content:"\e00f"}.icon-magic-wand:before{content:"\e017"}.icon-hourglass:before{content:"\e018"}.icon-graduation:before{content:"\e019"}.icon-ghost:before{content:"\e01a"}.icon-game-controller:before{content:"\e01b"}.icon-fire:before{content:"\e01c"}.icon-eyeglass:before{content:"\e01d"}.icon-envelope-open:before{content:"\e01e"}.icon-envelope-letter:before{content:"\e01f"}.icon-bell:before{content:"\e027"}.icon-badge:before{content:"\e028"}.icon-anchor:before{content:"\e029"}.icon-wallet:before{content:"\e02a"}.icon-vector:before{content:"\e02b"}.icon-speech:before{content:"\e02c"}.icon-puzzle:before{content:"\e02d"}.icon-printer:before{content:"\e02e"}.icon-present:before{content:"\e02f"}.icon-playlist:before{content:"\e030"}.icon-pin:before{content:"\e031"}.icon-picture:before{content:"\e032"}.icon-handbag:before{content:"\e035"}.icon-globe-alt:before{content:"\e036"}.icon-globe:before{content:"\e037"}.icon-folder-alt:before{content:"\e039"}.icon-folder:before{content:"\e089"}.icon-film:before{content:"\e03a"}.icon-feed:before{content:"\e03b"}.icon-drop:before{content:"\e03e"}.icon-drawer:before{content:"\e03f"}.icon-docs:before{content:"\e040"}.icon-doc:before{content:"\e085"}.icon-diamond:before{content:"\e043"}.icon-cup:before{content:"\e044"}.icon-calculator:before{content:"\e049"}.icon-bubbles:before{content:"\e04a"}.icon-briefcase:before{content:"\e04b"}.icon-book-open:before{content:"\e04c"}.icon-basket-loaded:before{content:"\e04d"}.icon-basket:before{content:"\e04e"}.icon-bag:before{content:"\e04f"}.icon-action-undo:before{content:"\e050"}.icon-action-redo:before{content:"\e051"}.icon-wrench:before{content:"\e052"}.icon-umbrella:before{content:"\e053"}.icon-trash:before{content:"\e054"}.icon-tag:before{content:"\e055"}.icon-support:before{content:"\e056"}.icon-frame:before{content:"\e038"}.icon-size-fullscreen:before{content:"\e057"}.icon-size-actual:before{content:"\e058"}.icon-shuffle:before{content:"\e059"}.icon-share-alt:before{content:"\e05a"}.icon-share:before{content:"\e05b"}.icon-rocket:before{content:"\e05c"}.icon-question:before{content:"\e05d"}.icon-pie-chart:before{content:"\e05e"}.icon-pencil:before{content:"\e05f"}.icon-note:before{content:"\e060"}.icon-loop:before{content:"\e064"}.icon-home:before{content:"\e069"}.icon-grid:before{content:"\e06a"}.icon-graph:before{content:"\e06b"}.icon-microphone:before{content:"\e063"}.icon-music-tone-alt:before{content:"\e061"}.icon-music-tone:before{content:"\e062"}.icon-earphones-alt:before{content:"\e03c"}.icon-earphones:before{content:"\e03d"}.icon-equalizer:before{content:"\e06c"}.icon-like:before{content:"\e068"}.icon-dislike:before{content:"\e06d"}.icon-control-start:before{content:"\e06f"}.icon-control-rewind:before{content:"\e070"}.icon-control-play:before{content:"\e071"}.icon-control-pause:before{content:"\e072"}.icon-control-forward:before{content:"\e073"}.icon-control-end:before{content:"\e074"}.icon-volume-1:before{content:"\e09f"}.icon-volume-2:before{content:"\e0a0"}.icon-volume-off:before{content:"\e0a1"}.icon-calendar:before{content:"\e075"}.icon-bulb:before{content:"\e076"}.icon-chart:before{content:"\e077"}.icon-ban:before{content:"\e07c"}.icon-bubble:before{content:"\e07d"}.icon-camrecorder:before{content:"\e07e"}.icon-camera:before{content:"\e07f"}.icon-cloud-download:before{content:"\e083"}.icon-cloud-upload:before{content:"\e084"}.icon-envelope:before{content:"\e086"}.icon-eye:before{content:"\e087"}.icon-flag:before{content:"\e088"}.icon-heart:before{content:"\e08a"}.icon-info:before{content:"\e08b"}.icon-key:before{content:"\e08c"}.icon-link:before{content:"\e08d"}.icon-lock:before{content:"\e08e"}.icon-lock-open:before{content:"\e08f"}.icon-magnifier:before{content:"\e090"}.icon-magnifier-add:before{content:"\e091"}.icon-magnifier-remove:before{content:"\e092"}.icon-paper-clip:before{content:"\e093"}.icon-paper-plane:before{content:"\e094"}.icon-power:before{content:"\e097"}.icon-refresh:before{content:"\e098"}.icon-reload:before{content:"\e099"}.icon-settings:before{content:"\e09a"}.icon-star:before{content:"\e09b"}.icon-symbol-female:before{content:"\e09c"}.icon-symbol-male:before{content:"\e09d"}.icon-target:before{content:"\e09e"}.icon-credit-card:before{content:"\e025"}.icon-paypal:before{content:"\e608"}.icon-social-tumblr:before{content:"\e00a"}.icon-social-twitter:before{content:"\e009"}.icon-social-facebook:before{content:"\e00b"}.icon-social-instagram:before{content:"\e609"}.icon-social-linkedin:before{content:"\e60a"}.icon-social-pinterest:before{content:"\e60b"}.icon-social-github:before{content:"\e60c"}.icon-social-google:before{content:"\e60d"}.icon-social-reddit:before{content:"\e60e"}.icon-social-skype:before{content:"\e60f"}.icon-social-dribbble:before{content:"\e00d"}.icon-social-behance:before{content:"\e610"}.icon-social-foursqare:before{content:"\e611"}.icon-social-soundcloud:before{content:"\e612"}.icon-social-spotify:before{content:"\e613"}.icon-social-stumbleupon:before{content:"\e614"}.icon-social-youtube:before{content:"\e008"}.icon-social-dropbox:before{content:"\e00c"}.icon-social-vkontakte:before{content:"\e618"}.icon-social-steam:before{content:"\e620"}.comment__user-avatar,.profile__user-avatar,.section__user-avatar{border-radius:50%;background-size:cover;background-repeat:no-repeat;background-position:50%}*,:after,:before{box-sizing:border-box}html{font-size:62.5%}body,html{min-width:340px}body{background-color:#fff;font-family:"Open Sans",sans-serif; color:#3e454c}body:after{clear:both;content:"";display:table}body.nav--visible,body.notifications-visible,body.search--visible{overflow:hidden}@media only screen and (min-width:1170px){body.nav--visible,body.notifications-visible,body.search--visible{overflow:auto}}@media only screen and (min-width:768px){body{background-color:#fafafa}}*{color:inherit}:focus{outline:0!important}main{background-color:#fff}@media only screen and (min-width:768px){main{background-color:#fafafa}}p{margin-bottom:.5em;word-break:break-word}a{text-decoration:none}a,a:active,a:focus,a:hover{color:inherit}a.neon:hover{text-decoration:none;border-bottom:1px solid #ededed;color:#3dd07d}ol{list-style:decimal;margin-bottom:.5em}form{position:relative}button{background:0 0;border:none}input{font-size:1.6rem}input.valid,input.valid:focus{border:1px;border-color:#ff6860;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #ff6860}input.invalid,input.invalid:focus{border:1px;border-color:red;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px red}textarea{resize:vertical}figure{max-width:100%;margin:2em 0}figure img{max-width:100%;height:auto}figure figcaption{text-align:center;margin-top:5px;color:#747474;font-size:14px}hr{margin-top:50px;margin-bottom:50px;border-top:1px solid #dedede}pre{border-radius:0}pre,pre.hljs{background:#fafafa}pre.hljs{padding-left:15px;border-left:1px solid #aec8da;font-family:monospace;font-size:12px;line-height:1.45;font-family:inconsolata,monospace;letter-spacing:.3px;word-spacing:1px;color:#191919;margin:20px 0}[class*=col-]{padding-right:0;padding-left:0}@media only screen and (min-width:768px){[class*=col-]{padding-left:15px;padding-right:15px}}.page__wrapper{overflow:hidden}.container-fluid{position:relative;max-width:1200px;height:100%}.row.no-margin:after,.row.no-margin:before{display:block}.tab-pane{margin:1.5em 0}.container{padding:1em 0}.modal-body{padding:3em}.btn{font-size:.9em;min-width:100px}.list-group-item:hover,button.list-group-item:hover{background:0 0}.list-group-inline:after{content:"";clear:both;display:block}.list-group-inline .list-group-item{float:left;width:25%}.code-tabs .btn-primary,.inline-editor .btn-primary,.quiz .btn-primary{color:#fff;border:none}.btn-default,.btn-default:hover{border:1px solid #ededed}.btn-default:hover{background-color:#f15f23}.btn-centered{display:block;margin:0 auto}.btn-outline{background:0 0}.btn-outline.btn-primary{color:#1da7da}.btn-outline.btn-success{color:#3dd07d}.btn-outline.btn-danger{color:#ff6860}.btn-outline.btn-default,.btn-outline:active,.btn-outline:focus,.btn-outline:hover{color:#fff}.btn-outline.btn-default:hover{background:#fff}.btn-outline.white{color:#fff;border-color:#fff}.btn-outline.white:hover{color:#3dd07d;background:#fff}.btn-outline.white.btn-primary:hover{color:#1da7da}.btn-outline.white.btn-success:hover{color:#3dd07d}.btn-outline.white.btn-danger:hover{color:#ff6860}.clear-sm{clear:both}@media only screen and (min-width:991px){.clear-sm{clear:none}}@media only screen and (min-width:991px){.clear-md{clear:both}}.ellipsis-v,.ellipsis-v:after,.ellipsis-v:before{width:3px;height:3px;border-radius:50%;position:absolute;background-color:rgba(0,0,0,.5)}.ellipsis-v{top:50%;left:50%;margin:-1.5px 0 0 -1.5px}.ellipsis-v:after,.ellipsis-v:before{content:"";top:-5px;left:0}.ellipsis-v:after{top:auto;bottom:-5px}.ellipsis-v.white,.ellipsis-v.white:after,.ellipsis-v.white:before{background-color:#fff}.comment__user-name .badge{font-size:inherit;color:#fff;background-color:#1da7da}.user-avatar{border-radius:50%;background:#ededed;overflow:hidden}.user-avatar:before{top:50%;width:30%;height:30%;transform:translate(-50%,-50%)}.user-avatar:after,.user-avatar:before{content:"";position:absolute;left:50%;border-radius:50%;background:#bababa}.user-avatar:after{bottom:-8%;width:65%;height:35%;transform:translateX(-50%)}.col-centered{float:none;margin:0 auto}.checkbox input[type=checkbox]{position:relative;width:20px;height:20px;margin:0;visibility:hidden}.checkbox input[type=checkbox]:checked+.checkbox__tick{background-color:#1da7da}.checkbox input[type=checkbox]:checked+.checkbox__tick:after,.checkbox input[type=checkbox]:checked+.checkbox__tick:before{background-color:#fff}.checkbox label{position:relative;padding:0}.checkbox span{padding-left:1em;display:inline-block;line-height:20px;vertical-align:top}.subscription-form{padding:15px 0;margin:15px 0;text-align:center;border-top:1px solid #ededed;border-bottom:1px solid #ededed}@media only screen and (min-width:768px){.subscription-form{padding:0;margin:0;border:none;float:right}}.checkbox__toggle input[type=checkbox]{height:0;width:0;visibility:hidden}.checkbox__toggle label{padding:10px 0;color:#878787;font-weight:400;cursor:pointer}.checkbox__toggle label .subscribe__button{display:inline-block;vertical-align:middle;text-indent:-9999px;width:36px;height:20px;background:#bababa;border-radius:40px;position:relative;padding:0;margin-left:10px}.checkbox__toggle label .subscribe__button:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:.3s}.checkbox__toggle input:checked+label .subscribe__button{background:#1da7da}.checkbox__toggle input:checked+label .subscribe__button:after{left:calc(100% - 2px);transform:translateX(-100%)}.checkbox__toggle input:disabled+label{opacity:.6;cursor:not-allowed}.checkbox__toggle label:active .subscribe__button:after{width:20px}@media only screen and (min-width:768px){.section--posts .subscribe__button{margin-right:15px}}.checkbox__custom{position:absolute;top:0;left:0;width:20px;height:20px}.checkbox__star{overflow:hidden}.checkbox__tick{background-color:#bababa;border-radius:4px;transition:rotate .3s ease-in}.checkbox__tick:before{content:"";width:3px;height:7px;position:absolute;top:8px;left:5px;transform:rotate(-45deg)}.checkbox__tick:after{content:"";width:3px;height:11px;position:absolute;top:4px;left:10px;transform:rotate(45deg)}.input-group{border:2px solid #ededed;border-radius:4px}.input-group:hover{border-color:#ededed}.has-error .input-group{border-color:#ff6860}.input-group-addon{border-radius:0}.input-group-addon i{font-size:18px}.input-group .form-control,.input-group-addon,.input-group-btn{border-width:0;background-color:#F15F23;color:#fff;}input.form-control,label{padding:1em;height:auto}label{padding:1em 1.25em}.has-error .input-group-addon{background-color:#ff6860;border-color:#ff6860;color:#fff}.btn-link{display:inline-block;width:100%;color:#bababa;text-align:center;cursor:pointer}.btn-link:hover{color:#414141;text-decoration:none}.comment__user-avatar,.profile__user-avatar,.section__user-avatar{display:inline-block;vertical-align:middle}.profile__user-avatar{width:80px;height:80px}.comment__user-avatar,.section__user-avatar{width:30px;height:30px}#confirm-delete .modal-dialog{width:300px}#confirm-delete .modal-footer,#confirm-delete .modal-title{text-align:center}@media only screen and (min-width:768px){#illustration-image-list .modal-dialog--big{width:90%}}@media only screen and (min-width:768px){#cover-image-list .modal-dialog--big{width:70%}}.modal-footer,.modal-header{border:none;padding:1.5em}.section-header{text-align:center;margin:30px 0}.section-header h2{position:relative;display:inline-block;padding-bottom:10px}.section-header h2:before{content:"";position:absolute;bottom:0;left:50%;width:70px;height:2px;background:#3dd07d;transform:translateX(-50%)}.section-header span{color:#bababa;text-transform:lowercase}.section-header .underline{margin:0 auto 6em;background-color:#3dd07d;width:100px;height:2px}.section-header .section-header__subheading{margin-top:30px;color:#bababa}@media only screen and (min-width:768px){.section-header{margin:0 0 60px}}.hero-content{padding:90px 15px}.hero-content h2{color:#fff;font-size:36px;margin-bottom:20px}@media only screen and (min-width:768px){.hero-content h2{margin-top:60px}}.hero-content p{margin-bottom:30px;color:#fff;font-size:18px}@media only screen and (min-width:768px){.hero-content p{font-size:22px}}.hero-content .col-md-5{text-align:center}@media only screen and (min-width:768px){.hero-content .col-md-5{text-align:left}}.hero-content .btn{padding:12px 15px}@media only screen and (min-width:768px){.hero-content{padding:100px 0 170px}}.stack-sm>span{padding:14px}@media only screen and (max-width:768px){.stack-sm>span{display:block;padding:10px 0}}.close{opacity:.4}.dropdown-menu i{margin-right:8px}.caret{margin:0}.caret-up{transform:rotate(180deg)}.caret-white{border-top-color:#fff}.top-offset{padding-top:60px}.rank{position:absolute;top:-60px;width:120px;height:120px;left:50%;right:auto;transform:translateX(-50%);border:3px solid #fff;z-index:1;border-radius:50%;background-color:#f3ac00;color:#fff;font-size:40px;font-weight:700;line-height:120px;text-align:center}.vip-wrapper{background:linear-gradient(0deg,#6044b4,#3867bb)}.vip-wrapper .post{border:none;margin-bottom:0;padding-top:55px;box-shadow:0 0 25px rgba(0,0,0,.2),0 -78px 0 #18366b}.vip-wrapper .post .post__title h1{margin-top:0;margin-bottom:40px}.vip-wrapper .post .section__user-avatar{width:38px;height:38px}.vip-wrapper .post p{font-size:16px}.vip-wrapper .post ul{margin:0;list-style:none}.vip-wrapper .post a.user{border:none}.post.post--rank .post__header{padding:0}.animated{animation-duration:1s;animation-fill-mode:both}.fadeInUp{animation-name:fadeInUp}@keyframes articleScale{30%,70%{transform:scaleX(1) translateY(20px)}}@keyframes articleBodyScale{30%{transform:scaleY(1) translateY(0)}70%{transform:scaleY(1) translateY(0)}}@keyframes transformTags{20%{transform:translate(0)}80%{transform:translate(0)}}@keyframes rowScale{30%{transform:scaleX(0)}40%{transform:scaleX(1)}70%{transform:scaleX(0)}}@keyframes toggleCircle{20%{opacity:0}80%{opacity:0}}@keyframes toggleText{20%{transform:scaleY(0);height:0}80%{transform:scaleY(0);height:0}}@keyframes toggleArticleText{30%{opacity:1}70%{opacity:1}}@keyframes titleOpacity{30%{opacity:1}70%{opacity:1}}@keyframes slideLeft{to{transform:translateX(-180px)}}@keyframes fadeInUp{25%,80%{opacity:1;transform:translateY(20px)}to{opacity:0;transform:translateY(20px)}}@keyframes flyInRightLong{30%{opacity:0;transform:translate(100%)}40%,to{opacity:1;transform:none}}@keyframes flyInRight{40%{opacity:0;transform:translate(100%)}50%,to{opacity:1;transform:none}}@keyframes fadeOut{20%,4%{opacity:1}26%,to{opacity:0}}@keyframes fadeOutSpin{64%,94%{opacity:1}55%,to{opacity:0}}@keyframes pulse{20%,24%,28%,32%,36%,40%,44%{transform:translate(-50%,-50%) scaleX(1)}22%,26%,34%,42%{transform:translate(-50%,-50%) scale3d(1.06,1.06,1.06)}}@keyframes appearLeft{30%,40%,50%,80%{animation-timing-function:ease-in-out}10%,40%{opacity:1;transform:translate(-40%,10%) scale3d(.35,.35,.35) rotate(-10deg)}50%{opacity:0}}@keyframes appearTop{30%,40%,50%,80%{animation-timing-function:ease-in-out}10%,45%{opacity:1;transform:translate(5%,-43%) scale3d(.35,.35,.35) rotate(10deg)}50%{opacity:0}}@keyframes appearRight{30%,40%,50%,80%{animation-timing-function:ease-in-out}10%,40%{opacity:1;transform:translate(40%,16%) scale3d(.35,.35,.35) rotate(10deg)}50%{opacity:0}}@keyframes disappearLeft{30%,40%,50%,80%{animation-timing-function:ease-in-out}10%,30%{opacity:1;transform:translate(-40%,10%) scale3d(.35,.35,.35) rotate(-10deg)}40%{opacity:1;transform:translate(0) scale3d(0,0,0) rotate(0)}50%,to{opacity:0}}@keyframes disappearTop{30%,40%,50%,80%{animation-timing-function:ease-in-out}10%,30%{opacity:1;transform:translate(5%,-43%) scale3d(.35,.35,.35) rotate(10deg)}40%{opacity:1;transform:translate(0) scale3d(0,0,0) rotate(0)}50%,to{opacity:0}}@keyframes disappearRight{30%,40%,50%,80%{animation-timing-function:ease-in-out}10%,30%{opacity:1;transform:translate(40%,16%) scale3d(.35,.35,.35) rotate(10deg)}40%{opacity:1;transform:translate(0) scale3d(0,0,0) rotate(0)}50%,to{opacity:0}}.browser{height:300px;background:#fafafa;border-radius:3px;overflow:hidden;position:relative}.browser .content{position:absolute;height:calc(100% - 30px);bottom:0;left:0}@media only screen and (min-width:768px){.browser{height:400px}}.square{height:15px;border-radius:3px;background:#ededed;-ms-flex:1;flex:1;margin-right:10px}.content-mask{position:absolute;width:92%;height:100%;left:4%;overflow:hidden}.post-mockup{position:absolute;top:20px;opacity:0;transform:translateY(100%);transition:transform .3s ease}.article-mockup-container{margin:20px 0}.article-mockup,.post-mockup{width:260px;border-radius:5px}.article-mockup:before,.post-mockup:before{width:100%;height:100%;background:#fff;position:absolute;top:0;left:0;content:"";transition:transform .3s ease;transform:scaleY(1) translateY(0);box-shadow:0 4px 14px rgba(0,0,0,.1);border-radius:5px}.image-mockup{position:relative;height:110px;background-color:#3dd07d;border-radius:5px 5px 0 0;text-align:center;z-index:1;font-size:30px}.image-mockup>span{font-size:70px;line-height:110px;color:hsla(0,0%,100%,.6)}.text{display:none;position:relative;transform:scaleY(1);transform-origin:top left}.content-mockup{position:relative;margin:15px;transition:transform .3s ease;overflow:hidden}.title-mockup{margin:10px 0;opacity:1;transition:opacity .2s ease;position:relative}.article-mockup .meta{position:relative;padding-bottom:15px}.article-mockup .meta .circle{position:absolute;bottom:0;right:0;width:30px;height:30px;transition:opacity .3s ease;opacity:0}.date-mockup,.tags-mockup{margin-right:10px;width:50px;height:12px;display:inline-block;vertical-align:middle;transition:transform .3s ease;position:relative}.tags-mockup{background:#66da99;transform:translate(0)}.row-mockup{position:relative;margin-bottom:10px;display:-ms-flexbox;display:flex;transform-origin:top left}.row-mockup:first-of-type{transition:all .3s ease .3s}.row-mockup:nth-of-type(2){transition:all .3s ease .6s}.row-mockup:nth-of-type(3){transition:all .3s ease .9s}.row-mockup:nth-of-type(4){transition:all .3s ease 1.2s}.row-mockup:nth-of-type(5){transition:all .3s ease 1.5s}.row-mockup:nth-of-type(6){transition:all .3s ease 1.8s}.row-mockup:nth-of-type(7){transition:all .3s ease 2.1s}.row-mockup:nth-of-type(8){transition:all .3s ease 2.4s}.row-mockup:nth-of-type(9){transition:all .3s ease 2.7s}.row-mockup:nth-of-type(10){transition:all .3s ease 3s}.row-mockup .square:last-child{margin:0}.row-mockup:nth-of-type(2) .line-number{margin-right:40px}.row-mockup:nth-of-type(3) .line-number{margin-right:30px}.row-mockup:nth-of-type(4) .line-number{margin-right:20px}.row-mockup:nth-of-type(5) .line-number{margin-right:50px}.row-mockup:nth-of-type(6) .line-number{margin-right:40px}.row-mockup .line-number{width:20px;line-height:15px;color:#bababa}.circle{width:20px;height:20px;background:#e8e8e8;border-radius:50%}.circle.user{position:relative;display:inline-block;vertical-align:middle;background:#3dd07d}.votes-mockup{-ms-flex:none;flex:none;width:30px;background:#1da7da}.comment-mockup{transform:translateX(100%)}.comment-mockup:nth-of-type(2){padding-left:20px}.comment-mockup:nth-of-type(3){padding-left:40px}.comment-mockup .square{height:12px}.comment-user{position:relative;margin-bottom:10px}.article-text{position:relative;opacity:1}.buttons{width:10px;height:10px;border-radius:50%;background:#ff6860;margin:10px 0 10px 2px;display:inline-block}.buttons:nth-child(2){background:#f3ac00}.buttons:nth-child(3){background:#3dd07d}.bar{position:absolute;top:0;left:0;width:100%;height:30px;background:#ededed;padding:0 8px;z-index:2}.search-bar{display:inline-block;width:78%;height:20px;background:#fff;border-radius:3px;margin:10px 20px;display:none}#article-animation{width:880px;left:calc(50% - 440px)}#article-animation .article-mockup-container{position:relative;width:176px;transition:transform .5s ease-in}#article-animation .article-mockup-container:first-of-type{transform:translate(0)}#article-animation .article-mockup-container:nth-of-type(2){transform:translate(176px)}#article-animation .article-mockup-container:nth-of-type(3){transform:translate(352px)}#article-animation .article-mockup-container:nth-of-type(4){transform:translate(528px)}#article-animation .article-mockup-container:nth-of-type(5){transform:translate(704px)}#article-animation .article-mockup-container:nth-of-type(3){z-index:6}#article-animation .article-mockup{position:absolute;top:0;left:-42px;transform:scale3d(.6,.6,.6) translate(0)}#article-animation .article-mockup:before{transform:scaleY(.7) translateY(-30px);box-shadow:0 4px 14px rgba(0,0,0,.1)}#article-animation .text{display:block;overflow:hidden;height:48px}#article-animation .meta .circle{opacity:1}#article-animation .article-text{opacity:0}#article-animation .article-text .row-mockup{transform:scaleX(0)}#article-animation.animated .article-mockup-container:nth-of-type(3) .article-mockup{animation:articleScale 3s}#article-animation.animated .article-mockup-container:nth-of-type(3) .article-mockup:before{animation:articleBodyScale 3s}#article-animation.animated .article-mockup-container:nth-of-type(3) .text{animation:toggleText 3s}#article-animation.animated .article-mockup-container:nth-of-type(3) .meta .circle{animation:toggleCircle 3s}#article-animation.animated .article-mockup-container:nth-of-type(3) .article-text{animation:toggleArticleText 3s}#article-animation.animated .article-mockup-container:nth-of-type(3) .article-text .row-mockup{transform:scaleX(1)}#article-animation.animated .article-mockup-container:nth-of-type(3) .title-mockup{animation:titleOpacity 3s}#author-loader-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;opacity:0}#author-animation,#sign-up-animation{position:relative;width:260px;margin:30px auto 0;padding:40px 0}#author-animation #author-loader,#sign-up-animation #author-loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#1da7da;z-index:1001}#author-animation #author-loader:before,#sign-up-animation #author-loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#ff6860;animation:spin 3s linear infinite}#author-animation #author-loader:after,#sign-up-animation #author-loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#f3ac00;animation:spin 1.5s linear infinite}#author-animation .user-avatar,#sign-up-animation .user-avatar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;z-index:10}#author-animation.animated #author-loader,#sign-up-animation.animated #author-loader{animation:spin 2s linear infinite}#author-animation .article-mockup-container{position:absolute;opacity:0;transform:translate(0) scale3d(0,0,0) rotate(0)}#author-animation.animated #author-loader-wrapper{animation:fadeOut 8s infinite}#author-animation.animated .user-avatar{animation:pulse 8s infinite}#author-animation.animated .article-mockup-container:first-of-type{animation:appearLeft 8s infinite;animation-delay:1.8s}#author-animation.animated .article-mockup-container:nth-of-type(2){animation:appearTop 8s infinite;animation-delay:2.5s}#author-animation.animated .article-mockup-container:nth-of-type(3){animation:appearRight 8s infinite;animation-delay:3.2s}#sign-up-animation .article-mockup-container{position:absolute;opacity:1}#sign-up-animation .article-mockup-container:first-of-type{transform:translate(-115%,60%) scale3d(.35,.35,.35) rotate(-15deg)}#sign-up-animation .article-mockup-container:nth-of-type(2){transform:translate(5%,-100%) scale3d(.35,.35,.35) rotate(15deg)}#sign-up-animation .article-mockup-container:nth-of-type(3){transform:translate(110%,70%) scale3d(.35,.35,.35) rotate(15deg)}#sign-up-animation.active #author-loader{animation:spin 2s linear infinite}#sign-up-animation.active #author-loader-wrapper{animation:fadeOutSpin 8s infinite}#sign-up-animation.active .user-avatar{animation:pulse 8s infinite;animation-delay:.65s}#sign-up-animation.active .article-mockup-container:first-of-type{animation:disappearLeft 8s infinite}#sign-up-animation.active .article-mockup-container:nth-of-type(2){animation:disappearTop 8s infinite;animation-delay:.7s}#sign-up-animation.active .article-mockup-container:nth-of-type(3){animation:disappearRight 8s infinite;animation-delay:1.4s}.nav--side .label{font-weight:700;text-transform:uppercase}textarea.newsletter-textarea::-webkit-scrollbar{width:5px}textarea.newsletter-textarea::-webkit-scrollbar-track{background:#fff}textarea.newsletter-textarea::-webkit-scrollbar-thumb{background:#bababa}textarea.newsletter-textarea::-webkit-scrollbar-thumb:window-inactive{background:hsla(0,0%,39%,.4)}.admin-panel-visible{transform:translateX(100px)!important}.admin-panel-toggler{position:absolute;top:50%;left:1em;transform:translateY(-50%);font-size:1.5em;color:#747474;cursor:pointer;display:none}@media only screen and (min-width:1170px){.admin-panel-toggler{display:block}}.nav--side{position:fixed;z-index:11;left:0;top:0;width:100%;padding:78px 0 0;background-color:#2c3136;visibility:hidden;opacity:0;max-height:100vh;overflow:hidden;transform:translateX(-100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:transform .3s}.nav--side.visible{transform:translateX(0)}.nav--side>ul{padding:.6em 0}.nav--side>ul:last-of-type{padding-bottom:0}.nav--side .label,.nav--side a{display:block;padding:1em 5%}.nav--side .label{font-size:1rem;color:#656a70;letter-spacing:.1em}.nav--side a{position:relative;color:#fff;font-size:1.4rem}.nav--side ul.top-nav>li:last-of-type>a{border-bottom:none}.nav--side>ul>li>a{padding-left:calc(5% + 24px);border-bottom:1px solid #373d44}.nav--side>ul>li>a:before{content:"";font-family:Simple-Line-Icons;font-size:16px;line-height:0;color:#fff;position:absolute;left:5%;width:18px;height:18px}.nav--side>ul>li.articles>a:before{content:""}.nav--side>ul>li.flagged>a:before{content:""}.nav--side>ul>li.tags>a:before{content:""}.nav--side>ul>li.awards>a:before{content:""}.nav--side>ul>li.images>a:before{content:""}.nav--side>ul>li.users>a:before{content:""}.nav--side>ul>li.comments>a:before{content:""}.nav--side>ul>li.newsletter>a:before{content:""}.nav--side .count{position:absolute;top:50%;bottom:auto;transform:translateY(-50%);padding:.2em .4em;background-color:#ff6860;border-radius:.25em;color:#fff;font-weight:700;font-size:1.2rem;text-align:center}@media only screen and (min-width:768px){.nav--side{width:100px;min-height:100vh;visibility:visible;opacity:1;overflow:visible;max-height:none}.nav--side.nav--visible{box-shadow:none}.nav--side.is-fixed{position:fixed}.nav--side>ul{padding:0}.nav--side .label{display:none}.nav--side a{font-size:1.2rem;text-align:center}.nav--side>ul>li>a{padding:calc(2.2em + 24px) 0 2.4em}.nav--side>ul>li>a:before{left:50%;right:auto;transform:translateX(-50%);top:2.4em}.nav--side .active>a{box-shadow:inset 3px 0 0 #1da7da;background-color:#33383e}.nav--side .count{width:8px;height:8px;border-radius:50%;box-shadow:0 0 6px rgba(0,0,0,.2);padding:0;top:2em;transform:translateX(-50%);left:calc(50% + 5px);right:auto;color:transparent}}.has-children ul{position:relative;width:100%;display:none;background-color:#1c1f22}.has-children>a:after{position:absolute;right:5%;content:"";width:16px;height:16px;top:50%;bottom:auto;transform:translateY(-50%)}.has-children.selected>ul{display:block}.has-children.selected>a:after{transform:translateY(-50%) rotate(180deg)}@media only screen and (min-width:768px){.has-children{position:relative}.has-children ul{position:absolute;top:0;left:100%;width:160px;padding:0;box-shadow:0 2px 10px rgba(0,0,0,.3)}.has-children ul a{text-align:left;border:none;padding:1em}.no-touch .has-children ul a:hover{color:#1da7da}.has-children>a:after{display:none}.nav--side .has-children.selected>a{background-color:#33383e}.top-nav .has-children{position:relative;background-color:#2c3136}.top-nav .has-children>a{height:100%;padding:0 calc(1.8em + 22px) 0 calc(1.8em + 26px)!important;line-height:78px}.top-nav .has-children>a:after{display:block;right:1.8em}.top-nav .has-children ul{background-color:#1c1f22;width:200px;top:100%;right:0;left:auto;box-shadow:0 1px 10px rgba(0,0,0,.2)}.top-nav .has-children ul a{padding-left:18px!important}}.section__remove-ban{display:inline-block;margin-left:50px}.section__remove-ban button{width:auto;font-weight:400;color:#ff6860}.section__all-comments .all-comments-page__comment{padding:10px;margin-bottom:20px;position:relative}.section__all-comments .all-comments-page__comment.flagged{background-color:#fae0e0}.section__all-comments .all-comments-page__comment a.comment-is-reply{margin-bottom:10px;display:block;text-decoration:underline}.section__all-comments .all-comments-page__comment .image-wrapper{display:inline-block}.section__all-comments .all-comments-page__comment .comment__delete{position:absolute;top:10px;right:20px}textarea.newsletter-textarea{height:200px}.container-fluid.real-fluid{max-width:none}#article-body-editor-container{width:100%}.monaco-editor .inputarea{position:fixed!important;top:0!important;left:0!important}.section.add-anchor .insert__anchor{width:auto;display:inline-block;margin-right:25px;padding:5px 8px}.section.add-anchor .checkbox #open-new-tab{width:auto;height:auto}.section.add-anchor input#anchor-url{margin-top:10px;padding:.2em}.comment__edit,.comment__form,.comment__form--main{font-size:14px}.comment__edit .editor-container,.comment__form .editor-container,.comment__form--main .editor-container{border:2px solid #ededed;padding:1em}.text-modifiers .btn{display:inline-block;width:auto;color:#929292;font-size:16px;font-weight:700;text-transform:none;min-width:0}.text-modifiers .btn.make-bold span{font-weight:700}.text-modifiers .btn.make-italic span{font-style:italic}.text-modifiers .btn.make-underlined{text-decoration:underline}.text-modifiers .btn:hover{color:#1da7da}.text-modifiers .btn span{padding:.2em}.section.text-modifiers .btn{min-width:100px}.webappstudio-animation{display:none;position:relative;margin:40px auto 0;padding:75px 0 30px;max-width:778px;height:550px;overflow:hidden;border-radius:5px;background:linear-gradient(135deg,#d356ef,#3d16ca);background:linear-gradient(135deg,#bb05ff,#471ce4);box-sizing:content-box;color:#fff;box-shadow:4px 4px 10px #eee}@media only screen and (min-width:768px){.webappstudio-animation{display:block}}.webappstudio-animation>a{position:absolute;text-decoration:none;width:100%;height:100%;top:0;left:0;z-index:20;border:none!important}.webappstudio-animation .limiter{position:relative;max-width:570px;margin:0 auto;text-align:center;z-index:1}.webappstudio-animation .limiter h6{font-size:38px;margin:0}.webappstudio-animation .limiter h6,.webappstudio-animation .limiter p{font-weight:400;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.15)}.webappstudio-animation .limiter p{font-size:20px;line-height:30px;max-width:480px;margin:25px auto 40px!important}.webappstudio-animation .limiter a{border-radius:60px;text-decoration:none;background:linear-gradient(90deg,#ff40d6,#f932c7);background:linear-gradient(105deg,#ff40aa 49%,#fd8282);box-shadow:2px 3px 6px rgba(0,0,0,.1);width:130px;text-transform:uppercase;font-weight:700;height:36px;color:#fff;font-size:14px;line-height:20px;text-align:center;border:none;padding:13px 28px 12px}.webappstudio-animation .background-polygon{width:940px;height:500px;background-color:hsla(0,0%,100%,.1);position:absolute;top:340px;left:-130px;transform:rotate(20deg);mix-blend-mode:overlay}.webappstudio-animation .background-circle{position:absolute;top:-150px;width:250px;height:250px;right:-110px;border:25px solid rgba(253,124,133,.1);border-radius:50%}.webappstudio-animation .background-circle--sm{position:absolute;bottom:50px;width:70px;height:70px;left:-20px;border:25px solid rgba(253,124,133,.2);border-radius:50%}.animation{height:400px;position:relative;margin:70px auto 0}.animation .droppable{position:absolute;top:0;left:0;width:55px;height:43px;border-radius:4px;background:hsla(0,0%,100%,.3);background:linear-gradient(135deg,#3a9af5,#21a2bf);background:linear-gradient(135deg,#57e0ff,#0fe)}.animation .browser{position:absolute;top:0;left:5%;border-radius:3px;width:90%;height:320px;font-size:.6em;background:#320786;background:rgba(3,3,6,.6);box-shadow:0 -2px 10px rgba(0,0,0,.2);overflow:visible;padding:50px 50px 10px}.animation .browser .browser__buttons{background-color:#fb33c9;position:absolute;width:10px;height:10px;border-radius:50%;left:10px;top:8px;box-shadow:30px 0 0 #dab428,15px 0 0 #1ab35b}.animation .browser .browser__content{position:relative;height:100%}.animation .box{position:absolute;bottom:180px;right:223px;width:145px;height:120px}.animation .body-drop,.animation .column-drop,.animation .header-drop{opacity:0}.animation .column-drop:after,.animation .column-drop:before{content:"";width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;background:inherit;border:inherit;border-radius:inherit}.animation .cursor{opacity:0;position:absolute;top:-120px;left:-190px;width:40px;height:20px!important;font-size:16px}.animation.active .header-drop{animation:workflow-header-drop 12s infinite}.animation.active .body-drop{animation:workflow-body-drop 12s infinite}.animation.active .column-drop{animation:workflow-column-drop 12s infinite}.animation.active .column-drop:after,.animation.active .column-drop:before{animation:workflow-column-drop-before 12s infinite}.animation.active .column-drop:after{animation:workflow-column-drop-after 12s infinite}.animation.active .cursor{opacity:1;animation:workflow-cursor 12s infinite}@keyframes workflow-header-drop{0%{transform:translate(700px,135px)}6%{transform:translate(680px)}12%{transform:translate(150px);width:55px;height:43px}14%,96%{transform:translate(0);width:100%;height:35px;opacity:.6}to{transform:translate(0);width:100%;height:35px;opacity:0}}@keyframes workflow-body-drop{0%,24%{transform:translate(700px,135px)}30%{transform:translate(680px)}36%{transform:translate(150px,80px);width:55px;height:43px}38%,96%{transform:translateY(45px);width:100%;height:120px;opacity:.6}to{transform:translateY(45px);width:100%;height:120px;opacity:0}}@keyframes workflow-column-drop{0%,48%{transform:translate(700px,135px)}54%{transform:translate(680px)}60%{transform:translate(150px,200px);width:55px;height:43px}62%,96%{transform:translateY(175px);width:32%;height:70px;opacity:.6}to{transform:translateY(175px);width:32%;height:70px;opacity:0}}@keyframes workflow-cursor{0%,24%,48%,80%,to{transform:translate(900px,275px) scaleX(-1)}18%,30%,42%,54%,6%,66%{transform:translate(880px,140px) scaleX(-1)}12%,13%{transform:translate(350px,140px) scaleX(-1)}36%,37%{transform:translate(350px,220px) scaleX(-1)}60%,61%{transform:translate(350px,340px) scaleX(-1)}}@keyframes workflow-column-drop-before{60%{transform:translate(0);opacity:0}62%,96%{transform:translate(107%);opacity:1}to{transform:translate(107%);opacity:0}}@keyframes workflow-column-drop-after{60%{transform:translate(0);opacity:0}62%,96%{transform:translate(214%);opacity:1}to{transform:translate(214%);opacity:0}}.devawesome-ad{display:none;position:relative;margin:40px auto 0;padding:40px 0;max-width:778px;height:410px;overflow:hidden;border-radius:5px;background:linear-gradient(#202122,#3737a7);box-sizing:content-box;color:#fff;box-shadow:4px 4px 10px #eee}@media only screen and (min-width:768px){.devawesome-ad{display:block}}.devawesome-ad>a{text-decoration:none;left:0;z-index:20;border:none!important}.devawesome-ad .world,.devawesome-ad>a{position:absolute;width:100%;height:100%;top:0}.devawesome-ad .world{background:url(/images/world.svg) top no-repeat;background-size:cover;opacity:.08;overflow:hidden;pointer-events:none}.devawesome-ad .limiter{position:relative;max-width:620px;margin:0 auto;text-align:center;z-index:1}.devawesome-ad h2.logo{font-family:Montserrat,sans-serif;font-weight:700;color:#fff;font-size:36px;margin-bottom:0}.devawesome-ad h2:before{content:"// ";color:#ed2164}.devawesome-ad p{font-family:"Open Sans",sans-serif;font-size:19px}.devawesome-ad a.btn{background:#ee0f79!important;border:0;font-size:16px;padding:12px 18px;color:#fff;max-width:200px}.devawesome-ad-animation{height:600px;padding-top:40px}.devawesome-ad-animation .limiter{max-width:660px}.devawesome-ad-animation .browser{margin:30px auto 0;max-width:400px}@media only screen and (min-width:768px){.devawesome-ad-animation .browser{height:300px}}.devawesome-ad-animation .bar{text-align:left;height:20px}.devawesome-ad-animation .bar .buttons{width:8px;height:8px;border-radius:50%;background:#ff6860;margin:6px 0 10px 2px;display:inline-block}.devawesome-ad-animation .bar .buttons:nth-child(2){background:#f3ac00}.devawesome-ad-animation .bar .buttons:nth-child(3){background:#3dd07d}.devawesome-ad-animation .articles{position:relative;top:-50px}.devawesome-ad-animation .call-to-action{text-align:center}.devawesome-ad-animation .call-to-action h2.logo{font-size:32px;margin-top:35px}.devawesome-ad-animation .call-to-action p{font-size:19px;max-width:350px;margin:19px auto 29px}footer .second-line{display:block}}.list-inline>li{padding:0 7px}.inline-editor .toolbar span{font-weight:700;text-transform:uppercase}.inline-editor{border:1px solid #d5d5d5;box-shadow:0 1px 1px #eee;position:relative;height:400px;border-radius:2px;margin-bottom:1.5em;overflow:hidden;clear:left}.inline-editor pre{display:none}.inline-editor .toolbar{position:absolute;top:0;right:0;left:0;padding:10px;line-height:1;background-color:#e6e6e6;background-image:linear-gradient(top,#ebebeb,#e3e3e3);border-bottom:1px solid #d5d5d5;box-shadow:0 1px 1px rgba(0,0,0,.1);z-index:10;border-radius:2px 2px 0 0}.inline-editor .toolbar span{display:inline-block;margin-right:5px;padding:8px 16px;font-size:12px;text-align:center;border:1px solid #d2d2d2;background-color:hsla(0,0%,100%,.15);cursor:pointer;border-radius:3px;box-shadow:0 1px 1px hsla(0,0%,100%,.3);position:relative}.inline-editor .toolbar span.active{background-color:#fff;cursor:default;box-shadow:0 1px 1px rgba(0,0,0,.03)}.inline-editor .toolbar span.locked{text-indent:14px}.inline-editor .toolbar span.locked:before{content:"";position:absolute;top:12px;left:10px;width:12px;height:8px;border-radius:1px;background-color:#888}.inline-editor .toolbar span.locked:after{content:"";position:absolute;top:7px;left:12px;width:4px;height:5px;border:2px solid #888;border-radius:50%;box-sizing:content-box}.inline-editor .toolbar .reset{width:18px;height:21px;position:absolute;top:13px;right:15px;cursor:pointer;opacity:.6}.inline-editor .toolbar .reset:before{content:"\e099";font-family:simple-line-icons;font-size:20px;font-weight:700;color:#747474}.inline-editor .toolbar .reset:hover{opacity:.75}.inline-editor .ace_editor{position:absolute;top:50px;bottom:0;left:0;width:100%;white-space:pre;font-size:13px}.inline-editor .result{position:absolute;top:100%;left:0;width:100%;height:100%;background-color:#fff;border-radius:2px;z-index:20}.inline-editor .result iframe{position:absolute;top:0;left:0;width:100%;border-radius:2px 2px 0 0;border-bottom:1px solid #ddd}.inline-editor .result .inline-log{position:absolute;right:115px;bottom:0;left:0;font-size:14px;height:65px;margin:10px 10px 10px 15px;overflow-y:auto;overflow-x:hidden;color:#666}.inline-editor .result .inline-log::-webkit-scrollbar{width:5px}.inline-editor .result .inline-log::-webkit-scrollbar-track{background:#fff}.inline-editor .result .inline-log::-webkit-scrollbar-thumb{background:#bababa}.inline-editor .result .inline-log::-webkit-scrollbar-thumb:window-inactive{background:hsla(0,0%,39%,.4)}.inline-editor .result .error{color:#c22;font-size:12px;margin-bottom:2px}.inline-editor .result .fail,.inline-editor .result .success{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fcfcfc;z-index:10}.inline-editor .result .fail:before,.inline-editor .result .success:before{content:"✓";position:absolute;top:50%;left:50%;width:120px;height:120px;border-radius:50%;background-color:#90c27f;margin:0 0 0 -60px;color:#fff;font-size:100px;text-align:center;line-height:120px;opacity:.5;margin-top:-100px}.inline-editor .result .fail i,.inline-editor .result .success i{display:block;font-size:12px;color:#999;line-height:1.4}.inline-editor .result .fail span,.inline-editor .result .success span{position:absolute;top:50%;right:0;bottom:0;left:0;display:block;text-align:center;font-size:22px;margin-top:35px;width:100%}.inline-editor .result .fail:before{content:"×";background-color:#e14e36;line-height:124px}.inline-editor .btn{position:absolute;right:20px;bottom:20px;font-size:14px;z-index:10}pre{font-size:.8em;font-family:monospace;margin-bottom:1.5em;word-wrap:normal;position:relative;clear:left}.ace-tomorrow{background-color:#fff;color:#191919}.ace_editor{overflow:hidden;font:12px/normal Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;direction:ltr;text-align:left}div.ace_gutter-cell.ace_info,div.ace_gutter-cell.ace_warning{background-image:none}.icon span{font-weight:700;text-transform:uppercase}.icon{position:relative;font-family:Simple-Line-Icons;font-size:1em;color:#fff;background-color:#1da7da}.icon:before{text-align:center}.icon--user:before{content:""}.icon--lock:before{content:""}.icon--sing-in:before{content:"";position:absolute;left:-1.5em}.icon--google:before{content:"Õ";position:absolute;left:-1.5em}.icon--text:before{content:""}.icon--link:before{content:""}.icon span{font-family:Lato;background-color:transparent}.social-icons,.social-icons a{text-align:center}.social-icons a{margin:0 4px;display:inline-block;width:40px;height:40px;font-family:Simple-Line-Icons;font-size:1.5em;line-height:40px;margin-right:1px;border:2px solid #1da7da;border-radius:50%;color:#fff;border-color:#fff}.social-icons a.facebook:before{content:""}.social-icons a.twitter:before{content:""}.social-icons a.rss:before{content:""}.social-icons a:hover{opacity:1}.icon-success{color:#3dd07d;border-color:#3dd07d}.icon-success:hover{color:#fff;background-color:#3dd07d}.icon-danger{color:#ff6860;border-color:#ff6860}.icon-danger:hover{color:#fff;background-color:#ff6860}.icon-form,.icon-shadow{box-shadow:0 1px 1px #ddd}.icon-form{position:relative;display:block;color:#fff;font-size:30px;width:80px;height:80px;background-color:#1da7da;line-height:80px;border-radius:50%;top:-40px;left:50%;transform:translateX(-50%)}@media only screen and (min-width:768px){.icon-form{position:absolute}}.image{background-size:cover;background-repeat:no-repeat;background-position:50%}.image__container{position:relative;display:inline-block;margin:.5em}.image{background-color:#fff;margin-bottom:.5em}.image.normal{width:350px;height:200px}.image.small{width:115px;height:80px}.image__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:5;line-height:80px;text-align:center;transition:background-color .1s ease}.image__overlay:hover{background-color:hsla(0,0%,100%,.3)}.image__overlay:hover .image__insert{display:block}.image__insert{display:none}.image__insert .fa-stack{color:#fff;font-size:30px;cursor:pointer;transition:transform .1s ease-in}.image__insert .fa-stack:hover{transform:scale(1.2)}.image__insert i{text-shadow:1px 1px 15px #000}.buttons .btn{float:right}#illustration-preview{display:none;-ms-flex-item-align:stretch;align-self:stretch;width:400px;padding:20px;background:#ededed}#illustration-preview .image__name{margin-bottom:30px;font-weight:700}#illustration-preview .image__preview{margin:0 auto;width:100%;height:300px;background-color:transparent;background-size:contain}.modal .image-section{display:-ms-flexbox;display:flex}.modal .image-section .image-panel{-ms-flex:1;flex:1;max-height:70vh;overflow-y:auto}.divider{position:relative;margin:2em 0;border-bottom:1px solid #ddd;text-align:center}.divider:before{content:attr(data-divider);position:absolute;top:-10px;padding:0 10px;background-color:#fff;left:50%;right:auto;transform:translateX(-50%)}.post,.profile__header,.section{margin:0 0 1em;background-color:#fff}.comments__container{background:#fff}.comments__container h3{font-size:20px;font-weight:700;display:inline-block;vertical-align:middle}.comments__container .comment__count{display:inline-block;margin-top:-1px;padding:5px 8px 2px;color:#3dd07d;font-size:13px;line-height:1;border-radius:40px;border:1px solid #3dd07d}.comments__container .btn-login{margin-right:10px}.comments__container .dropdown--sort-comments .btn{color:#747474;padding-left:0;vertical-align:middle}.comment__message p{display:inline-block;font-style:italic;font-size:14px}.comment__message-hidden+.comment__children{display:none}@media only screen and (min-width:768px){.comment__message{padding-left:56px}}.comment__container{clear:both;font-size:16px;margin:14px 0 0}.comment__container .comment__wrapper{border-radius:3px;padding-left:5px;display:block}@media only screen and (min-width:768px){.comment__container .comment__wrapper{width:100%}}.comment__container.own-comment>.comment__wrapper{border:1px dashed #1da7da;padding-top:1em;padding-left:1em}.comment__container:target{border:1px dashed #f3ac00;padding:1em}.comment__children{padding-left:1em;border-left:2px solid #ededed}@media only screen and (min-width:768px){.comment__children{padding-left:1.5em}}.comment__add{padding:1em 0;margin-top:1em;margin-bottom:3em;border-bottom:1px solid #ededed}.collapsed>.comment__user{background:#f5f5f5}.comment__user-badge .badges{display:inline-block;margin-left:3px}.badge{color:#fff;font-weight:700;text-align:center;padding:2px 6px;border:1px solid;border-radius:40px;background:0 0}.badge:after{content:attr(data-type)}.badge:empty{display:inline-block}.badge--editor,.badge--vip{font-size:10px;margin-left:3px}.badge--big{font-size:13px;padding:4px 8px}.badge--vip{color:#f3ac00;border-color:#f3ac00}.badge--editor{color:#1da7da;border-color:#1da7da}.badge:first-child{margin-left:0}.author-badge:after{content:none}.admin-badge{font-size:10px;color:#ff6860;border-color:#ff6860;margin-left:5px}.author-badge{color:#fff;border-color:#1da7da;background-color:#1da7da}.comment__user{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;color:#343434;font-size:14px;font-weight:700;border-radius:3px;cursor:pointer;padding:5px 0 5px 50px}.comment__user:hover{background:#f5f5f5}.comment__user a{font-weight:inherit}.comment__user .image-wrapper{position:absolute;left:6px;top:8px}@media only screen and (min-width:768px){.comment__user .image-wrapper{display:block;top:9px;width:35px}}.comment__user .dropdown{float:right;margin-right:5px;height:30px}.comment__user .dropdown-toggle{width:30px;height:30px;position:relative;text-align:center;border-radius:50%}.comment__user .dropdown-toggle:focus,.comment__user .dropdown-toggle:hover{background-color:rgba(0,0,0,.05)}.comment__user .dropdown-toggle i{position:absolute;top:50%;transform:translateY(-50%)}@media only screen and (min-width:768px){.comment__user{padding-left:40px;font-size:16px}.comment__user .user-name--left{line-height:30px}}.comment__user time{display:block;font-size:13px;font-weight:400;color:#bababa}@media only screen and (min-width:768px){.comment__user{margin-left:0;-ms-flex-align:center;align-items:center}.comment__user time{display:inline-block;margin-left:5px}}.comment__user .user-name--left{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width:768px){.comment__user .user-name--left{-ms-flex:none;flex:none;overflow:visible}}.comment__user .comment__user-badge{display:-ms-flexbox;display:flex}.comment__user .comment__user-badge a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width:768px){.comment__user .comment__user-badge{display:inline-block}}.author-badge{line-height:1.2}.comment__user-avatar{width:32px;height:32px;background-image:url(https://tutorialzine.com/images/default-user-icon-profile.png);box-shadow:1px 1px 2px rgba(0,0,0,.15);background-color:#ededed}@media only screen and (min-width:768px){.comment__user-avatar{width:24px;height:24px}}@media only screen and (min-width:768px){.comment__user-name{line-height:36px}}.comment__right{display:inline}@media only screen and (min-width:768px){.comment__right{display:block}}.comment__text{margin:.5em 0 0;border-radius:.3em}.comment__text,.editor-preview,.post__body{font-size:16px;overflow:hidden}.comment__text ul,.editor-preview ul,.post__body ul{list-style:disc}.comment__text ol,.comment__text ul,.editor-preview ol,.editor-preview ul,.post__body ol,.post__body ul{margin-left:18px;margin-bottom:.5em}.comment__text ol li,.comment__text ul li,.editor-preview ol li,.editor-preview ul li,.post__body ol li,.post__body ul li{display:list-item}.comment__text pre,.editor-preview pre,.post__body pre{padding:15px 20px}.comment__text img,.editor-preview img,.post__body img{max-width:100%}.comment__text blockquote,.editor-preview blockquote,.post__body blockquote{position:relative;padding:15px 0 15px 20px;margin-bottom:20px;color:#aaa;font-style:italic;border-left:2px solid #ededed}.comment__footer{position:relative;font-size:14px}.comment__footer a{color:#bababa}.comment__footer a:active,.comment__footer a:focus,.comment__footer a:hover{color:#1da7da}.comment__links{display:inline-block}.comment__rating,.divider-dot{color:#bababa}.divider-dot{display:inline;font-weight:700}.divider-dot:after{content:"\b7";margin:0 .3em}.ratings__form--votes--flags{color:inherit}.ratings__form--votes>button{background-color:transparent;border:none;cursor:pointer;position:relative;width:20px}.ratings__form--votes>button i{position:relative;top:-10px;border-top-color:#1da7da;transition:opacity .25s ease-in}.ratings__form--votes>button .votes-text{color:inherit;position:absolute;top:17px;width:100%;height:auto;text-align:center;transition:top .25s ease-in}.comments__container .votes--up.active .caret{border-top-color:#3dd07d}.comments__container .votes--up .caret{margin-top:-4px}.comments__container .votes--down.active .caret{border-top-color:#ff6860}.comments__container .votes--down .caret{margin-top:-4px}.comments__container .votes-text.positive{color:#3dd07d}.comments__container .votes-text.negative{color:#ff6860}.post__votes button{width:100%;height:100%;text-align:center}.post__votes .active.votes--up i{opacity:0}.post__votes .active.votes--up .votes-text{top:8px}.post__votes .active.flags__submit,.post__votes .active.votes--down{color:#ff6860}.post__votes .active.flags__submit i,.post__votes .active.votes--down i{color:inherit}.article__share .active.votes--up,.article__share--bottom .active.votes--up{background-color:#1da7da;border-color:#1da7da}.article__share .active.votes--up .votes-text,.article__share--bottom .active.votes--up .votes-text{color:#fff}.article__share .active.votes--up .caret,.article__share--bottom .active.votes--up .caret{border-top-color:#fff}.btn-delete{background-color:transparent;border:none;cursor:pointer;padding:0}.btn-delete:focus,.btn-delete:hover{outline:0;text-decoration:underline}.hidden-negative-comment.comment__container{display:none}.toggle-negative-comment{display:block;color:#aaa;background-color:#f2f2f2;line-height:1.8;margin-top:20px}.toggle-negative-comment:focus,.toggle-negative-comment:focus:active,.toggle-negative-comment:hover{color:#aaa;background-color:#f2f2f2;text-decoration:none}.comments--legacy .comment__container{margin-bottom:30px}.page--profile .list-group-item{padding:0 10px 20px;margin-bottom:20px;border-bottom:1px solid #ededed}.page--profile .list-group-item:last-of-type{padding-bottom:0;margin-bottom:0;border-bottom:none}.list-group .comment__container{margin:0}.login-card{padding-bottom:2em}.challenge-editor{display:none;background-color:#485155;position:fixed;bottom:0;width:950px;height:50px;left:200px;z-index:25;border-radius:1px 1px 0 0;box-shadow:0 -1px 1px rgba(0,0,0,.1);color:#fff;border-top-left-radius:3px;border-top-right-radius:3px}@media only screen and (min-width:768px){.challenge-editor.visible{display:block}}.challenge-editor .logo{font-size:18px;line-height:1;position:absolute;top:15px;left:24px}.challenge-editor .score{position:absolute;top:8px;left:50%;font-size:26px;font-weight:700;text-align:center;width:100px;margin-left:-50px}.challenge-editor .sharing-button{position:absolute;top:9px;right:12px;background-color:#3dd07d;padding:8px 16px;border:none}.challenge-editor .sharing-button span{display:none;bottom:0;left:0;position:absolute;width:100%;height:170px;background-color:#596469;z-index:1;border-radius:3px}.challenge-editor .sharing-button span a{display:block;background-color:#fff;margin:12px 15px 0;text-align:center;text-indent:0;text-decoration:none;color:#fff!important;border:none}.challenge-editor .sharing-button span .twitter{background-color:#5babcd}.challenge-editor .sharing-button span .facebook{background-color:#408ad0}.challenge-editor .sharing-button span .gplus{background-color:#df463f}.challenge-editor .sharing-button:hover span{display:block}.article__body .quiz{color:#65767c;background-color:#f2f8fc;border-top:4px solid #cfdbe3;display:none;clear:left;margin-bottom:1.5em}.article__body .quiz .question{text-align:center;font-size:18px;color:#4a585d;max-width:90%;margin:0 auto}.article__body .quiz .question img{max-width:100%;box-shadow:0 1px 2px rgba(0,0,0,.1);border:1px solid #d3d3d3;border-radius:2px;margin:25px auto 0;display:block}.article__body .quiz .quiz-panel{display:none;overflow:hidden;padding-bottom:50px}.article__body .quiz .quiz-panel>h3{margin:60px 0 30px}.article__body .quiz .quiz-panel input{margin:0 8px 0 0;vertical-align:middle;box-shadow:none}.article__body .quiz .quiz-panel span{vertical-align:middle}.article__body .quiz .bottom{padding-bottom:60px;text-align:center}.article__body .quiz .btn{position:relative}.article__body .quiz .btn.fail:before,.article__body .quiz .btn.success:before{content:"✓";width:36px;height:36px;border-radius:50%;background-color:#90c27f;position:absolute;top:1px;color:#fff;left:-60px;font-size:24px;text-align:center;line-height:36px;font-weight:400}.article__body .quiz .btn.fail:before{content:"×";background-color:#e14e36}.article__body .quiz .quiz-progress{font-size:14px;padding-top:15px}.article__body .quiz h3{font-size:28px;text-align:center;margin:60px 0 30px}.article__body .quiz ul{list-style:none;width:80%;margin:50px auto 0;max-width:400px}.article__body .quiz ul li{background-color:#fff;border:1px solid #c8d2d6;box-shadow:0 1px 1px rgba(0,0,0,.08);border-radius:2px}.article__body .quiz ul li.right{background-color:#b8e7a6;border-color:#89cc6e;color:#516648}.article__body .quiz ul li.wrong{background-color:#ff8d96;border-color:#e36f6f;color:#96474e}.article__body .quiz ul li label{display:block;cursor:pointer;line-height:24px;padding:11px 17px}.article__body .quiz [data-type=finish] h4{text-align:center;font-size:18px;margin-top:0;margin-bottom:24px;font-weight:400;font-style:italic}.article__body .quiz [data-type=finish] .share-quiz{width:220px;margin:115px auto 10px;position:relative;text-align:center;height:36px;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.article__body .quiz [data-type=finish] .share-quiz a{width:90px;height:90px;display:inline-block;margin:0 8px;margin-top:-70px;color:#fff;font-size:40px;line-height:90px;border-radius:50%;border:1px solid #fff;box-shadow:0 1px 1px rgba(0,0,0,.1)}.article__body .quiz [data-type=finish] .share-quiz a.icon-social-facebook{border-color:#4e71a8;background-color:#4e71a8}.article__body .quiz [data-type=finish] .share-quiz a.icon-social-twitter{border-color:#1cb7eb;background-color:#1cb7eb}.article__body .quiz [data-type=finish] p.result{background-color:#fff;width:360px;padding:24px;text-align:center;font-size:24px;margin:0 auto 80px;box-shadow:0 1px 1px rgba(0,0,0,.1);color:#87989e}.article__body .quiz [data-type=finish] p.result b{color:#65767c}.code-tabs .tabs div{font-weight:700;text-transform:uppercase}.code-tabs{position:relative}.code-tabs .tabs div{display:inline-block;background-color:#f8f8f8;padding:7px 18px;cursor:pointer;min-width:60px;text-align:center;border:1px solid transparent;border-bottom:none;font-size:12px}.code-tabs .tabs div.active{cursor:default;background-color:#fff!important;border-color:#e4e4e4;border-bottom:1px solid #fff;margin-bottom:-1px;z-index:1;position:relative}.code-tabs pre{display:none;border-top:1px solid #e4e4e4}.code-tabs pre.active{display:block}.code-tabs .btn.run{position:absolute;bottom:20px;right:20px;font-size:14px}.popout-overlay{background-color:rgba(0,0,0,.5);position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.popout-overlay .wrapper{position:absolute;top:5%;left:5%;width:90%;max-width:90%;height:90%;max-height:90%;box-shadow:0 0 10px rgba(0,0,0,.25);border:5px solid hsla(0,0%,100%,.3);box-sizing:border-box}.popout-overlay .wrapper .handle{position:absolute}.popout-overlay .wrapper .handle-lv{left:-10px;top:0;bottom:0;width:10px;cursor:col-resize}.popout-overlay .wrapper .handle-rv{right:-10px;top:0;bottom:0;width:10px;cursor:col-resize}.popout-overlay .wrapper .handle-th{left:0;right:0;height:10px;top:-10px;cursor:row-resize}.popout-overlay .wrapper .handle-bh{left:0;right:0;height:10px;bottom:-10px;cursor:row-resize}.popout-overlay .wrapper .handle-corner{right:-21px;bottom:-21px;height:0;width:0;cursor:nwse-resize;z-index:1;border:20px solid transparent;border-top-color:#5c889e;transform:rotate(-45deg)}.popout-overlay .close{border-radius:50%;color:#fff;font-size:24px;position:absolute;top:0;right:0;width:30px;height:30px;z-index:10;margin:-15px -15px 0 0;background-color:#cc1a1a;box-shadow:0 4px 4px rgba(0,0,0,.1);opacity:1;text-align:center;cursor:pointer;line-height:30px}.popout-overlay iframe{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff}.popout-cover{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:100}.popout-cover.horiz{cursor:col-resize}.popout-cover.popout-cover.vert{cursor:row-resize}.popout-cover.popout-cover.corner{cursor:nwse-resize}.post__author,.user__avatar{border-radius:50%;background-size:cover;background-repeat:no-repeat;background-position:50%}.page--posts-index .main-content,.page--posts-show .main-content{background:#fff}.page--posts-index .section,.page--posts-show .section{border:none}.page--posts-index .section--posts{padding:1em}@media only screen and (min-width:768px){.page--posts-index .section--posts{padding:0}}.page--posts-index .section--posts .section__title{margin-bottom:2em}.page--posts-index .section--posts .dropdown--sort{margin-bottom:5px}@media only screen and (min-width:768px){.page--posts-index .section--posts .dropdown--sort{margin-bottom:0}}@media only screen and (min-width:768px){.page--posts-index ul.posts{margin-left:-2.5em}}.dropdown--sort{display:inline-block}.dropdown--sort .caret{margin-left:5px}.dropdown--sort .dropdown-menu{left:0;right:auto}.post .post__header{position:relative;padding-right:40px}.post .post__header .dropdown{display:block;position:absolute;top:-6px;right:0}@media only screen and (min-width:768px){.post .post__header{padding-left:0;padding-right:70px}.post .post__header .dropdown{right:-35px}}.post .post__header .dropdown-toggle{width:30px;height:30px;position:relative;text-align:center;border-radius:50%}.post .post__header .dropdown-toggle:focus,.post .post__header .dropdown-toggle:hover{background-color:rgba(0,0,0,.05)}.post .post__header .dropdown-toggle i{position:absolute;top:50%;transform:translateY(-50%)}#dropdown-create-post a{text-transform:capitalize}.page--posts-show .post{padding:1.5em}@media only screen and (min-width:768px){.page--posts-show .post{padding:0 1em}}.page--posts-show .post p{font-size:16px}.page--posts-show .post__header{padding-right:30px}@media only screen and (min-width:768px){.page--posts-show .post__header{padding-left:0;padding-right:70px}}.page--posts-show .post__footer,.page--posts-show .post__header{margin-bottom:20px}.page--posts-show .post__footer .dropdown,.page--posts-show .post__header .dropdown{display:block}.page--posts-show .post__footer .comment__user{display:inline-block}.page--posts-show .comments__container{padding:0 0 2em}.page--posts-show .post__title h4{margin-bottom:24px;font-size:28px;font-weight:700}.article__content .votes-text,.page--posts-show .votes-text{font-size:14px}.page--posts-index .post{position:relative;margin:0;padding:1em 0;border-left:3px solid #fff}.page--posts-index .post:hover{background-color:#fafafa;border-color:#1da7da}.page--posts-index .post.javascript:hover{border-color:#ff6860}.page--posts-index .post.css3:hover{border-color:#f3ac00}.page--posts-index .post.html5:hover{border-color:#3dd07d}.page--posts-index .post.php:hover{border-color:#8d64ce}.page--posts-index .post .user__avatar{display:none}@media only screen and (min-width:768px){.page--posts-index .post .user__avatar{display:inline-block}}@media only screen and (min-width:768px){.page--posts-index .post{padding:1em 3em 1em 5em}}.page--posts-index .post__footer,.page--posts-index .post__header{padding-left:10px}@media only screen and (min-width:768px){.page--posts-index .post__footer,.page--posts-index .post__header{padding-right:70px}}.link__domain{color:#bababa;font-size:80%}.article__content,.comment__container,.post{position:relative}.comment__container .ratings__form--votes{font-size:14px;font-weight:700}.article__content .ratings__form--votes,.page--posts-show .post__header .ratings__form--votes{display:none}@media only screen and (min-width:768px){.article__content .ratings__form--votes,.page--posts-show .post__header .ratings__form--votes{display:inline}}.page--posts-show .post__left{display:none}.post__left{float:left;margin-left:-45px}.post__author{display:none;width:35px;height:35px}@media only screen and (min-width:768px){.post__author{display:block}}.list__left .post__author{width:30px;height:30px;margin-top:5px}.post__footer-item.comments{font-size:11px}.post__footer-item.author{color:#747474}.post__footer-item .icon-action-undo{margin-right:1px;font-size:12px;color:#747474}@media only screen and (min-width:768px){.post__category{float:right;margin-right:-70px}}.post__footer .post__category{margin-top:5px}.post__title h1{margin:40px 0 20px;font-weight:700}@media only screen and (min-width:768px){.post__title h1{margin-top:20px}}.post__title h4{font-size:16px;color:#212121;word-break:break-word}.post__category{color:#fff;text-align:center;padding:2px 6px;border:1px solid;border-radius:3px;background:0 0;font-size:10px;font-weight:700;border-color:#1da7da;color:#1da7da}.post__category:after{content:attr(data-type)}.post__category:empty{display:inline-block}.post__category.javascript{border-color:#ff6860;color:#ff6860}.post__category.css3{border-color:#f3ac00;color:#f3ac00}.post__category.html5{border-color:#3dd07d;color:#3dd07d}.post__category.php{border-color:#8d64ce;color:#8d64ce}.category__name{padding:0}.category__name.active{font-weight:700}.post__footer{color:#bababa;font-size:13px;padding-top:.3em}.post__footer a:hover{color:#343434}.post__footer .post__category{display:inline-block;float:none;margin-right:5px}.post__footer-item{display:inline-block;margin-right:2px}@media only screen and (max-width:767px){.post__links{padding-top:2em}.post__links .section{margin-bottom:0}}.post__links .btn{margin-bottom:10px;width:70%}.post--rank--vip{margin-top:190px}.crown{background-color:#18366b;background-image:url(/images/crown.png);background-size:70%;background-repeat:no-repeat;background-position:center 5px;width:145px;height:145px;position:absolute;top:-146px;left:50%;z-index:2;transform:translateX(-50%);border-radius:50%}.crown--left{margin-left:-175px;transform:scale(.6)}.crown--right{margin-left:30px;transform:scale(.6)}.profile__info{display:inline-block}.profile__admin-links{position:absolute;bottom:5px;left:5px}.profile__admin-links i{font-size:1.5em}.profile__admin-links button{background-color:transparent;border:0}.show-flags{font-size:1.1em;margin-top:1em;cursor:pointer}.flags{margin-left:1em}.flags h4{margin-top:.5em;padding:1em 0;border-top:1px solid #fafafa}.flags .flag__info{margin-bottom:20px}.flags .flag__reason{margin-top:10px}.flags .flag__reason span{color:#e05858}.flags .delete-flag{display:block;width:auto;text-transform:none;float:right}.flags__submit.active{color:#ff6860}.user__avatar{width:40px;height:40px;display:inline-block;float:left}aside .guidelines{padding:30px}aside .guidelines ul{list-style:disc;margin-left:18px;margin-bottom:20px}aside .guidelines li{margin-bottom:5px}@media only screen and (min-width:768px){aside .guidelines{padding:0}}.page--article-show .comment__form .form__note,.page--article-show .comment__form--main .form__note,.page--posts-show .comment__form .form__note,.page--posts-show .comment__form--main .form__note{font-size:12px;color:#bababa;margin-bottom:14px}.page--article-show .comment__form input+.form__note,.page--article-show .comment__form--main input+.form__note,.page--posts-show .comment__form input+.form__note,.page--posts-show .comment__form--main input+.form__note{display:inline-block;margin-left:10px}.categories .list-group-item:before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;background-color:#1da7da}.categories .category__name{display:inline-block;margin-left:5px;font-size:16px}.categories .javascript:before{background-color:#ff6860}.categories .css3:before{background-color:#f3ac00}.categories .html5:before{background-color:#3dd07d}.categories .php:before{background-color:#8d64ce}.btn-dropdown{min-width:0;background-color:#ededed;border-color:#ededed}.message--empty{color:#bababa;font-size:24px}.page--profile .section{border:1px solid #ededed}.page--profile .section--posts{padding:2.5em}.post__pin{top:-10px;left:-10px;position:absolute}.post__pin input[name=pin]{width:0;height:0;position:absolute;visibility:hidden}.post__pin input[name=pin].active+label .pin{opacity:1}.post__pin label{padding:0;cursor:pointer}.post__pin .pin{transform:rotate(45deg);display:block;line-height:35px;width:18px;height:18px;border-radius:50%;background:#1da7da url(/images/pin.svg);background-size:40%;background-repeat:no-repeat;background-position:50%;box-shadow:0 1px 1px rgba(0,0,0,.2);opacity:0}.post__pin .pin:hover{opacity:.9!important}.post__pin.active .pin{opacity:1}@media only screen and (min-width:768px){.post__pin{top:21px;left:-39px}}.post:hover .post__pin:not(.active) .pin{opacity:.6}.page--posts-show .post__pin{display:none}.pagination__container{clear:both;text-align:center;margin-top:20px}.pagination li{display:none}.pagination .next,.pagination .previous{display:inline;font-size:20px}@media only screen and (max-width:767px){.pagination .next,.pagination .previous{font-size:16px}.pagination .next>a,.pagination .next>span,.pagination .previous>a,.pagination .previous>span{padding:0 24px;color:#fff;line-height:1;color:#1da7da;border-radius:40px}.pagination .next>a:focus,.pagination .next>span:focus,.pagination .previous>a:focus,.pagination .previous>span:focus{color:#fff;color:#2db2e3}.pagination .next.disabled>a,.pagination .next.disabled>span,.pagination .previous.disabled>a,.pagination .previous.disabled>span{color:#bababa}}.pagination .previous>a,.pagination .previous>span{margin-right:20px}.pagination .previous>a:before,.pagination .previous>span:before{content:" \2039  Previous"}@media only screen and (min-width:768px){.pagination .previous>a:before,.pagination .previous>span:before{content:"\00AB"}}.pagination .next>a:before,.pagination .next>span:before{content:"Next \203A"}@media only screen and (min-width:768px){.pagination .next>a:before,.pagination .next>span:before{content:"\00BB"}}@media only screen and (min-width:768px){.pagination li{display:inline}.pagination .next,.pagination .previous{font-size:13px}}.pagination-pages{padding-top:20px;border-top:1px solid #ededed}@media only screen and (min-width:768px){.pagination-pages{border:none}}.article--small .btn-more{font-weight:700;text-transform:uppercase}#form-article .article__cover,.article__image{background-size:cover;background-repeat:no-repeat;background-position:50%}#article__related-articles,#book-view,.article--big,.article--small,.article-content #comments,.license,.post--rank,.privacy-policy{background-color:#fff}@media only screen and (min-width:768px){#article__related-articles,#book-view,.article--big,.article--small,.article-content #comments,.license,.post--rank,.privacy-policy{border:1px solid #eaeaea;border-radius:3px}}.preview-banner{position:absolute;top:-80px;right:0;left:0;padding:20px;margin-bottom:10px;text-align:center;background:#eec749;border-radius:3px;color:#fff;font-weight:700;font-size:18px}#book-view,.license,.post--rank,.privacy-policy{padding:2.5em}@media only screen and (min-width:768px){#book-view,.license,.post--rank,.privacy-policy{padding:70px 80px}}#book-view,.article--big,.editor-preview,.license,.post--rank,.privacy-policy{background-color:#fff;margin-bottom:1em}#book-view figure,.article--big figure,.editor-preview figure,.license figure,.post--rank figure,.privacy-policy figure{text-align:center}#book-view h2,.article--big h2,.editor-preview h2,.license h2,.post--rank h2,.privacy-policy h2{margin-bottom:1em;font-size:1.5em;font-weight:700}#book-view h2:not(:first-child),.article--big h2:not(:first-child),.editor-preview h2:not(:first-child),.license h2:not(:first-child),.post--rank h2:not(:first-child),.privacy-policy h2:not(:first-child){margin-top:2em}#book-view h3,.article--big h3,.editor-preview h3,.license h3,.post--rank h3,.privacy-policy h3{margin-bottom:1em;font-size:1em;font-weight:700}#book-view p,.article--big p,.editor-preview p,.license p,.post--rank p,.privacy-policy p{margin-bottom:1.5em;margin-top:1em;line-height:1.5}#book-view p iframe,.article--big p iframe,.editor-preview p iframe,.license p iframe,.post--rank p iframe,.privacy-policy p iframe{display:block;margin:0 auto;max-width:100%}#book-view img,.article--big img,.editor-preview img,.license img,.post--rank img,.privacy-policy img{margin:1em 0;max-width:100%;height:auto}#book-view ul,.article--big ul,.editor-preview ul,.license ul,.post--rank ul,.privacy-policy ul{list-style:disc}#book-view ol,#book-view ul,.article--big ol,.article--big ul,.editor-preview ol,.editor-preview ul,.license ol,.license ul,.post--rank ol,.post--rank ul,.privacy-policy ol,.privacy-policy ul{margin-bottom:1.5em;margin-left:2em}#book-view li,.article--big li,.editor-preview li,.license li,.post--rank li,.privacy-policy li{margin-bottom:.5em}#book-view blockquote,.article--big blockquote,.editor-preview blockquote,.license blockquote,.post--rank blockquote,.privacy-policy blockquote{background:#f2f5f7;border:1px solid #dadfe2;font-size:inherit;line-height:1.4;padding:1.2em 2em;margin-bottom:1.5em}#book-view blockquote.info,.article--big blockquote.info,.editor-preview blockquote.info,.license blockquote.info,.post--rank blockquote.info,.privacy-policy blockquote.info{border-color:#a2def5;background:#e3f7ff;color:#435f69}#book-view blockquote.note,#book-view blockquote.warning,.article--big blockquote.note,.article--big blockquote.warning,.editor-preview blockquote.note,.editor-preview blockquote.warning,.license blockquote.note,.license blockquote.warning,.post--rank blockquote.note,.post--rank blockquote.warning,.privacy-policy blockquote.note,.privacy-policy blockquote.warning{border-color:#f7f0b8;background:#ffffe0;color:#75752f}#book-view blockquote.danger,.article--big blockquote.danger,.editor-preview blockquote.danger,.license blockquote.danger,.post--rank blockquote.danger,.privacy-policy blockquote.danger{border-color:#e8adac;background:#fbdbdb;color:#a94442}#book-view .form-group,.article--big .form-group,.editor-preview .form-group,.license .form-group,.post--rank .form-group,.privacy-policy .form-group{width:100%;margin:0}#book-view .form-control,.article--big .form-control,.editor-preview .form-control,.license .form-control,.post--rank .form-control,.privacy-policy .form-control{padding:0;box-shadow:none}#book-view #slug,.article--big #slug,.editor-preview #slug,.license #slug,.post--rank #slug,.privacy-policy #slug{width:auto;display:inline}#book-view #slug:focus,#book-view #slug:hover,.article--big #slug:focus,.article--big #slug:hover,.editor-preview #slug:focus,.editor-preview #slug:hover,.license #slug:focus,.license #slug:hover,.post--rank #slug:focus,.post--rank #slug:hover,.privacy-policy #slug:focus,.privacy-policy #slug:hover{background-color:#fafafa}#book-view .article__image,.article--big .article__image,.editor-preview .article__image,.license .article__image,.post--rank .article__image,.privacy-policy .article__image{height:300px;overflow:hidden}@media only screen and (min-width:768px){#book-view .article__image,.article--big .article__image,.editor-preview .article__image,.license .article__image,.post--rank .article__image,.privacy-policy .article__image{height:490px}}#book-view .article__title,.article--big .article__title,.editor-preview .article__title,.license .article__title,.post--rank .article__title,.privacy-policy .article__title{color:#505050;font-size:2em;font-weight:700;margin-bottom:.5em}#book-view .article__header,.article--big .article__header,.editor-preview .article__header,.license .article__header,.post--rank .article__header,.privacy-policy .article__header{margin-bottom:28px}#book-view .article__header .article__date,#book-view .article__header .tags,.article--big .article__header .article__date,.article--big .article__header .tags,.editor-preview .article__header .article__date,.editor-preview .article__header .tags,.license .article__header .article__date,.license .article__header .tags,.post--rank .article__header .article__date,.post--rank .article__header .tags,.privacy-policy .article__header .article__date,.privacy-policy .article__header .tags{display:inline}#book-view .article__content,.article--big .article__content,.editor-preview .article__content,.license .article__content,.post--rank .article__content,.privacy-policy .article__content{padding:2em}@media only screen and (min-width:768px){#book-view .article__content,.article--big .article__content,.editor-preview .article__content,.license .article__content,.post--rank .article__content,.privacy-policy .article__content{padding:70px 80px}}#book-view .article__date,.article--big .article__date,.editor-preview .article__date,.license .article__date,.post--rank .article__date,.privacy-policy .article__date{color:#999}#book-view h2{margin-top:1em!important}.article-panel .row{margin:0}.no-margin{margin-left:0;margin-right:0}@media only screen and (min-width:768px){.no-margin.row{margin-left:-15px;margin-right:-15px}}.article__share{position:fixed;top:100px;left:0;text-align:center;z-index:1001;transform:translateX(-100%);will-change:transform;transition:transform .3s ease-in}.article__share.is-visible{transform:translateX(0)}.article__share a{padding:.5em .7em;width:40px}.article__share .ratings__form{display:block;color:#fff;font-weight:700}.article__share .votes--up{position:relative;padding:3px 0 8px;width:100%}.article__share .votes--up .votes-text,.article__share .votes--up i{position:relative;top:0}.article__share .votes--up .caret{border-top-color:#fff}.article__share .article__share-btns{display:none;border-top-right-radius:3px;border-bottom-right-radius:3px;background-color:#bababa;border:1px solid #bababa;border-left:none;margin-bottom:5px;box-shadow:2px 2px 2px rgba(0,0,0,.05)}.article__share .article__share-btns a{display:inline-block;margin:.5em 0}@media only screen and (min-width:768px){.article__share .article__share-btns,.article__share .article__share-btns a{display:block}}svg{display:block}@media only screen and (min-width:768px){#share-fb{padding:16px 0;background:#3c5a99;border-color:#3c5a99}}@media only screen and (min-width:768px){#share-twitter{padding:20px 0;background:#3ba9ee;border-color:#3ba9ee}}#share-fb svg,#share-twitter svg{margin:0 auto}.article__share--bottom{position:fixed;z-index:10;bottom:0;left:0;width:100%;height:50px;color:#747474;transform:translateZ(0);will-change:transform;background:#fff;box-shadow:-1px 0 3px rgba(0,0,0,.2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s,transform .3s}.article__share--bottom.is-hidden{transform:translateY(100%)}@media only screen and (min-width:768px){.article__share--bottom{display:none}}.article__share--bottom a{line-height:50px}.article__share--bottom .ratings__form{line-height:1}.article__share--bottom .ratings__form,.article__share--bottom a{display:inline-block;vertical-align:middle;padding:0 .7em}.article__share--bottom i{font-size:18px;line-height:50px}.article__share--bottom .caret{border-width:5px;border-top-color:#1da7da;margin-right:5px}.article__share--bottom .votes--up{width:100%;margin-top:8px;background-color:#fff;padding:6px 12px;border-radius:3px;border:1px solid #1da7da}.article__share--bottom .votes--up .caret,.article__share--bottom .votes--up .votes-text{position:relative!important;display:inline-block;vertical-align:middle;top:0}.article__share--bottom .votes--up .votes-text{width:auto;font-size:18px;font-weight:700;line-height:1;color:#1da7da}.article--small{border:1px solid #eaeaea;border-radius:3px;overflow:hidden;margin:10px}@media only screen and (min-width:768px){.article--small{margin:0 0 2em}}.article--small .article__footer{position:relative}.article--small .article__footer time{font-size:.8em;color:#bababa}.article--small .article__image{height:270px}.article--small .article__content{padding:1em 2em 1em 2em}.article--small .btn-more{position:absolute;right:0;bottom:0;width:38px;height:34px;font-size:.8em;background-color:#ededed;border-radius:50%;color:#747474;line-height:34px;text-align:center;transition:all .15s ease-in}.article--small .btn-more:after{content:"";position:absolute;top:21px;right:1px;width:5px;height:14px;background:0 0;border-width:0 0 2px 3px;border-color:#ededed;border-bottom-left-radius:10px 22px;border-style:solid}.article--small .btn-more:before{content:"";position:absolute;top:27px;right:1px;width:9px;height:8px;background:0 0;border-width:0 0 2px 6px;border-color:#ededed;border-bottom-left-radius:22px 19px;border-style:solid}.article--small .btn-more i{margin-left:.3em}.article__image{background-image:url(../../images/default-article-cover.jpg);position:relative}#form-article .article__title{color:#343434;font-size:24px;font-weight:700}#form-article .editor-toolbar{background:#fff}#form-article aside .section{padding:1em 1.2em 1.3em;background:#fff;border:1px solid #ededed}#form-article .input-group{border:none}#form-article .input-group input{padding:10px}#form-article .input-group-addon{padding:10px 4px}#form-article .article__cover{height:150px}.form-left .form-control{padding:0;box-shadow:none;background:0 0}.article__info{display:-ms-flexbox;display:flex;color:#6a6a6a;margin-bottom:10px;line-height:22px}.article__info a{color:inherit;opacity:.7}.article__info input{-ms-flex:1;flex:1}.article__status{left:0;color:#3dd07d;font-weight:700}.article__links{margin-bottom:2em}.article__links .btn{width:150px;margin-bottom:5px;margin-left:3px}.comment__text p,.post__body p{margin-bottom:.8em}.article__body a,.comment__text a,.editor-preview a,.post__body a{border-bottom:2px solid #ededed;color:#16af59}.article__body,.post__body{word-wrap:break-word;font-size:1.1em}.article__body img,.post__body img{display:block;margin:0 auto}.article__body video,.post__body video{max-width:100%}.article__footer{position:relative;z-index:20;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.article__footer .article-tag{color:#bababa;font-size:.8em}.article__description{margin-bottom:1.5em}.article__description h3{color:#343434;font-size:1.5em;line-height:1.35;margin-bottom:1em}.article__description p{color:#747474}#article__related-articles{padding:2em;margin-bottom:1em}#article__related-articles>h3{margin-bottom:20px}#article__related-articles .secondRow{display:none}#article__related-articles .related-article{margin-bottom:35px}#article__related-articles .related-article .article__image{height:200px;margin-bottom:15px}#article__related-articles .related-article .article__description{margin-bottom:.6em}#article__related-articles .related-article .article__description h3{font-size:15px;line-height:1.45;font-weight:700;color:#565656;margin-bottom:.6em}#article__related-articles .related-article .article__description h3:hover{opacity:.9}#article__related-articles .related-article .article__footer .article-tag{color:#2ab968;font-weight:400}#article__related-articles .related-article .article__footer .article-tag:hover{opacity:.8}@media only screen and (min-width:768px){#article__related-articles{padding:5em}#article__related-articles .secondRow{display:block;margin-top:25px}#article__related-articles .related-article{margin-bottom:0}#article__related-articles .related-article .article__image{height:150px}}.article__edit-btn{position:absolute;right:2em;top:2.5em}.article__edit-btn:before{font-size:1.5em;color:#343434}@media only screen and (min-width:768px){.article__edit-btn{right:2.5em}}.article__author{position:relative;padding-top:30px;color:#484848;margin-bottom:20px}.article__author .profile__user-avatar{width:60px;height:60px;margin-bottom:-2px}.article__author .profile__info{vertical-align:middle;margin-left:1em}.article__author .profile__name{font-size:20px;font-weight:700}.article__author .profile__karma{padding:4px 12px;margin-top:2px;font-size:12px}.article__author .profile__description{margin:20px 0;font-size:13px;line-height:1.65;color:#565656}.article__author .profile__links{padding:0}.article__author .article__author-footer{position:absolute;bottom:30px}.article__author .article__author-footer a{color:inherit;padding:.5em 1em;border:2px solid #fff}.article__author .article__author-footer .title{margin-bottom:10px;font-size:16px}.article__author .article__author-footer .title i{font-size:14px;margin-right:8px}.article__author .article__author-footer .article__date{margin-bottom:20px}.article__author .article__author-footer .article__date time{font-weight:700}.recruitment-card{width:90%;margin-bottom:30px;border-radius:3px;border:1px solid #e4e4e4;padding:24px 20px 30px;text-align:center}.recruitment-card .btn{color:#fff;margin-top:10px;margin-bottom:0;width:auto}.tabs__container{margin-bottom:40px}.tabs__container.latest-articles li{margin-bottom:4px}.tabs__container.latest-articles li.active{font-weight:700}.tabs__container.latest-articles li .list-group-item{color:#565656}.tabs__container.latest-articles .tab-pane{margin-top:10px}.sidebar-articles-group{margin-top:15px;margin-bottom:50px}.sidebar-articles-group .group-title{color:#555;padding:8px 0;margin:0 8px;margin-bottom:15px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.sidebar-articles-group .group-title strong{font-size:16px}.sidebar-articles-group .group-title a{color:#4dd086;font-weight:700;text-transform:uppercase;font-size:11px;padding:4px 10px;border-radius:20px;border:1px solid}.sidebar-videos .video-thumb{width:94%;margin:0 auto;display:block;border-radius:3px;box-shadow:1px 5px 6px rgba(30,109,154,.12)}.sidebar-videos .video-title{color:#747474;font-size:12px;text-align:center;margin:14px auto 22px}aside .btn-xs{display:block;font-size:11px;margin:0 auto;width:140px;padding:7px}.sticky{position:relative}#add-image{position:absolute;right:3em}aside .top-posts .list__right h4{font-size:14px;font-weight:700}aside .top-posts .list__right .post__name{margin-bottom:-2px}aside .top-posts .list__left .votes--up{color:#1da7da;font-size:12px;font-weight:700;position:relative;width:36px;display:inline-block;text-align:center}aside .top-posts .list__left .votes--up i{margin-right:0;position:relative;border-top-color:#1da7da}.article__tags{display:-ms-flexbox;display:flex;overflow-x:auto;overflow-y:hidden}@media only screen and (min-width:768px){.article__tags{display:block}}.article__tags li{padding:0 15px 15px}.article__tags li.active a{color:#747474}.article__tags li a{color:#bababa;font-weight:700}.article__tags li a:active,.article__tags li a:hover{color:#747474}@media only screen and (min-width:768px){.article__tags li{display:inline-block}}aside .bsap a,aside .bsap iframe{margin:0 15px 15px 0!important}aside .maxcdn{background:url(../../images/maxcdn_logo.png) no-repeat 0 0;display:block;margin:10px auto 0;text-indent:-999px;overflow:hidden;height:25px;width:150px;opacity:.75;transform:scale(.7)}aside .sponsors{text-align:center;background-color:#fff;width:265px;padding:20px 10px}aside .sponsors .wix{color:#a6a6a6;padding-bottom:3px;font-size:13px}.ad-container{margin:30px 0}.ad-container.small-ads{overflow:hidden;width:300px}.article__body .ad-container{margin-left:-80px;margin-right:-80px;padding:20px 0;text-align:center;background-color:#f7f7f7;border-width:1px 0;border-style:solid;border-color:#ededed}.article-content #comments{padding:2em}@media only screen and (min-width:768px){.article-content #comments{padding:5em}}.article-content #comments .alert-warning{margin-top:20px}#author-list .user{margin-bottom:15px;white-space:nowrap;overflow:hidden}#bstudio-download-modal .modal-dialog{height:100vh;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:auto;pointer-events:none}#bstudio-download-modal .modal-content{box-shadow:0 10px 10px rgba(0,0,0,.05);max-width:600px;pointer-events:all}#bstudio-download-modal .modal-title{color:#4566de;font-size:28px;padding:20px 0 15px;font-weight:700}#bstudio-download-modal .modal-body{padding-top:0;font-size:18px}#bstudio-download-modal .modal-body p{margin-bottom:42px;line-height:1.5}#bstudio-download-modal .modal-body a{background-color:#4566de;color:#fff!important;padding:11px 22px;border-radius:25px}#book-view{font-size:15px;color:#4a4f52}#book-view h1,#book-view h2{text-align:center}@media only screen and (min-width:768px){#book-view h1,#book-view h2{text-align:left}}#book-view h1{margin-top:10px;margin-bottom:5px;font-size:32px;font-weight:700}#book-view h2{margin:8px 0 20px;font-size:18px;font-weight:400;color:#999}#book-view h3{margin-bottom:32px;font-size:32px;font-weight:700;color:#343638}#book-view h4{font-weight:700;font-size:18px;margin-bottom:8px}#book-view img{border-radius:3px}#book-view .links{text-decoration:underline}#book-view #shareBar,#book-view .links{max-width:442px;text-align:center;padding-bottom:18px;font-weight:700}#book-view .blue_content{background-color:#e9f5fc;padding:30px 20px;overflow:hidden;color:#54575b;margin-top:40px;font-size:16px;text-align:left}#book-view .blue_content ul{margin-left:0}#book-view .blue_content li{list-style-type:none;padding-bottom:10px}@media only screen and (min-width:768px){#book-view .blue_content li{display:inline-block;width:48%;vertical-align:top;padding:0 20px 25px 0}}@media only screen and (min-width:768px){#book-view .blue_content{padding:50px 60px}}#book-view .testimonials h3{text-align:center;font-size:24px;font-weight:700;color:#54575b;margin-top:100px;font-style:normal}#book-view .testimonials blockquote{text-align:left;max-width:640px;display:block;padding:25px 35px;background:#f9f9f9;margin:60px auto 20px;line-height:1.5;border-radius:3px}#book-view .testimonials p{max-width:640px;margin:0 auto}#downloadBookForm{box-shadow:0 1px 1px rgba(0,0,0,.04);background-color:#f9f9f9;position:relative;padding:20px 30px 28px;margin-bottom:20px;border-top:2px solid #f0f0f0;border-radius:3px;font-size:16px;margin-top:25px}#downloadBookForm p{font-size:14px;margin-bottom:16px}.article__footer .article-tag,.article__header .article-tag{color:#3dd07d;font-size:14px}.tags span{margin:0 .3em;color:#bababa}.article-tag{color:#fff;border-radius:3px;cursor:pointer;color:#ff6860;font-weight:700}.article-tag,.tag-group{position:relative;display:inline-block}.tag-group [type=checkbox]{position:absolute;top:0;left:0;display:none}.tag-group [type=checkbox]+.article-tag{display:none;padding:5px}.tag-group [type=checkbox]:checked+.article-tag{display:block}.btn-delete-resource{position:absolute;top:-8px;right:-8px;width:16px;height:16px;border-radius:50%;background-color:#ff6860;color:#fff;font-weight:700;text-align:center;line-height:16px;display:none;z-index:1;cursor:pointer}.btn-delete-resource:hover{color:#fff}.image__container:hover .btn-delete-resource{display:block}#tags .article-tag,.categories .article-tag{padding:.5em .7em;font-size:.8em;border:1px solid #e0e0e0;border-radius:10px;margin:.5em}#tags .article-tag:hover .btn-delete-resource,.categories .article-tag:hover .btn-delete-resource{display:block}.secondary-nav{position:relative;background-color:#fff;height:60px;line-height:60px;text-align:center;box-shadow:0 0 3px rgba(0,0,0,.2)}.secondary-nav li{display:inline-block;padding:0 1em}.secondary-nav a{color:#bababa}.secondary-nav a:hover{color:#414141}@media only screen and (max-width:767px){.page--article-show .no-background-xs .nav-trigger,.page--article-show .no-background-xs .nav__item>a{text-shadow:0 0 3px rgba(0,0,0,.8)}}.header--main{position:fixed;z-index:10;top:0;left:0;width:100%;height:50px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.15);transform:translateZ(0);will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s,transform .3s}.header--main.is-hidden{transform:translateY(-100%)}.header--main.search-form-visible .nav__logo a{color:#fff}.header--main.nav--visible{transform:translateX(260px)}.header--main.notifications-visible{transform:translateX(-260px)}.header--main:before{display:none;content:"mobile"}@media only screen and (max-width:767px){.header--main.no-background-xs{background:0 0;box-shadow:none}.header--main.no-background-xs .nav__items .btn{box-shadow:none}.header--main.no-background-xs .nav-trigger,.header--main.no-background-xs .nav__item>a{color:#fff}.header--main.no-background-xs .letters{color:#1da7da}.header--main.no-background-xs .squircle{background:#fff}.header--main.no-background-xs .caret{border-top-color:#fff}.header--main.no-background-xs .nav__logo a,.header--main.no-background-xs .nav__logo a>span{color:#fff}}.header--main.no-background:not(.white){background:0 0;box-shadow:none}.header--main.no-background:not(.white) .nav__items .btn{box-shadow:none}.header--main.no-background:not(.white) .nav-trigger,.header--main.no-background:not(.white) .nav__item>a{color:#fff}.header--main.no-background:not(.white) .letters{color:#1da7da}.header--main.no-background:not(.white) .squircle{background:#fff}.header--main.no-background:not(.white) .caret{border-top-color:#fff}.header--main.no-background:not(.white) .nav__logo a,.header--main.no-background:not(.white) .nav__logo a>span{color:#fff}@media only screen and (min-width:768px){.header--main{height:80px}.header--main.nav--visible{transform:translateX(0)}.header--main:before{content:"desktop"}}.header--main.white{background:#fff;color:#747474;box-shadow:0 1px 3px rgba(0,0,0,.2)}.header--main.white .nav-trigger,.header--main.white .nav__item>a{color:#747474;text-shadow:none}.nav--main{position:fixed;z-index:1;top:0;left:0;border-right:1px solid #ededed;width:260px;height:100vh;overflow:auto;visibility:hidden;transition:visibility 0s .3s}.nav--main:after{clear:both;content:"";display:table}.nav--main.nav--visible{transition:visibility 0s;visibility:visible;-webkit-overflow-scrolling:touch}@media only screen and (min-width:768px){.nav--main{position:static;visibility:visible;border:none;width:auto;height:80px;background:0 0;overflow:visible}}.nav__logo{display:inline-block;position:relative;vertical-align:middle}.letters{color:#fff;font-size:22px;font-weight:700;z-index:10;text-align:center;left:9px;transform:translateY(-50%)}.letters,.squircle{display:inline-block;position:absolute;top:50%}.squircle{width:38px;height:38px;border-radius:5px;background:linear-gradient(to top right,#1da7da,#42c0e9);left:0;transform:translateY(-50%) rotate(-13deg);backface-visibility:hidden}.nav__logo{display:block;height:50px;line-height:50px;float:none;padding:.5em 1em;margin-right:15px}.nav__logo a{text-transform:lowercase;font-weight:700;font-size:26px;color:#343434;margin-left:5px;vertical-align:middle}.nav__logo a>span{color:#1da7da}@media only screen and (min-width:768px){.nav__logo a{line-height:76px}}@media only screen and (min-width:768px){.nav__logo{position:relative;display:inline-block;vertical-align:middle;height:80px;text-align:center;padding:0;z-index:3;transform:translateZ(0);backface-visibility:hidden}}.nav__items .dropdown.account li>a:before,.nav__items--left li>a:before{font-family:Simple-Line-Icons;margin-right:.5em;color:#1da7da;font-weight:400}.nav__items .dropdown.account li>a.articles:before,.nav__items--left li>a.articles:before{content:""}.nav__items .dropdown.account li>a.posts:before,.nav__items--left li>a.posts:before{content:""}.nav__items .dropdown.account li>a.profile:before,.nav__items--left li>a.profile:before{content:""}.nav__items .dropdown.account li>a.settings:before,.nav__items--left li>a.settings:before{content:""}.nav__items .dropdown.account li>a.logout:before,.nav__items--left li>a.logout:before{content:""}.nav__items--left .nav__item{padding:15px 30px}.nav__items--left .nav__item>a{color:#747474;font-size:16px;font-weight:700}.nav__items--left .nav__item>a:hover{color:#343434}@media only screen and (min-width:768px){.nav__items--left{display:inline-block;vertical-align:middle}.nav__items--left .nav__item{display:inline-block;padding:0 15px}.nav__items--left .nav__item>a{font-weight:400}.nav__items--left .nav__item>a:before{content:none!important}.nav__items--left .nav__item>a.active{color:#1da7da;font-weight:700}}.nav__items--right{position:absolute;top:50%;right:0;transform:translateY(-50%)}.nav__items--right .nav__item.account{display:none}.nav__items--right .nav__item{display:inline-block;vertical-align:middle;padding-right:15px}.nav__items--right .nav__item>a{font-size:16px;font-weight:700;color:#747474;line-height:30px;height:30px}.nav__items--right .nav__item>a:before{font-weight:400}@media only screen and (min-width:768px){.nav__items--right .nav__item>a:hover{color:#343434}}@media only screen and (min-width:768px){.nav__items--right .nav__item{padding:0 15px}.nav__items--right .nav__item.account{display:inline-block}}.nav__items .btn{box-shadow:0 1px 1px #ddd}.nav__items .caret{margin-left:2px}.nav-trigger{display:block;position:absolute;top:0;left:0;width:50px;height:100%;color:#747474;font-size:18px;text-align:center;line-height:50px}@media only screen and (min-width:768px){.nav-trigger{display:none}}.white .nav-trigger{color:#747474}.dropdown-item .section__user-avatar{display:block;margin:20px auto;width:90px;height:90px}.dropdown-item .profile__info{display:block;margin:0;line-height:30px;text-align:center}.dropdown-item .profile__name{display:block;font-size:18px;font-weight:700;padding:0 15px}.dropdown-item .profile__karma{display:inline-block;padding:0 16px;color:#fff;background:#3dd07d;border-radius:40px;text-transform:lowercase}.dropdown-item+.nav__item--main{border-top:1px solid #ededed}.dropdown.account .dropdown-menu{min-width:250px}.notification__page{background-color:#fff}@media only screen and (min-width:768px){.notification__page{border:1px solid #eaeaea;border-radius:3px}}.notifications__container::-webkit-scrollbar,.search-suggestions::-webkit-scrollbar{width:5px}.notifications__container::-webkit-scrollbar-track,.search-suggestions::-webkit-scrollbar-track{background:#fff}.notifications__container::-webkit-scrollbar-thumb,.search-suggestions::-webkit-scrollbar-thumb{background:#bababa}.notifications__container::-webkit-scrollbar-thumb:window-inactive,.search-suggestions::-webkit-scrollbar-thumb:window-inactive{background:hsla(0,0%,39%,.4)}.dropdown{position:relative}.notifications__container{min-width:260px;height:100px;max-height:100px;overflow:auto;overflow-x:hidden;padding-bottom:40px}.notifications__container.full{height:auto;max-height:100%;transition:max-height .3s ease-in}@media only screen and (min-width:768px){.notifications__container.full{max-height:400px}}.notifications__container ul>li>a{display:block;padding:3px 10px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.notifications__container ul>li>a.notification__btn{color:#fff}@media only screen and (min-width:768px){.notifications__container ul>li>a{padding:3px 20px}}.notifications__container.notifications__container--mobile{min-width:0;height:auto;max-height:1000px;padding:0;list-style-type:none}.notification{width:100%;padding:.5em;background-color:#fafafa}.notification.new{background-color:#fff}.notification__btn{position:absolute;bottom:0;width:100%;z-index:10000;border-radius:0;background:#fff;border-color:#fff;color:#1da7da}.notifications__title{padding:1em;border-bottom:1px solid #fafafa}.notifications__title h4{font-weight:700;font-size:1em;text-transform:uppercase}.notification__left,.notification__right{display:inline-block;vertical-align:top}.notification__right{margin:0 1.5em}@media only screen and (min-width:768px){.notification__right{margin-right:0;margin-left:1em}}.notification__type{vertical-align:top;font-family:Simple-Line-Icons;font-size:18px;color:#1da7da;line-height:28px;text-align:center;border-radius:50%;padding:2px}.notification__type.reply:after{content:""}.notification__type.comment:after{content:""}.notification__type.award:after{content:""}.notification__type.post{padding:2px}.notification__type.post:after{content:""}.notification__toggle{position:relative}.notification__counter{position:absolute;top:-14px;right:-10px;display:inline-block;vertical-align:middle;font-family:"Open Sans";font-size:10px;text-align:center;line-height:1;color:#fff;background-color:#ff6860;border-radius:40px;min-width:10px;padding:4px 6px;white-space:nowrap}@media only screen and (min-width:768px){.notification__counter{left:10px;right:auto}}.notification__text{max-width:200px;word-wrap:normal;white-space:normal}.notification__text a{color:#1da7da}@media only screen and (min-width:768px){.notification__text{max-width:250px}}.notification__date{display:block;font-weight:400;color:#aaa}.notification__message{padding:1em}.notification__page .notification{position:relative;background-color:#fff;border-bottom:1px solid #fafafa;padding:1em 2em}.notification__page .notification__right{max-width:75%}@media only screen and (min-width:768px){.notification__page .notification__right{max-width:80%}}@media only screen and (min-width:768px){.notification__page{padding:4em 3em}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.alert{position:relative;line-height:22px;padding-left:50px}.alert:before{content:"";position:absolute;top:15px;left:15px;font-family:Simple-Line-Icons;font-size:22px}.alert.loading{border-color:transparent}.alert.loading:before{display:none}.alert-info{border-color:#1da7da}.alert-info:before{content:"\e08b";color:#1da7da}.alert-warning{border-color:#f3ac00}.alert-warning:before{content:"\e617";color:#f3ac00}.alert-success{border-color:#3dd07d}.alert-success:before{content:"\e080";color:#3dd07d}.alert-danger{border-color:#ff6860}.alert-danger:before{content:"\e082";color:#ff6860}.loader{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999;background-color:hsla(0,0%,100%,.8);transition:display .5s ease-in-out}.loader-container{position:absolute;left:50%;top:50%;bottom:auto;right:auto;transform:translateX(-50%) translateY(-50%);width:24px;height:24px}.loader-container:before{content:"";width:24px;height:24px}.full .spinner{top:174px}.spinner{position:absolute;border-radius:50%;width:24px;height:24px;border:.25rem solid rgba(52,52,52,.2);border-top-color:#343434;animation:spin 1s infinite linear}.checkmark{display:none}.checkmark.draw:after{animation:checkmark 1.2s ease;transform:scaleX(-1) rotate(135deg)}.checkmark:after{opacity:1;position:absolute;top:11px;left:4px;width:7px;height:12px;transform-origin:left top;border-right:3px solid #1da7da;border-top:3px solid #1da7da;content:""}.cross{display:none}.cross:after,.cross:before{opacity:1;position:absolute;top:4px;left:8px;width:3px;height:12px;content:"";background-color:red}.cross:after{transform:rotate(45deg)}.cross:before{transform:rotate(-45deg)}.cross.draw{animation:cross .5s ease}@keyframes cross{0%{transform:scale(0);opacity:1}to{transform:scale(100%);opacity:1}}@keyframes checkmark{0%{width:0;height:0;opacity:1}20%{width:7px;height:0;opacity:1}40%{width:7px;height:12px;opacity:1}to{width:7px;height:12px;opacity:1}}.load-complete{animation:none;transition:border .5s ease-out}.load-complete.success{border-color:#1da7da}.load-complete.error{border-color:#ff6860}.search-suggestions .image-wrapper .article__image,.section--search .image-wrapper .article__image,aside .image-wrapper .article__image{background-size:cover;background-repeat:no-repeat;background-position:50%}@media only screen and (min-width:768px){.search-suggestions{border:1px solid #eaeaea;border-radius:3px}}input:-webkit-autofill,input:-webkit-autofill:focus input:-webkit-autofill,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}#search-form-top input[type=search]{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;border:none;border-radius:0}@media only screen and (min-width:768px){#search-form input[type=search]{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;border:none;border-radius:3px}}input[type=search]{margin-top:0}select{background-color:transparent;cursor:pointer}.section.section--search{padding:1.5em}@media only screen and (min-width:768px){.section.section--search{padding:2.5em}}.text-replace{color:transparent;text-indent:100%;overflow:hidden;white-space:nowrap}.dropdown-menu.notification-dropdown{display:block;z-index:1;width:260px;height:100vh;overflow-x:hidden;overflow-y:auto;border-radius:0;margin-top:0;visibility:hidden;position:fixed;top:0;right:0;transition:visibility 0s .3s}@media only screen and (min-width:768px){.dropdown-menu.notification-dropdown{position:absolute;top:100%;width:350px;display:none;height:auto;visibility:visible;border-radius:3px;margin-top:2px}}.dropdown-menu.notifications-visible{transition:visibility 0s;visibility:visible;-webkit-overflow-scrolling:touch}.dropdown.open .notification-dropdown{display:block}#search-form{position:relative;margin:1em 0;padding:1.5em;background:#fff}#search-form *{display:inline-block}#search-form input{width:80%}@media only screen and (min-width:768px){#search-form input{width:calc(100% - 250px)}}#search-form .btn.hidden-xs{float:right}#search-form .btn-icon{position:absolute;top:1.7em;right:1.7em;border-radius:50%;width:35px;height:35px;color:#fff;text-align:center;line-height:35px;background-color:#1da7da}@media only screen and (min-width:768px){#search-form{padding:1em;border-radius:3px;border:1px solid #eaeaea}}.btn-register,input[name=query]{padding:.5em 1em}.btn-register{border:2px solid #3dd07d;background-color:#3dd07d;border-radius:3px;color:#fff;font-weight:700;box-shadow:0 1px 1px #ddd}.main-search{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:#191c1e;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.main-search .container-fluid{padding:0}@media only screen and (min-width:768px){.main-search .container-fluid{padding:1em 12em}}@media only screen and (min-width:992px){.main-search .container-fluid{padding:1em 15em}}.main-search .close{display:none}.main-search input[type=search]{width:100%;color:#162731}.main-search input[type=search]:focus{outline:0}.main-search input[type=search]::-webkit-input-placeholder{color:#656a70}.main-search input[type=search]:-moz-placeholder,.main-search input[type=search]::-moz-placeholder{color:#656a70}.main-search input[type=search]:-ms-input-placeholder{color:#656a70}.main-search form{position:relative;height:100%}.main-search input[type=search]{font-size:2.4rem;color:#fff;height:100%;background-color:transparent}.main-search span{display:inline-block}.main-search option{color:#3e454c;background-color:#fff}.main-search .close{display:inline-block;position:absolute;top:50%;right:5%;width:40px;height:40px;transform:translateY(-50%) scale(0);transition:transform .3s}.main-search .close:after,.main-search .close:before{content:"";position:absolute;top:50%;left:50%;width:2px;height:20px;background-color:#fff}.main-search .close:before{transform:translateX(-50%) translateY(-50%) rotate(-45deg)}.main-search .close:after{transform:translateX(-50%) translateY(-50%) rotate(45deg)}.main-search.is-visible{opacity:1;visibility:visible}.main-search.is-visible .close{transform:translateY(-50%) scale(1)}.animate-search .main-search.is-visible{animation:slide-in .3s}@keyframes slide-in{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.search-suggestions *,.section--search *,aside *{font-style:normal}.search-suggestions em,.section--search em,aside em{font-style:normal;font-weight:700;color:#1da7da}.search-suggestions .list__left,.section--search .list__left,aside .list__left{display:table-cell}.search-suggestions .list__left+.list__right,.section--search .list__left+.list__right,aside .list__left+.list__right{padding-left:1em}.search-suggestions .list__right,.section--search .list__right,aside .list__right{display:table-cell;vertical-align:middle}.search-suggestions .list__right h4,.section--search .list__right h4,aside .list__right h4{font-size:12px;font-weight:700;line-height:1.5}.search-suggestions .list__right h4 a,.section--search .list__right h4 a,aside .list__right h4 a{overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:.2em 0}.search-suggestions time,.section--search time,aside time{font-size:1.2rem;color:#787d82}.search-suggestions .image-wrapper,.section--search .image-wrapper,aside .image-wrapper{width:60px;height:auto;display:table-cell;border-radius:3px}.search-suggestions .image-wrapper .article__image,.section--search .image-wrapper .article__image,aside .image-wrapper .article__image{width:56px;height:38px;border-radius:3px}.search-suggestions .image-wrapper .post__type,.section--search .image-wrapper .post__type,aside .image-wrapper .post__type{left:0}@media only screen and (min-width:1170px){.search-suggestions,.section--search,aside{display:block}}.list-group.posts .post__footer{color:#bababa;font-size:12px;margin-right:.5em}.list-group.posts time{color:inherit;margin-right:5px}.search-suggestions{display:none;padding:1em;background-color:#fff;max-height:calc(100vh - 50px);overflow-y:auto}.search-suggestions:after{clear:both;content:"";display:table}@media only screen and (min-width:768px){.search-suggestions{position:absolute;top:84px;left:0;padding:2em;display:none;width:calc(90% - 286px);margin:0 calc(5% + 116px) 0 calc(5% + 170px);box-shadow:0 4px 40px rgba(0,0,0,.39);max-height:auto}}.search__note{margin:40px auto 0;max-width:280px}@media only screen and (max-width:767px){.search-suggestions .list__left,.section--search .list__left{display:none}.search-suggestions .list__right,.section--search .list__right{padding:0}}.search-suggestions .list__right h4,.section--search .list__right h4{font-size:14px}.hero{position:relative;color:#fff;height:auto;background-color:#1da7da;z-index:2}@media only screen and (min-width:768px){.hero--articles{padding-top:80px}}.hero--posts{background-color:#3dd07d}.hero--posts#newsletter{background:linear-gradient(#202122,#3737a7)}.hero--posts#newsletter .hero-content{padding:130px 0}.hero--posts#newsletter .world{background:url(/images/world.svg) top no-repeat;background-size:cover;width:100%;height:100%;position:absolute;opacity:.08;top:0;overflow:hidden;z-index:-1;pointer-events:none}.hero--posts#newsletter h2{font-family:Montserrat,sans-serif;font-weight:700}@media only screen and (min-width:768px){.hero--posts#newsletter h2{margin-top:75px}}.hero--posts#newsletter h2:before{content:"// ";color:#ed2164}.hero--posts#newsletter a{background:#ee0f79!important;border:0;font-size:16px;padding:12px 18px}.hero--authors{background-color:#ff6860}.hero--profile{height:170px;z-index:0;background:linear-gradient(180deg,#4483d2,#32b6e6)}@media only screen and (min-width:768px){.hero--profile{height:195px}}.cover-layer{display:block;position:fixed;z-index:4;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.cover-layer.search-form-visible{opacity:1;visibility:visible}.main-content{position:relative;z-index:3;min-height:100vh;min-height:calc(100vh - 244px);padding-top:50px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:transform .3s,background-color .5s}.main-content.nav--visible{transform:translateX(260px)}.main-content.notifications-visible{transform:translateX(-260px)}.main-content.page--error,.main-content.page--rank{padding-top:0}@media only screen and (min-width:1170px){.main-content{padding-top:80px}.main-content.nav--visible{transform:translateX(0)}}.hero+.main-content{margin-top:0}.content-wrapper{padding-bottom:60px}@media only screen and (min-width:768px){.content-wrapper{padding:70px 0 120px}}@media only screen and (min-width:768px){.page--article-show .container-fluid{max-width:1280px}}.page--error .content-wrapper{padding:0}.page--landing .main-content,.page--profile .main-content,.page--rank .main-content{padding-top:0}@media only screen and (max-width:767px){.page--article-show .content-wrapper{padding:0}.page--article-show .main-content{padding-top:0}}.page--rank .hero-content{background:#ff6860;min-height:100vh}.page--rank .hero-content h2{font-size:35px;font-weight:700}.page--rank .post.post--rank--editor{background:0 0;border:none;padding:0 2em;margin-bottom:4em}.page--rank .btn{min-width:140px}.post--rank p,.post--rank ul{font-size:18px}.rank__message{margin-bottom:60px}.page--newsletter table{border-collapse:separate}.page--newsletter .section{padding:0}@media only screen and (min-width:768px){.page--newsletter .section{padding:2em}}.newsletter__issues>li{background-color:#fff;border:1px solid #ededed;border-radius:3px;box-shadow:0 1px 2px #eee;padding:5px 10px}.newsletter__issues .list-group-item{display:block}.newsletter__issues .list-group-item:active,.newsletter__issues .list-group-item:focus,.newsletter__issues .list-group-item:hover{background:0 0}.newsletter__issues .list-group-item>*{display:inline-block;vertical-align:middle}.newsletter__issues .list-group-item span{margin-right:10px}.newsletter__issues .list-group-item time{position:absolute;right:10px;top:50%;bottom:auto;transform:translateY(-50%);color:#bababa}.profile h2,.profile__stats-item{font-weight:700;text-transform:uppercase}.page--profile .comment__user:hover,.post__footer .comment__user:hover{background:0 0}.post__footer .comment__user{cursor:default;padding-left:40px}@media only screen and (min-width:768px){.post__footer .comment__user{padding-left:30px}}.post__footer .image-wrapper{left:0}.profile h2{font-size:1em;margin:1em 0}.profile .comments__container{padding:2em;border:1px solid #ededed}.profile .tabs-profile{position:relative}@media only screen and (min-width:992px){.profile .tabs-profile{position:absolute;top:-56px;right:0;left:0}}.profile .tabs .nav-tabs{border-bottom:none;display:-ms-flexbox;display:flex;overflow-x:auto;overflow-y:hidden}@media only screen and (min-width:992px){.profile .tabs .nav-tabs{display:block;overflow:visible}}.profile .tabs .nav-tabs>li>a{padding:1em 2em;color:#747474;font-weight:700;font-size:16px;white-space:nowrap}@media only screen and (min-width:992px){.profile .tabs .nav-tabs>li>a{color:hsla(0,0%,100%,.7)}}.profile .tabs .nav-tabs>li>a:active,.profile .tabs .nav-tabs>li>a:focus,.profile .tabs .nav-tabs>li>a:hover{background:0 0;border-color:transparent}@media only screen and (min-width:992px){.profile .tabs .nav-tabs>li>a:active,.profile .tabs .nav-tabs>li>a:focus,.profile .tabs .nav-tabs>li>a:hover{color:#fff}}.profile .tabs .nav-tabs>li.active>a{color:#343434;border-bottom-color:#fff}@media only screen and (min-width:992px){.profile .tabs .nav-tabs>li.active>a{color:#fff}}.profile .tabs .tab-pane{margin-top:2em}.profile__header{position:relative;padding-top:90px;background:0 0}.profile__header .profile__user-avatar{position:absolute;top:-90px;width:180px;height:180px;left:50%;right:auto;transform:translateX(-50%);border:3px solid #fff;z-index:1}.profile__header .profile__info{display:block;text-align:center;margin:1em 0 2em}.profile__header .profile__info>*{margin-bottom:30px}.profile__header .profile__name{margin-top:20px;margin-bottom:30px}.profile__header .profile__name h4{font-size:22px;font-weight:700;margin-bottom:6px}.profile__header .profile__name h5{color:#bababa}.profile__header .badges{padding-top:30px;border-top:1px solid #ededed}.profile__stats{position:relative;display:-ms-flexbox;display:flex;width:100%}.profile__stats-item{-ms-flex:1;flex:1;padding:1em .5em;font-size:.8em;text-align:center;color:#343434}.profile__stats-item:not(:last-child){border-right:1px solid #ddd}.profile__settings{background-color:#fff;padding-top:1em}.profile__settings>li>h3{display:block;margin-bottom:1.3em;font-weight:700;font-size:18px}.profile__settings .profile__links{padding:0}.profile__settings .settings__section{margin-bottom:2em}.profile__settings .settings__subsection p>a{text-decoration:underline}.profile__settings .settings__subsection>li{margin-bottom:20px}.profile__settings .settings__subsection li>h4{font-size:16px;margin-bottom:.4em}.profile__settings .settings__subsection .profile__link-item,.profile__settings .settings__subsection li>p{color:#bababa}.profile__settings .settings__subsection .profile__link-item{padding-left:0}.profile__karma{display:inline-block;color:#fff;text-transform:lowercase;font-weight:700;padding:5px 20px;background-color:#3dd07d;border-radius:40px;width:auto}.profile__karma.admin{background-color:#ff6860}.profile__karma h3,.profile__karma span{vertical-align:middle}.profile__karma h3{display:inline-block;margin-left:10px;font-size:18px;font-weight:inherit}blockquote.profile__description{padding:16px;border-top:1px solid #ededed;border-bottom:1px solid #ededed;font-size:16px}.profile__links{padding:0 16px}.profile__links .link__icon{margin-right:5px}.profile__links .link__icon:before{content:"";font-family:Simple-Line-Icons;font-size:14px;color:#747474}.profile__links .link__icon--twitter:before{content:""}.profile__links .link__icon--github:before{content:""}.profile__link-item{display:-ms-flexbox;display:flex;padding:5px 8px}.profile__link-item>a{display:-ms-flexbox;display:flex;overflow:hidden}.profile__link-item div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile .dropdown{position:absolute;right:0;line-height:30px;font-weight:400}.list-group-item.user{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.list-group-item.user .profile__name{-ms-flex:1;flex:1}.list-group-item .profile__name{display:inline-block;vertical-align:middle;margin-left:10px;color:#484848;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-group-item .profile__karma{display:inline-block;padding:5px 6px;line-height:1;color:#fff;font-size:12px;background:#3dd07d;border-radius:40px;min-width:22px;text-align:center;position:relative}@media only screen and (min-width:768px){nav .profile__name{word-break:break-word}nav .profile__karma,nav .profile__name{display:inline-block;vertical-align:middle}nav .profile__karma{padding:0 9px;font-size:12px;color:#fff;line-height:26px;background:#3dd07d;border-radius:40px}}.list-group-item .profile__karma{float:right}.dropdown-toggle.admin{width:30px;height:30px;position:relative;text-align:center;border-radius:50%;color:#fff;line-height:50px;top:1em}.dropdown-toggle.admin:focus,.dropdown-toggle.admin:hover{background-color:hsla(0,0%,100%,.2)}.dropdown-toggle.admin i{position:absolute;top:50%;transform:translateY(-50%)}.placeholder{color:#565656;text-align:center}.placeholder:before{content:"";font-family:Simple-Line-Icons;font-size:100px;line-height:167px;color:#e3eff3;display:block;width:175px;height:175px;margin:42px auto 36px;border:5px solid;border-radius:50%}.placeholder.placeholder--posts:before{content:""}.placeholder.placeholder--comments:before{content:""}.placeholder.placeholder--awards:before{content:""}.placeholder p{font-size:20px;margin:40px 0}.section{background-color:#fff}@media only screen and (min-width:768px){.section{border:1px solid #eaeaea;border-radius:3px}}.section{padding:2.5em}.section,.section__title{position:relative}.section__title h3{font-size:16px;font-weight:700;margin-bottom:18px}.sticky{position:absolute;top:0;right:0;bottom:0;left:0}.sticky.bottom{top:auto;bottom:0}.sticky.fixed .sticky-content{position:fixed;top:0}.sticky.fixed.bottom .sticky-content{position:fixed;top:auto;bottom:0}aside .section{background:0 0;border:none;padding:0 1em}aside .section .list__right h4{font-weight:400}.section--plain{background:0 0;border:none;padding:22px 0}textarea.form-control{padding:1em}.form-control{font-size:16px;box-shadow:none}.form-control:focus,.form-control:hover{box-shadow:none;outline:0;border-color:#1da7da}.form-control:focus+label,.form-control:hover+label{color:#1da7da;cursor:text}.form-control.filled~label,.form-control:focus~label,.form-control:valid~label{top:-11px;color:#1da7da;background-color:#fff}.controls{text-align:left;position:relative}.controls .fa-sort{position:absolute;right:10px;top:17px;color:#999}.controls select{cursor:pointer}.controls label{position:absolute;left:8px;top:12px;color:#999;font-size:16px;display:inline-block;padding:4px 10px 0;font-weight:400;pointer-events:none;transition:color .3s,top .2s ease}.controls label.active{top:-11px;color:#555;background-color:#fff}.controls textarea{resize:none}.controls button{cursor:pointer;background-color:#1da7da;border:none;color:#fff;padding:12px 0}.controls button:hover{background-color:#2db2e3}select.form-control{height:auto}select option[disabled]{display:none}input[type=file]{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}input[type=file]+label{font-size:1.2em;background-color:#1da7da;color:#fff;border:1px solid #1da7da;border-radius:4px;width:100%;text-align:center;display:inline-block;cursor:pointer!important}input[type=file]+label i{margin-right:.5em}input[type=file]+label *{pointer-events:none}input[type=file]+label:hover,input[type=file]:focus+label{color:#fff;background-color:#1da7da}input[type=file]:focus+label{outline:1px dotted #000;outline:5px auto -webkit-focus-ring-color}.has-error .form-control{background-color:#fff;border-color:#ff6860}.has-error .form-control~label,.has-error .help-block{color:#ff6860}.checkbox{display:inline-block}.checkbox.pull-right{display:block;margin-top:0}.btn-delete,.flags__submit{width:100%;text-align:left}.no-border{border:none}.panel-heading{background-color:#fff;padding:3em 1em 0;text-align:center}.panel-heading h2{color:#162731;text-transform:uppercase;font-weight:700;font-size:1.3em;margin-bottom:14px}.panel-heading p{color:gray;font-size:14px}.panel-body .btn{display:block;width:180px;margin:0 auto}.panel-body .btn-link{margin:10px 0}.g-recaptcha div{margin:0 auto}.go-back-button{padding:0 0 30px;text-align:center}.go-back-button a:hover{color:#1da7da;opacity:.8}@media only screen and (min-width:768px){.go-back-button{padding:20px 0 0}}.email-verification{text-decoration:underline}.editor-preview,.editor-preview-side{padding:10px 20px;background-color:#fff}.form-group.inside{position:absolute;bottom:5px;right:20px;z-index:10;left:auto}input[type=radio]+label{padding:5px 10px}.form-register{padding:50px}.form-register .img-register{display:block;max-width:100%;height:auto;margin:0 auto}.form-register .panel-heading{padding:30px 40px 0}.form-register .btn{width:220px;padding:12px;font-size:16px}@media only screen and (min-width:768px){.form-register{padding:0 0 20px}}.row-xs-1{height:10vh}.row-xs-2{height:20vh}.row-xs-3{height:30vh}.row-xs-4{height:40vh}.row-xs-5{height:50vh}.row-xs-6{height:60vh}.row-xs-7{height:70vh}.row-xs-8{height:80vh}.row-xs-9{height:90vh}.row-xs-10{height:100vh}@media only screen and (min-width:768px){.row-md-1{height:10vh}.row-md-2{height:20vh}.row-md-3{height:30vh}.row-md-4{height:40vh}.row-md-5{height:50vh}.row-md-6{height:60vh}.row-md-7{height:70vh}.row-md-8{height:80vh}.row-md-9{height:90vh}.row-md-10{height:100vh}}.row-md-offset-1{padding-top:10vh}.row-md-offset-2{padding-top:20vh}.row-md-offset-3{padding-top:30vh}.row-md-offset-4{padding-top:40vh}.row-md-offset-5{padding-top:50vh}.row-md-offset-6{padding-top:60vh}.row-md-offset-7{padding-top:70vh}.row-md-offset-8{padding-top:80vh}.row-md-offset-9{padding-top:90vh}.row-md-offset-10{padding-top:100vh}.error-wrapper{height:100vh;background-color:#1d466d;background:linear-gradient(0deg,#403b6b,#0f4271);padding-top:0!important}.city{height:20vh;background-image:url(../../images/vector-cityscape-silhouette.png);background-repeat:no-repeat;background-size:auto 100%;background-position:bottom;z-index:2}@media only screen and (min-width:992px){.city{height:30vh}}@keyframes moveLaser{50%{transform:rotate(25deg)}}.stars{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block;opacity:.5;background:url(../../images/stars.png) repeat top;z-index:0}.laser-wrapper{position:relative;z-index:3}@media only screen and (min-width:768px){.laser-wrapper{height:50vh}}@media only screen and (min-width:992px){.laser-wrapper{height:40vh}}.laser-container{height:100%;width:140px;margin:0 auto}@media only screen and (min-width:768px){.laser-container{width:160px}}.laser-circle{position:absolute;bottom:calc(35vh - 60px);left:-70px;height:110px;width:140px;border-radius:50%;background:#c1c9d2;box-shadow:0 0 15px 4px hsla(0,0%,100%,.2)}@media only screen and (min-width:768px){.laser-circle{bottom:calc(35vh - 60px);left:-80px;width:160px;height:120px}}.laser{position:absolute;bottom:-7vh;height:0;width:0;border:35vh solid transparent;z-index:18;border-top-color:hsla(0,0%,100%,.17);border-left-width:70px;border-right-width:70px;border-bottom-width:0;transform:rotate(-25deg);transform-origin:bottom center;animation:moveLaser 6s linear infinite}@media only screen and (min-width:768px){.laser{border-top-width:35vh;border-left-width:80px;border-right-width:80px}}.catman-wrapper{position:relative;height:100%}.catman{position:absolute;top:10px;left:0;height:75%;width:140px;background-image:url(../../images/catman.svg);z-index:20;background-size:contain;background-repeat:no-repeat;background-position:50%}@media only screen and (min-width:768px){.catman{width:160px}}.error-text{color:#fff;text-align:center;padding:10px 20px 0;z-index:3}.error-text h1{font-size:50px;font-weight:700}@media only screen and (min-width:768px){.error-text h1{font-size:80px}}.error-text p{color:#b4bbc7;font-size:18px}@media only screen and (min-width:768px){.error-text p{font-size:20px;width:430px;margin:0 auto}}@media only screen and (min-width:768px){.error-text{padding-top:30px}}.error-500 h1{font-size:10vh;font-weight:400;color:#f9a83c}.error-500 h2{font-size:6vh;font-weight:700}.error-500 p{margin-top:15px;font-size:3vh}.pizza-wrapper{background-image:url(../../images/Pizza.png);background-size:cover;background-position:top;background-repeat:no-repeat}.section--awards{padding:1em}@media only screen and (min-width:768px){.section--awards{padding:4em}}.award__container{width:100%;padding:0 20px;margin-bottom:10px}.award__container .profile__karma{float:none;font-size:12px;padding:3px 6px}.award__wrapper{position:relative;padding:0 40px}.award__text{font-size:16px}.award__date{color:#bababa;display:block}.award__center{word-wrap:normal;white-space:normal}.award__left{position:absolute;top:0;left:0;width:30px;height:20px}.award__left .award__type{width:100%;height:100%;color:#1da7da;font-size:16px;text-align:center;line-height:30px}.award__right{position:absolute;top:0;right:0;width:30px;height:20px;text-align:right}.page--guide .main-content{min-height:100vh;background-color:#1da7da}@media only screen and (max-width:767px){.page--guide .hero-content{padding:0}}#carousel-guide #author-animation{width:100%;height:100%;margin:0;padding:0}#carousel-guide #author-animation #author-loader-wrapper{opacity:1;animation:none}#carousel-guide #author-animation #author-loader{border-top-color:#fff}#carousel-guide .btn{font-size:16px}#carousel-guide .animated #author-loader{animation:spin 2s linear infinite}#carousel-guide .animated .profile__karma{animation:karmaWrapperAnimation 2.7s infinite}#carousel-guide .animated .karma__text{animation:karmaAnimation 2.7s infinite}#carousel-guide .animated .play-pause span:nth-of-type(2){animation:movePause 5s infinite}#carousel-guide .animated .play-pause span:nth-of-type(3){animation:moveThird 5s infinite}#carousel-guide .animated .article-mockup{animation:slideUp 4s infinite}#carousel-guide .animated .post-mockup{transform:translate(-30px) scale(.55)}#carousel-guide .post-mockup{top:0;text-align:left;opacity:1;transform:translate(-30px,100%) scale(.5);transition:transform 1s ease}#carousel-guide .post-mockup .comment-mockup{transform:translate(0)}#carousel-guide .user-avatar{position:relative;background-color:transparent;width:100%;height:100%}#carousel-guide .profile__karma{position:relative;top:-45px;z-index:11;transition:transform .3s ease}#carousel-guide .karma_wrapper{position:relative;overflow:hidden}#carousel-guide .karma__text{position:relative;top:22px;transition:transform .3s ease}#carousel-guide .karma__text:after,#carousel-guide .karma__text:before{position:absolute;left:0}#carousel-guide .karma__text:before{content:"122";bottom:100%}#carousel-guide .karma__text:after{content:"124";top:100%}#carousel-guide .caption-circle{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}#carousel-guide .caption-content{position:relative;width:100%;height:100%;z-index:10}#carousel-guide .caption-circle-wrapper{position:relative;width:200px;height:200px;border-radius:50%;overflow:hidden;margin:0 auto}#carousel-guide .caption-circle-wrapper .caption-icon{font-size:80px;font-weight:700;line-height:200px}#carousel-guide .caption-circle-wrapper .play-pause{width:100%;height:100%;border-radius:50%}#carousel-guide .caption-circle-wrapper .play-pause span{position:absolute;top:50px;width:6px;height:100px;background-color:#ff7f70;border-radius:3px}#carousel-guide .caption-circle-wrapper .play-pause span:first-of-type,#carousel-guide .caption-circle-wrapper .play-pause span:nth-of-type(3){left:70px}#carousel-guide .caption-circle-wrapper .play-pause span:nth-of-type(2){left:120px;transform:rotate(0) translate(0)}#carousel-guide .caption-circle-wrapper .play-pause span:nth-of-type(3){opacity:0;transform:rotate(0) translate(0)}#carousel-guide .caption-circle-wrapper .article-mockup-container{position:absolute;text-align:left;width:100%;height:100%;margin:0}#carousel-guide .caption-circle-wrapper .article-mockup{position:relative;width:100%;top:70px;transform:translateY(100px) scale3d(.67,.5,1);transform-origin:center top}#carousel-guide .caption-circle-wrapper .user-mockup{width:50%;height:50%;margin:20px auto}@keyframes movePause{20%,to{transform:rotate(0) translate(0)}30%,90%{transform:rotate(60deg) translate(16px,19px)}}@keyframes moveThird{20%,to{transform:rotate(0) translate(0);opacity:0}30%,90%{transform:rotate(-60deg) translate(42px,24px);opacity:1}}@keyframes slideUp{25%,80%{opacity:1;transform:translate(0) scale3d(.67,.5,1)}to{opacity:0;transform:translate(0) scale3d(.67,.5,1)}}@keyframes karmaWrapperAnimation{10%,20%,35%,45%,55%{transform:translateY(0)}25%,50%{transform:translateY(-7px)}}@keyframes karmaAnimation{10%,20%{opacity:1;transform:translateY(0)}35%,45%{opacity:1;transform:translateY(-22px)}55%,65%{opacity:1;transform:translateY(-42px)}75%{opacity:0;transform:translateY(-42px)}to{opacity:0;transform:translateY(0)}}.carousel-caption{position:relative;margin:0 auto;right:0;left:0;bottom:0;border-radius:0;color:#fff;font-size:14px;text-shadow:none}.carousel-caption.section{padding-top:4em;border:none}@media only screen and (min-width:768px){.carousel-caption.section{width:80%;padding:4em 3em;border-radius:10px;box-shadow:3px 3px 5px rgba(0,0,0,.2)}}@media only screen and (min-width:1170px){.carousel-caption.section{padding:5em}}.carousel-caption h3{color:#343434;margin-top:40px;margin-bottom:15px;font-weight:700}.carousel-caption p{color:#747474;font-size:16px}@media only screen and (min-width:768px){.carousel-caption{height:550px}}.swiper-container{background:#fff}@media only screen and (min-width:768px){.swiper-container{background:0 0;padding-bottom:50px}}.swiper-slide{min-height:calc(100vh - 50px)}@media only screen and (min-width:768px){.swiper-slide{min-height:0}}.swiper-pagination-bullet{width:10px;height:10px}.swiper-pagination-bullet-active{background:inherit}.swiper-button-next,.swiper-button-prev{background:0 0}.swiper-button-next span,.swiper-button-prev span{font-size:30px;color:#fff}.user-avatar.purple:after,.user-avatar.purple:before{background-color:#9979cb}.user-avatar.blue:after,.user-avatar.blue:before{background-color:#39a8d2}.main-content.green,.main-content.green .swiper-pagination-bullet-active{background-color:#48c77f}.main-content.blue,.main-content.blue .swiper-pagination-bullet-active{background-color:#3ba9d2}.main-content.red,.main-content.red .swiper-pagination-bullet-active{background-color:#ff7f70}.main-content.purple,.main-content.purple .swiper-pagination-bullet-active{background-color:#9a7bcc}.main-content.yellow,.main-content.yellow .swiper-pagination-bullet-active{background-color:#f7b952}.caption-circle-wrapper.green{background-color:#e0f1e7}.caption-circle-wrapper.blue{background-color:#e1f4f9}.caption-circle-wrapper.red{background-color:#ffeded}.caption-circle-wrapper.purple{background-color:#e3edff}.caption-circle-wrapper.yellow{background-color:#ffe8c2}@media only screen and (min-width:768px){.swiper-pagination .swiper-pagination-bullet-active{background-color:#fff!important}}#toast-container>div{box-shadow:none;opacity:1}#toast-container>div:hover{box-shadow:none}#toast-container>.toast-success{background-image:none!important;background-color:#3dd07d}#toast-container>.toast-success:before{content:"\e080";font-family:simple-line-icons;font-size:18px;position:absolute;left:15px;top:6px}@media only screen and (min-width:768px){#toast-container>.toast-success:before{font-size:22px;top:10px}}#toast-container>.toast-error{background-image:none!important;background-color:#ff6860}#toast-container>.toast-error:before{content:"\e082";font-family:simple-line-icons;font-size:18px;position:absolute;left:15px;top:6px}@media only screen and (min-width:768px){#toast-container>.toast-error:before{font-size:22px;top:10px}}@media only screen and (min-width:768px){.toast-bottom-full-width{left:0;right:auto;width:20em}}#toast-container .toast-close-button{right:0}@media only screen and (min-width:768px){#toast-container .toast-close-button{right:-5px}}.CodeMirror{color:#000}.CodeMirror-lines{padding:4px 0}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-animate-fat-cursor{width:auto;border:0;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-ruler{border-left:1px solid #ccc;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-invalidchar,.cm-s-default .cm-error{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0f0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#f22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow-y:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{border-radius:0;background:0 0;font-family:inherit;font-size:14px;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;font-variant-ligatures:none}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;overflow:auto}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected,.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:rgba(29,167,218,.1)}.CodeMirror-focused .CodeMirror-selected,.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:rgba(29,167,218,.1)}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:rgba(29,167,218,.1)}.cm-searching{background:#ffa;background:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:0 0}.CodeMirror{font-size:16px;height:auto;min-height:300px;border:1px solid #ddd;border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding:15px 20px 70px;font:inherit;z-index:1}#form-article .CodeMirror{height:600px}.CodeMirror-scroll{min-height:300px}.CodeMirror-fullscreen{background:#fff;position:fixed!important;top:50px;left:0;right:0;bottom:0;height:auto;z-index:9}.CodeMirror-sided{width:50%!important}.editor-toolbar{position:relative;opacity:.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;padding:0 10px;border-top:1px solid #bbb;border-left:1px solid #bbb;border-right:1px solid #bbb;border-top-left-radius:4px;border-top-right-radius:4px}.editor-toolbar:after,.editor-toolbar:before{display:block;content:" ";height:1px}.editor-toolbar:before{margin-bottom:8px}.editor-toolbar:after{margin-top:8px}.editor-toolbar:hover,.editor-wrapper input.title:focus,.editor-wrapper input.title:hover{opacity:.8}.editor-toolbar.fullscreen{width:100%;height:50px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-top:10px;padding-bottom:10px;box-sizing:border-box;background:#fff;border:0;position:fixed;top:0;left:0;opacity:1;z-index:9}.editor-toolbar.fullscreen:before{width:20px;height:50px;background:linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0));position:fixed;top:0;left:0;margin:0;padding:0}.editor-toolbar.fullscreen:after{width:20px;height:50px;background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff);position:fixed;top:0;right:0;margin:0;padding:0}.editor-toolbar a{display:inline-block;text-align:center;text-decoration:none!important;color:#2c3e50!important;width:30px;height:30px;margin:0;border:1px solid transparent;border-radius:3px;cursor:pointer}.editor-toolbar a.active,.editor-toolbar a:hover{background:#fcfcfc;border-color:#95a5a6}.editor-toolbar a:before{line-height:30px}.editor-toolbar i.separator{display:inline-block;width:0;border-left:1px solid #d9d9d9;border-right:1px solid #fff;color:transparent;text-indent:-10px;margin:0 6px}.editor-toolbar a.fa-header-x:after{font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:65%;vertical-align:text-bottom;position:relative;top:2px}.editor-toolbar a.fa-header-1:after{content:"1"}.editor-toolbar a.fa-header-2:after{content:"2"}.editor-toolbar a.fa-header-3:after{content:"3"}.editor-toolbar a.fa-header-bigger:after{content:"▲"}.editor-toolbar a.fa-header-smaller:after{content:"▼"}.editor-toolbar.disabled-for-preview a:not(.no-disable){pointer-events:none;background:#fff;border-color:transparent;text-shadow:inherit}@media only screen and (max-width:700px){.editor-toolbar a.no-mobile{display:none}}.editor-statusbar{position:absolute;bottom:15px;left:0;padding:8px 10px;font-size:12px;color:#959694;text-align:left;z-index:3}.editor-statusbar span{display:inline-block;min-width:4em;margin-left:1em}.editor-statusbar span.autosave{display:none}.editor-preview,.editor-preview-side{padding:15px 20px;background:#fff;overflow:auto;display:none;box-sizing:border-box}.editor-preview pre,.editor-preview-side pre{font-size:12px}.editor-statusbar .lines:before{content:"lines: "}.editor-statusbar .words:before{content:"words: "}.editor-statusbar .characters:before{content:"characters: "}.editor-preview{position:absolute;width:100%;height:100%;top:0;left:0;z-index:7;padding:15px 20px 70px}.editor-preview-side{position:fixed;bottom:0;width:50%;top:50px;right:0;z-index:9;border:1px solid #ddd}.editor-preview-active,.editor-preview-active-side{display:block}.editor-preview-side>p,.editor-preview>p{margin-top:0}.editor-preview pre,.editor-preview-side pre{background:#fafafa;margin-bottom:10px}.editor-preview table td,.editor-preview table th,.editor-preview-side table td,.editor-preview-side table th{border:1px solid #ddd;padding:5px}.CodeMirror-code .cm-tag{color:#905}.CodeMirror-code .cm-attribute{color:#07a}.CodeMirror-code .cm-bracket{color:#999}.CodeMirror-code .cm-qualifier,.CodeMirror-code .cm-string{color:#690}.CodeMirror-code .cm-string-2{color:#183691}.CodeMirror-code .cm-header-1{font-size:200%;line-height:200%}.CodeMirror-code .cm-header-2{font-size:160%;line-height:160%}.CodeMirror-code .cm-header-3{font-size:125%;line-height:125%}.CodeMirror-code .cm-header-4{font-size:110%;line-height:110%}.CodeMirror-code .cm-link{color:#7f8c8d}.CodeMirror-code .cm-url{color:#07a}.CodeMirror-code .cm-strikethrough{text-decoration:line-through}.CodeMirror-code .cm-hr{color:#aeaeae}.CodeMirror-code .cm-error{border-bottom:1px solid red}.CodeMirror-code div.CodeMirror-cursor{border-left:3px solid #f8f8f2}.CodeMirror-code .CodeMirror-activeline-background,.CodeMirror-code .CodeMirror-selected{background:#49483e}.CodeMirror-code .cm-comment{color:#708090}.CodeMirror-code .cm-number{color:#905}.CodeMirror-code .cm-atom{color:#000}.CodeMirror-code .cm-keyword{color:#07a}.CodeMirror-code .cm-def,.CodeMirror-code .cm-variable,.CodeMirror-code .cm-variable-2{color:#000}.CodeMirror-code .cm-property{color:#dd4a68}.CodeMirror-code .cm-operator{color:#a67f59}.CodeMirror-code .CodeMirror-activeline-background{background:#efefff}.CodeMirror-code span.CodeMirror-matchingbracket{outline:1px solid grey;color:inherit}.CodeMirror .CodeMirror-placeholder{opacity:.5}.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word){background:rgba(255,0,0,.15)}.editor-toolbar .btn-preview{float:right;width:auto;padding:0 10px}.editor-toolbar .btn-preview:after{content:"Preview";font-family:"Open Sans",sans-serif;margin-left:5px}.toggle-spell-check.enabled{opacity:1;border-color:#95a5a6}.toggle-spell-check.enabled:before{color:#f91f14}.editor-toolbar.disabled-for-preview a:not(.no-disable):before{color:#2c3e50}.hljs-comment,.hljs-quote{color:#708090}.hljs-selector-class,.hljs-selector-id,.hljs-string{color:#690}.hljs-tag{color:#999}.hljs-name{color:#905}.hljs-attr{color:#07a}.hljs-attribute{color:#dd4a68}.hljs-number{color:#905}.hljs-deletion,.hljs-regexp,.hljs-selector-id,.hljs-template-variable,.hljs-variable{color:#690}.hljs-params{color:#191919}.hljs-built_in,.hljs-builtin-name,.hljs-link,.hljs-literal,.hljs-type{color:#f5871f}.hljs-addition,.hljs-bullet,.hljs-symbol{color:#718c00}.hljs-section,.hljs-title{color:#191919}.hljs-keyword,.hljs-selector-tag{color:#07a}.hljs{display:block;overflow-x:auto;background:#fff;color:#191919;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}