.signUpTab{height:50px;background:#041c25;background:-moz-linear-gradient(top, #041c25 0%, #0b536f 100%);background:-webkit-linear-gradient(top, #041c25 0%, #0b536f 100%);background:linear-gradient(to bottom, #041c25 0%, #0b536f 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#041c25', endColorstr='#0b536f',GradientType=0 );box-shadow:0px 3px 4px rgba(0,0,0,0.2);position:absolute;top:0px;width:100%;z-index:502;text-align:center}.signUpTab .tabImg{height:35px;width:35px;padding:10px;vertical-align:top}.signUpTab .actionBlock{line-height:50px;font-size:18px;font-weight:500;display:inline-block;color:#fff}@media (max-width: 767px){.signUpTab .actionBlock{font-size:14px}}.signUpTab .actionBlock .actionLink{margin-left:10px;background:transparent;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border:2px solid #F74A5A;color:#F74A5A;padding:4px 12px;font-size:11px;text-transform:uppercase;text-decoration:none;font-weight:bold}.signUpTab .actionBlock .actionLink:hover{background:none;color:#FFF;border-color:#FFF}.tutorialList{background:#f9f9f9}.top-insights-background-section{background:url(https://cdn.codementor.io/assets/article/codementor-insights.jpg) no-repeat #000 fixed;background-position:center center;background-size:cover}.top-startups-background-section{background:url(https://cdn.codementor.io/assets/article/codementor-startups.jpg) no-repeat #000 fixed;background-position:center center;background-size:cover}.top-blog-background-section{background:url(https://cdn.codementor.io/assets/blog/blog-background.jpg) no-repeat #08a;background-position:center center;background-size:cover}@media (max-width: 768px){.top-blog-background-section{background:#0088AA}}.top-background-section{background:url(https://cdn.codementor.io/assets/article/codementor-tutorials.jpg) no-repeat #000 fixed;background-position:center center;background-size:cover}.breadcrumb{font-size:12px;font-weight:bold;background:rgba(15,41,61,0.4);margin-bottom:0px;padding:10px 0px 10px 20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;color:#fff;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px}.breadcrumb .bread-link{color:#fff}.breadcrumb .last-link{color:#f8f9fa}.header-line-block{padding:100px 0px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-align:center;background:transparent;min-height:500px}@media (max-width: 768px){.header-line-block{min-height:auto;padding:32px 30px}}.header-line-block .head-img{width:45px;margin-right:15px;vertical-align:middle}.header-line-block .head-title{color:#073648;font-size:4em;line-height:1.2;font-weight:bold;margin:30px 0px 40px;font-family:'Raleway', sans-serif;text-shadow:1px 2px 5px rgba(0,0,0,0.3)}.header-line-block .head-title-light{color:#fff;font-size:4em;line-height:1.2;font-weight:bold;margin:0px 0px 35px;font-family:'Raleway', sans-serif}@media (max-width: 768px){.header-line-block .head-title-light{font-size:2.5em;margin:0 0 13px}}.header-line-block .head-sub-title{color:#09455D;font-size:1.6em;line-height:1.5;font-weight:500;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;margin-bottom:30px;text-shadow:1px 2px 5px rgba(0,0,0,0.3)}.header-line-block .head-sub-title-light{color:#fff;font-size:1.2em;line-height:1.5;font-weight:400;font-family:'Open Sans';margin:0 auto 150px;max-width:600px}@media (max-width: 768px){.header-line-block .head-sub-title-light{margin:0 auto}}.sub-menu{background-color:#fff;border-bottom:solid 1px #e9f0f3;border-top:solid 1px #e9f0f3;padding:15px 0;text-align:center}@media (max-width: 768px){.sub-menu div{display:flex;flex-wrap:wrap;text-align:left;line-height:24px}}.sub-menu .sub-link{-webkit-transition:color 200ms ease-in-out;-moz-transition:color 200ms ease-in-out;transition:color 200ms ease-in-out;color:#073648;font-size:14px;display:inline-block;padding:0px 15px}@media (max-width: 768px){.sub-menu .sub-link{width:calc(50% - 16px);padding:0 0 0 16px}}.list{display:flex}@media (max-width: 768px){.list{display:block}}.list .main-content{flex:1;-webkit-flex:1;-ms-flex:1}.list .main-content .content-block{padding:10px 0px;margin:0 auto;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.list .main-content .content-block .post-link:hover{text-decoration:none}.list .main-content .content-block .post-link:focus{text-decoration:none}.list .main-content .content-block .post{margin:20px 0px;padding-bottom:50px;background-color:#fff;border:1px solid #eee;border-width:0px 1px 2px 1px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;display:block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.list .main-content .content-block .post .level-tag{padding:2px 8px;color:#fff;display:inline-block;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}.list .main-content .content-block .post .level-beginner-tag{background-color:#88999e}.list .main-content .content-block .post .level-intermediate-tag{background-color:#99c055}.list .main-content .content-block .post .level-advanced-tag{background-color:#55c0aa}.list .main-content .content-block .post:hover{text-decoration:none;box-shadow:0 8px 8px rgba(0,0,0,0.1),0 4px 4px rgba(0,0,0,0.08)}.list .main-content .content-block .post:hover .post-title{color:#073648;text-decoration:none;border-color:#073648;word-wrap:break-word}.list .main-content .content-block .post:hover .image{opacity:1}.list .main-content .content-block .post:hover .author-block .author-name{color:#000}.list .main-content .content-block .post:hover .author-block .tag-info{color:#333}.list .main-content .content-block .post:hover .author-block .seperator-dot{color:#666}.list .main-content .content-block .post:hover .author-block .article-time{color:#333}.list .main-content .content-block .post:hover .description{color:#333;word-wrap:break-word}.list .main-content .content-block .post .post-title{font-size:30px;line-height:40px;margin:30px 0px 20px;display:block;color:#2e353b;font-weight:500;display:inline-block;padding:10px 40px;border-left:5px solid #ddd}@media (max-width: 768px){.list .main-content .content-block .post .post-title{font-size:24px;line-height:1.5;margin:24px 0 12px}}.list .main-content .content-block .post .author-block{color:#999;margin-bottom:5px;padding:0px 40px;display:block}.list .main-content .content-block .post .author-block .author-img{border-radius:30px;width:30px;padding-right:5px}.list .main-content .content-block .post .author-block .author-name{display:inline-block;font-size:14px;font-weight:bold;line-height:30px;color:#333}.list .main-content .content-block .post .author-block .tag-info{color:#999;font-weight:bold;font-size:14px;line-height:30px}.list .main-content .content-block .post .author-block .seperator-dot{color:#ddd;font-weight:bold;font-size:10px;line-height:30px}.list .main-content .content-block .post .author-block .article-time{color:#aaa;font-size:12px;font-weight:bold;line-height:1.5}.list .main-content .content-block .post .content-block{display:block;padding:0px 40px}.list .main-content .content-block .post .image{width:100%;height:auto;border:1px solid #eee;margin:20px 0px;opacity:0.8}@media (max-width: 768px){.list .main-content .content-block .post .image{margin:14px 0 10px}}.list .main-content .content-block .post .description{color:#576366;font-size:16px;line-height:26px;margin-top:10px}.list .main-content .content-block .post .read-more-link{font-weight:bold;font-size:12px;line-height:14px}.list .sidebar{width:300px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding-bottom:20px}@media (max-width: 768px){.list .sidebar{display:block;width:100%;max-width:300px;margin:0 auto}}.list .sidebar .sidebar-subtitle{font-size:12px;font-weight:400;text-transform:uppercase;color:#a9a9a9;margin-bottom:10px}.list .sidebar .related-tags{padding:30px 20px 10px}.list .sidebar .related-tags .tag-list .tag{padding:3px 5px;margin-right:5px;margin-bottom:5px;background-color:#f3f3f3;border:1px solid rgba(255,255,255,0.5);border-radius:2px;display:inline-block;color:#999;font-weight:bold;font-size:12px;transition:0.2s all ease-out;text-decoration:none}.list .sidebar .related-tags .tag-list .tag:hover{background-color:#fff;text-decoration:none}.list .sidebar .signup .signup-image{width:240px;height:142px;display:block;padding:16px 20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background-color:#bbb;border-top-right-radius:6px;border-top-left-radius:6px;position:relative;text-align:center}.list .sidebar .signup .signup-image>img{height:110.688px;width:180px}.list .sidebar .signup .signup-image:after{content:"";width:0;height:0;border-style:solid;border-width:10px 10px 0 10px;border-color:#bbb transparent transparent transparent;position:absolute;bottom:-10px;margin-left:-100px}.list .sidebar .signup .signup-info{background:#073648;width:240px;padding:10px 20px 20px;border-bottom-right-radius:6px;border-bottom-left-radius:6px;margin-bottom:10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.list .sidebar .signup .signup-slogan{color:#fff;font-size:16px;font-weight:bold;line-height:1.6em;margin-bottom:10px}.list .sidebar .signup #new_user{margin-bottom:0px}.list .sidebar .signup #new_user #user_email{height:36px;width:100%;line-height:20px;font-size:10px;color:#000;margin-bottom:15px;padding:0px 15px 0px 15px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.list .sidebar .signup #new_user .btn{height:36px;padding:8px 10px;width:100%;font-size:12px;margin-bottom:0px}.list .sidebar .signup .content{text-align:left}.list .sidebar .top-posts{padding:10px 20px}.list .sidebar .top-posts>.post{margin-bottom:15px}.list .sidebar .top-posts>.post .rank{text-align:center;display:inline-block;background-color:#C3CCD5;font-size:12px;font-weight:bold;font-weight:bold;padding:10px;border-radius:50%;color:#fff;width:35px;height:35px;line-height:15px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin-top:3px}.list .sidebar .top-posts>.post .top-title{color:#667A8F;font-size:12px;line-height:14px}.at4-share-outer{display:none}.sharing-block{vertical-align:top;margin-top:30px}@media (max-width: 768px){.sharing-block{display:flex;justify-content:center}}.sharing-block .addthis_sharing_toolbox{display:inline-block;margin-bottom:10px;height:37px;vertical-align:top}.sharing-block .addthis_sharing_toolbox .at-share-btn-elements{margin-right:-4px}@media (max-width: 768px){.sharing-block .addthis_sharing_toolbox .at-share-btn-elements{margin-right:0}}.sharing-block .addthis_sharing_toolbox .at_flat_counter{display:none}.sharing-block .rss-feed{display:inline-block;height:37px;margin-bottom:10px;vertical-align:top}.sharing-block .rss-feed .feed-img{width:32px;height:32px}footer{margin-top:0px}