*{margin:0;padding:0;font-family:lato,sans-serif}*::selection{background-color:#0288d1;color:#fff}*::-moz-selection{background-color:#0288d1;color:#fff}body{width:100%;overflow-x:hidden;background-color:#f2f2f2}.wrapper{margin:0 80px}.clear{clear:both}h1,h2,h3,h1 small,h2 span{font-family:comfortaa,cursive;font-weight:400}h2 span{color:#ff4639}a{font-size:15px;text-decoration:none;color:#ff4639;transition:.2s all linear}a:hover{color:#03a9f4}a.tab{display:inline-flex;flex-flow:row nowrap;align-items:flex-end;vertical-align:top;width:auto;height:230px;background-color:#fff;background-position:top;background-repeat:no-repeat;background-size:cover;color:#181818;-webkit-box-shadow:0 2px 5px 0 #828282;box-shadow:0 2px 5px 0 #828282}a.tab span{background-color:rgba(255,255,255,.9);padding:5px 8px;width:100%;font-size:15px;text-align:left}a.moreBtn{display:block;margin-top:20px;font-weight:700;font-size:13px}header{position:fixed;top:0;left:0;right:0;z-index:100;background-color:#fff;display:flex;flex-flow:row nowrap;justify-content:flex-start;-webkit-box-shadow:0 3px 3px 0 #cfcfcf;box-shadow:0 3px 3px 0 #cfcfcf}header a#Geekboots-owl{width:60px;height:60px;background-color:#fafafa;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url(../icons/Geekboots-owl.svg)}header span#menuBtn{visibility:hidden;opacity:0;margin-left:auto;width:60px;height:60px;cursor:pointer;background-position:center;background-repeat:no-repeat;background-size:30px;background-image:url(../icons/menuBtn.svg);filter:grayscale(100%)brightness(40%);transition:.2s all linear}header nav#mainMenu{width:calc(100% - 60px)}header nav#mainMenu ul{display:flex;flex-flow:row nowrap}header nav#mainMenu ul li{list-style:none}header nav#mainMenu ul li.rightAlg{margin-left:auto}header nav#mainMenu ul li>a{display:flex;align-items:center;height:60px;padding:0 20px;color:#383838}header nav#mainMenu ul li:hover>a,header nav#mainMenu ul li.highlight:hover a{background-color:#f9f9f9;color:#03a9f4}header nav#mainMenu ul li>a span{width:20px;height:20px;background-position:center;background-repeat:no-repeat;background-size:cover;filter:grayscale(100%)brightness(40%);transition:.2s all linear}header nav#mainMenu ul li:hover>a span,header span#menuBtn:hover,header span#menuBtn.active{filter:grayscale(0%)brightness(100%)}header nav#mainMenu ul li.highlight a{color:#ff4639;font-weight:700}header nav#mainMenu ul li nav.dropMenu{visibility:hidden;opacity:0;position:absolute;left:0;right:0;padding:10px 15px;transition:.2s all linear;background-color:rgba(249,249,249,.9);-webkit-box-shadow:0 3px 3px 0 #cfcfcf;box-shadow:0 3px 3px 0 #cfcfcf;display:flex;flex-flow:row wrap;align-items:center}header nav#mainMenu ul li:hover nav.dropMenu{visibility:visible;opacity:1}header nav#mainMenu ul li nav.dropMenu a{margin:10px 15px;color:#181818;font-size:14px}header nav#mainMenu ul li nav.dropMenu a:hover{color:#ff4639}header nav#mainMenu ul li nav.dropMenu a span,ul#progList li a span{display:inline-block;vertical-align:middle;width:20px;height:20px;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url(../icons/coding.svg)}section.banner{width:100%;height:350px;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;flex-flow:column wrap;align-items:center;justify-content:center;text-align:center}section.banner#homeBanner h1,section.banner#searchBanner h1,section.banner#hashBanner h1,section.banner#storiesBanner h1,section.banner#newsBanner h1{font-size:55px;color:#fff}section.banner#homeBanner h1 small,section.banner#searchBanner h1 small{font-size:24px}section.banner#homeBanner{height:550px}section.banner#homeBanner,section.banner#hashBanner,section.banner#searchBanner{background-image:url(../images/home-banner.jpg)}section.banner#storiesBanner{background-image:url(../images/stories-banner.jpg)}section.banner#newsBanner{background-image:url(../images/news-banner.jpg)}section#searchSec{width:90%;max-width:750px;margin:-35px auto 0;text-align:center;background-color:rgba(3,169,244,.6);padding:15px;border-radius:50px;-webkit-border-radius:50px;-webkit-box-shadow:0 2px 5px 0 #999;box-shadow:0 2px 5px 0 #999}section#searchSec.headBar{}section#searchSec input[type=search]{font-size:18px;display:inline-block;vertical-align:middle;padding:8px 12px;border:0;background-color:#fff;border-radius:50px 0 0 50px;-webkit-border-radius:50px 0 0 50px;width:calc(100% - 73px)}section#searchSec button[type=submit]{display:inline-block;vertical-align:middle;width:70px;height:38px;font-size:0;color:#fff;padding:0;border:0;margin-left:-3px;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:28px;cursor:pointer;background-image:url(../icons/search.svg);border-radius:0 50px 50px 0;-webkit-border-radius:0 50px 50px 0}section#showCase{padding:50px 0}section#showCase div.wrapper{display:flex;flex-flow:row wrap;align-items:flex-start}section#showCase div.wrapper aside#tabPost{width:calc(100% - 340px)}section#showCase div.wrapper aside#tabPost a.tab{width:calc((100%/3) - 23px);margin:10px}section#showCase div.wrapper aside#tabPost nav.pagination{width:100%;margin-top:20px}section#showCase div.wrapper aside#newsUpate,section#showCase div.wrapper aside#storyUpate{width:300px;padding:20px 10px;margin-left:20px;background-color:#fff;text-align:center}ul#newsList,ul#stoyList,ul#rndProg{margin:10px 0}ul#newsList li,ul#stoyList li,ul#rndProg li{list-style:none;padding:12px 0;border-bottom:#ddd solid thin}ul#newsList li:last-child,ul#stoyList li:last-child,ul#rndProg li:last-child{border-bottom:0}ul#newsList li a,ul#stoyList li a,ul#rndProg li a{text-align:left;font-size:14px;display:flex;flex-flow:row wrap;align-items:center}ul#newsList li a span.listImg,ul#stoyList li a span.listImg,ul#rndProg li a span.listImg{width:55px;height:40px;margin-right:10px;background-position:center;background-repeat:no-repeat;background-size:cover}ul#newsList li a span.listTxt,ul#stoyList li a span.listTxt,ul#rndProg li a span.listTxt{width:calc(100% - 65px)}section#miscellaneous a.tab{width:calc((100%/4) - 23px);margin:10px}nav.pagination{width:100%;display:flex;text-align:left;margin-top:5px}nav.pagination a{font-weight:700;font-size:14px}nav.pagination a[rel=next]{margin-left:auto}ul#postList li{list-style:none;display:flex;padding:15px 0;border-bottom:#dfdfdf solid 2px}ul#postList li span.rListImg{background-position:center;background-repeat:no-repeat;background-size:cover;width:150px;height:120px}ul#postList li article{width:calc(100% - 160px);margin-left:auto;text-align:left}section#storyContainer,section#codingContainer{padding:400px 0 20px;background-position:top center;background-repeat:no-repeat;background-size:100%}section#storyContainer div.wrapper,section#codingContainer div.wrapper{background-color:#fff;padding:25px}section#storyContainer div.wrapper.storySec,section#codingContainer div.wrapper.codeSec{display:flex;flex-flow:row wrap;align-items:flex-start;justify-content:center}section#storyContainer article,section#codingContainer article{width:calc(100% - 370px)}section#storyContainer article h1,section#codingContainer article h1{font-size:30px}section#storyContainer article p.postInfo,section#codingContainer article p.postInfo{margin:0}section#storyContainer article p.postInfo small,section#codingContainer article p.postInfo small{color:#565656}section#storyContainer article p.postInfo small,section#storyContainer article p.postInfo small a,section#codingContainer article p.postInfo small,section#codingContainer article p.postInfo small a{font-size:13px}section#storyContainer article div.sharethis-inline-share-buttons,section#codingContainer article div.sharethis-inline-share-buttons{margin:10px 0 25px}section#storyContainer article h2,section#codingContainer article h2{margin-top:32px;font-size:22px;color:#181818}section#storyContainer article h2 a,section#codingContainer article h2 a{font-size:22px}section#storyContainer article h3{margin-top:28px;font-size:18px;color:#282828}section#storyContainer article h3 a{font-size:18px}section#storyContainer article h4{margin-top:28px;font-size:16px;color:#282828}section#storyContainer article p,section#codingContainer article p,section#codingContainer p,section#storyContainer p,section#showCase div.wrapper aside p{margin:15px 0;color:#585858;font-size:15px;line-height:26px}section#storyContainer article p b,section#storyContainer article p strong{font-weight:700}section#storyContainer article ul,section#storyContainer article ol{margin:10px 0}section#storyContainer article ul li,section#storyContainer article ol li{margin:4px 0 4px 30px;list-style:disc;font-size:15px;color:#585858}section#storyContainer article ol li{list-style:decimal}section#storyContainer article ul#progList li{list-style:none;width:220px;display:inline-block;text-align:left;margin:10px 5px}section#codingContainer article code pre{font-size:15px;color:#202020;border:0;padding:20px;overflow-x:auto;background-color:#f8f8f8;-webkit-box-shadow:inset 0 0 5px 0 #666;box-shadow:inset 0 0 5px 0 #666}section#storyContainer article nav,section#codingContainer article nav{margin:20px 0;font-size:14px;color:#565656}section#storyContainer article nav a,section#codingContainer article nav a{display:inline-block;font-size:13px;margin:5px 3px;color:#fff;background-color:#03a9f4;padding:2px 5px;border-radius:3px;-webkit-border-radius:3px}section#storyContainer article nav a:hover,section#codingContainer article nav a:hover{background-color:#ff4639}section#storyContainer article img,section#storyContainer aside img,section#codingContainer article img,section#codingContainer aside img{max-width:100%}section#storyContainer aside,section#codingContainer aside{width:300px;margin-left:20px;text-align:center}form#subscribe{margin:20px 0;padding:20px 0;background-color:#f5f5f5;border-radius:3px;-webkit-border-radius:3px}section#showCase div.wrapper aside form#subscribe{margin-top:0;background-color:#fff}form#subscribe input[type=text]{width:calc(100% - 90px);height:28px;display:inline-block;vertical-align:middle;border:#03a9f4 solid thin;padding:0 8px;border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;background-color:#fff}form#subscribe button[type=submit]{display:inline-block;vertical-align:middle;width:50px;height:30px;text-align:center;background-color:#03a9f4;color:#fff;border:0;transition:.2s all linear;border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;margin-left:-3px;font-size:15px;cursor:pointer}footer{margin-top:30px;padding:10px 0;background-color:#fff;text-align:center;font-size:12px}footer div.wrapper{display:flex;flex-flow:row wrap;align-items:center}footer div.wrapper aside.footTab{width:calc((100%/3) - 20px);margin:10px}footer div.wrapper aside.footTab:first-child{text-align:left}footer div.wrapper aside.footTab:last-child{text-align:right}footer div.wrapper a.links{margin:10px;font-size:14px}footer div.wrapper a.social{display:inline-block;vertical-align:middle;width:22px;height:22px;background-position:center;background-repeat:no-repeat;background-size:cover;margin:0 1px}footer div.wrapper a.social.twitter{background-image:url(../icons/twitter.svg)}footer div.wrapper a.social.googlePlus{background-image:url(../icons/google-plus.svg)}footer div.wrapper a.social.linkedin{background-image:url(../icons/linkedin.svg)}footer div.wrapper a.social.vk{background-image:url(../icons/vk.svg)}footer div.wrapper a.social.instagram{background-image:url(../icons/instagram.svg)}footer div.wrapper a.social.facebook{background-image:url(../icons/facebook.svg)}footer div.wrapper a.social.pinterest{background-image:url(../icons/pinterest.svg)}@media screen and (min-width:900px) and (max-width:1250px){.wrapper{margin:0 30px}section#showCase div.wrapper aside#tabPost a.tab{width:calc((100%/2) - 23px)}section#showCase div.wrapper aside#tabPost a.tab:last-child{width:calc(100% - 26px)}}@media screen and (min-width:620px) and (max-width:900px){.wrapper{margin:0 20px}header span#menuBtn,header nav#mainMenu.active{visibility:visible;opacity:1}header nav#mainMenu{visibility:hidden;opacity:0;transition:.2s all linear;position:absolute;width:100%;left:0;right:0;top:60px;background-color:rgba(255,255,255,.9)}header nav#mainMenu ul{display:block}header nav#mainMenu ul li a{justify-content:flex-end}header nav#mainMenu ul li:hover nav.dropMenu{visibility:hidden;opacity:0}section#showCase div.wrapper aside#tabPost a.tab{width:calc(100% - 23px)}section#miscellaneous a.tab{width:calc((100%/2) - 23px);vertical-align:top}section#storyContainer,section#codingContainer{padding:250px 0 20px}section#storyContainer div.wrapper,section#codingContainer div.wrapper{padding:15px}section#storyContainer article,section#codingContainer article{width:100%}section#storyContainer aside,section#codingContainer aside{width:100%;margin:30px auto}footer div.wrapper aside.footTab{width:100%;margin:5px 0}footer div.wrapper aside.footTab:first-child,footer div.wrapper aside.footTab:last-child{text-align:center}footer div.wrapper a.social{margin:0 5px}}@media screen and (min-width:320px) and (max-width:620px){.wrapper{margin:0 10px}header span#menuBtn,header nav#mainMenu.active{visibility:visible;opacity:1}header nav#mainMenu{visibility:hidden;opacity:0;transition:.2s all linear;position:absolute;width:100%;left:0;right:0;top:60px;background-color:rgba(255,255,255,.9)}header nav#mainMenu ul{display:block}header nav#mainMenu ul li a{justify-content:flex-end}header nav#mainMenu ul li:hover nav.dropMenu{visibility:hidden;opacity:0}section#showCase div.wrapper aside#tabPost a.tab,section#miscellaneous a.tab{width:calc(100%);margin:10px auto}section#showCase div.wrapper aside#tabPost{width:100%}section#showCase div.wrapper aside#newsUpate,section#showCase div.wrapper aside#storyUpate{width:calc(100% - 38px);margin:30px auto}section#storyContainer,section#codingContainer{padding:150px 0 20px}section#storyContainer div.wrapper,section#codingContainer div.wrapper{padding:10px}section#storyContainer article,section#codingContainer article{width:100%}section#storyContainer aside,section#codingContainer aside{width:100%;margin:30px auto}footer div.wrapper aside.footTab{width:100%;margin:8px 0}footer div.wrapper aside.footTab:first-child,footer div.wrapper aside.footTab:last-child{text-align:center}footer div.wrapper a.social{margin:0 5px}}