.oEveGal{left:0px;top:0px;width:100%;display:block}.oEveGalAct{position:fixed;left:0px;top:0px;height:100%;width:100% !important;max-width:100% !important;background-color:#000;background-color:rgba(0,0,0,0.9);z-index:999}.oEveGal .oEveGalLight{display:none}.oEveGalAct .oEveGalInner{position:relative;max-width:1200px;margin:auto;height:100%;box-shadow:0px 0px 5px #000}.oEveGalAct .oEveGalLight{position:relative;width:100%;height:75%;display:block}.oEveGalAct .oEveGalThumb{position:relative;width:100%;height:25%;display:block;white-space:nowrap;overflow:auto;overflow-y:hidden}.oEveGalAct .oEveGalThumbInner{height:100%;position:relative}.oEveGalAct .oEveGalItm{display:inline-block;width:200px;height:100%;float:none;background-color:#111;box-shadow:0px 0px 5px #000;border-radius:10px}.oEveGalC{position:absolute;top:0px;right:0px;width:32px;height:32px;line-height:32px;color:#eee;vertical-align:middle;font-size:22px;font-family:Arial;font-weight:bold;padding:6px 6px;transition:0.6s ease;border-radius:10px;cursor:pointer;-webkit-user-select:none}.oEveGalL{position:absolute;top:50%;left:0px;width:32px;height:64px;line-height:64px;color:#eee;vertical-align:middle;font-size:32px;font-family:Arial;font-weight:bold;padding:0px 6px;transition:0.6s ease;margin-top:-38px;cursor:pointer;-webkit-user-select:none}.oEveGalR{position:absolute;top:50%;right:0px;width:32px;height:64px;line-height:64px;color:#eee;vertical-align:middle;font-size:32px;font-family:Arial;font-weight:bold;padding:0px 6px;transition:0.6s ease;margin-top:-38px;cursor:pointer;-webkit-user-select:none}.oEveGalT{position:absolute;top:0px;left:0px;width:32px;height:64px;line-height:32px;color:#eee;vertical-align:middle;font-size:22px;font-family:Arial;padding:6px 6px}.oEveGalL:hover,.oEveGalR:hover,.oEveGalC:hover{background-color:#555;background-color:rgba(4,4,4,0.8)}.oEveGalLightDummy{padding-top:100%}.oEveGalLightCont{position:absolute;top:1%;left:1%;height:98%;width:98%;text-align:center;font:0/0 a;background-color:#111;box-shadow:inset 0px 0px 5px #000;border-radius:10px}.oEveGalLightCont:before{content:' ';display:inline-block;vertical-align:middle;height:100%}.oEveGalLightCont img{max-width:96%;max-height:96%;margin:auto;display:inline-block;vertical-align:middle}.oEveGalItm{position:relative;width:25%;display:block;padding:0px 10px;margin:0px 10px;height:100%}.oEveGalAct .oEveGalLink{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;font:0/0 a;border:0px;text-decoration:none;overflow:hidden}.oEveGalAct .oEveGalLink:before{content:' ';display:inline-block;vertical-align:middle;height:100%}.oEveGalLink img{max-width:96%;max-height:96%;margin:auto;display:inline-block;vertical-align:middle}.oEveGalLink{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;font:0/0 a;border:0px;text-decoration:none;overflow:hidden}.oEveGalLink:before{content:' ';display:inline-block;vertical-align:middle;height:100%}.oEveGalLink img{max-width:96%;max-height:96%;margin:auto;display:inline-block;vertical-align:middle}.oEveGal .oEveGalItm{position:relative;width:94%;display:block;padding:0px 1%;margin:10px 2%}@media (min-width:500px) and (max-width:768px){.o33,.o25{max-width:50% !important}.oEveGal .oEveGalItm{width:44%;text-align:center;float:left;padding:20px 2%;margin:10px 1%}}@media (min-width:769px) and (max-width:1200px){.o33,.o25{max-width:50% !important}.oEveGal .oEveGalItm{width:44%;text-align:center;float:left;padding:20px 2%;margin:10px 1%}}@media (min-width:1201px) and (max-width:20000px){.o33{max-width:32.33% !important;margin:0px .5%}.o25{max-width:24.00% !important;margin:0px .5%}.oEveGal .oEveGalItm{width:21%;text-align:center;float:left;padding:20px 1%;margin:10px 1%}}.xCtl{background-color:#fff;margin-bottom:30px !important;border-radius:20px;box-shadow:1.95px 15.881px 30px 0 rgb(59 54 140 / 10%);background-color:#fff;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}.xCtl .xCtlLnk span{background-color:rgba(0,0,0,0.15);color:white;font-weight:bold;text-shadow:2px 2px 4px #000;border-radius:20px;box-shadow:1.95px 15.881px 30px 0 rgb(59 54 140 / 10%);-webkit-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}.xCtlCell{background:rgba(0,0,0,0.5)!important}.xCtl:hover .xCtlLnk span{display:none}.xCtl .xCtlImg{border-radius:20px}.xCtl .xCtlCell{padding:10px}.xCtl .xCtlImg{left:50%;top:50%;margin-top:-36%;margin-left:-45%;position:absolute;width:90%;height:90%}

.colorSelector{margin:20px auto;width:410px}.colorWheel{position:relative;width:400px;height:400px;padding:10px;background-color:#000;margin:auto;border:2px solid #555}.colorWheelspan{cursor:pointer;position:absolute;top:195px;left:200px;width:180px;height:10px;-ms-transform-origin:-1px 50%;-webkit-transform-origin:-1px 50%;-moz-transform-origin:-1px 50%;-o-transform-origin:-0px 50%;transform-origin:-0px 50%;opacity:1}.colorWheelspanActive{cursor:pointer;position:absolute;top:195px;left:200px;width:160px;height:1px;-ms-transform-origin:-1px 50%;-webkit-transform-origin:-1px 50%;-moz-transform-origin:-1px 50%;-o-transform-origin:-0px 50%;transform-origin:-0px 50%;opacity:1;z-index:360;box-shadow:inset 0px 0px 1px 1px #fff}.colorSchemePlace{width:400px;height:335px;padding:10px;display:block;margin:auto;background-color:#eee;border:2px solid #000}.colorSchemePlace input[type="number"]{width:80px}.typePallette{color:black;vertical-align:middle}.colorPallette{height:41.5px;display:block;line-height:41.5px;text-align:center;font-size:16px}.colorPalletteOption{height:42px;display:block;line-height:42px;text-align:center}.colorScheme{float:left;width:25%;display:block;line-height:50px;vertical-align:middle;text-align:center;text-shadow:none}.typePalletteValue{width:75%}.colorScheme input{display:inline}

.smFbk64{background-position:0px -0px}.smTwi64{background-position:-66px -0px}.smGoo64{background-position:-132px -0px}.smLin64{background-position:-198px -0px}.sm64{width:64px;height:64px;display:inline-block;overflow:hidden;background-image:url('https://www.claytabase.co.uk/Academy/Learning-Web-Design/Using-CSS/Create-Scrolling-CSS/SocialMedia_64.png');background-repeat:no-repeat}.rnd50{border-radius:50%}.parentDiv{width:64px;height:64px;overflow:hidden;margin:auto}.followDiv{width:320px;height:64px;position:relative;animation:followDivSlide ease infinite 10s;-webkit-animation:followDivSlide ease infinite 10s;-moz-animation:followDivSlide ease infinite 10s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes followDivSlide{from{left:0px}15%{left:0px}25%{left:-64px}40%{left:-64px}50%{left:-128px}65%{left:-128px}75%{left:-192px}90%{left:-192px}to{left:-256px}}@-webkit-keyframes followDivSlide{from{left:0px}15%{left:0px}25%{left:-64px}40%{left:-64px}50%{left:-128px}65%{left:-128px}75%{left:-192px}90%{left:-192px}to{left:-256px}}@-moz-keyframes followDivSlide{from{left:0px}15%{left:0px}25%{left:-64px}40%{left:-64px}50%{left:-128px}65%{left:-128px}75%{left:-192px}90%{left:-192px}to{left:-256px}}.SnowExample{position:absolute;top:-450px;opacity:.5;text-align:center;animation:SnowExampleSlide ease-in infinite;-webkit-animation:SnowExampleSlide ease-in infinite;-moz-animation:SnowExampleSlide ease-in infinite;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}.SnowExample.animation{}@keyframes SnowExampleSlide{from{position:absolute;top:-450px}to{position:absolute;top:633px}}@-webkit-keyframes SnowExampleSlide{from{position:absolute;top:-450px}to{position:absolute;top:633px}}@-moz-keyframes SnowExampleSlide{from{position:absolute;top:-450px}to{position:absolute;top:633px}}.parentDivExample{width:64px;height:64px;background-color:#ccc;font-size:13px;font-weight:bold;line-height:1.6;margin:auto}.parentDivExampleCenter{width:64px;height:64px;background-color:#ccc;margin:auto}.parentDiv{width:64px;height:64px;overflow:hidden;margin:auto}.followDiv{width:320px;height:64px;position:relative;animation:followDivSlide ease infinite 10s;-webkit-animation:followDivSlide ease infinite 10s;-moz-animation:followDivSlide ease infinite 10s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes followDivSlide{from{left:0px}15%{left:0px}25%{left:-64px}40%{left:-64px}50%{left:-128px}65%{left:-128px}75%{left:-192px}90%{left:-192px}to{left:-256px}}@-webkit-keyframes followDivSlide{from{left:0px}15%{left:0px}25%{left:-64px}40%{left:-64px}50%{left:-128px}65%{left:-128px}75%{left:-192px}90%{left:-192px}to{left:-256px}}@-moz-keyframes followDivSlide{from{left:0px}15%{left:0px}25%{left:-64px}40%{left:-64px}50%{left:-128px}65%{left:-128px}75%{left:-192px}90%{left:-192px}to{left:-256px}}.ouFlgArticleOuter{background-image:url('https://www.claytabase.co.uk/Web-Site-Design-Boiler/Technical-Articles/Using-CSS/Language-Flag-Sprites/FlagSprite_32_22.png');height:22px;width:32px;padding:66px 64px;background-repeat:no-repeat;margin:auto;border:1px solid black}.ouFlgArticleInner{height:22px;width:32px;display:block;border:1px solid black}.ouFlgCSArticle{background-position:65px 67px}.ouFlgDEArticle{background-position:33px 67px}.ouFlgENArticle{background-position:1px 67px}.ouFlgESArticle{background-position:65px 45px}.ouFlgFRArticle{background-position:33px 45px}.ouFlgHIArticle{background-position:1px 45px}.ouFlgITArticle{background-position:65px 23px}.ouFlgPLArticle{background-position:33px 23px}.ouFlgPTArticle{background-position:1px 23px}.ouFlgRUArticle{background-position:65px 1px}.ouFlgTRArticle{background-position:33px 1px}.ouFlgZHArticle{background-position:1px 1px}

.Author{margin-bottom:.3em}.AuthorDetails{float:left;width:100%}.AuthorImage{text-align:center}.AuthorImage img{height:300px;width:300px;border-radius:50%}.AuthorImageImg{height:300px;width:300px;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:cover;margin:auto}.AuthorName{text-align:center;font-size:1.5rem;margin-bottom:20px}.AuthorSocialFollow{text-align:center;clear:both;display:block}.AuthorSocialFollow .sm32{margin:0px 5px}.AuthorDesc{margin-bottom:20px;padding:20px;border-radius:10px;text-align:center}


.FacebookBlue .smIcon{background-color:transparent}.FacebookBlue .smIcon:hover{background-color:#39589b}

.InstagramPurple .smIcon{background-color:transparent}.InstagramPurple .smIcon:hover{background-color:#7700aa}

.shareColorHover .smFbk32:hover{background-color:#39589b}

.TwitterHoverCyan .smIcon{background-color:transparent}.TwitterHoverCyan .smIcon:hover{background-color:#33ccff}

.GoogleHoverRed .smIcon{background-color:transparent}.GoogleHoverRed .smIcon:hover{background-color:#eb4924}

.LinkedInHoverBlue .smIcon{background-color:transparent}.LinkedInHoverBlue .smIcon:hover{background-color:#007bb6}

.shareColorHover .smFbk32:hover{background-color:#39589b}.shareColorHover .smIns32:hover{background-color:#7700aa}.shareColorHover .smTwi32:hover{background-color:#33ccff}.shareColorHover .smGoo32:hover{background-color:#eb4924}.shareColorHover .smLin32:hover{background-color:#007bb6}.shareColorHover .smStu32:hover{background-color:#eb6337}.shareColorHover .smRed32:hover{background-color:#FF4500}.shareColorHover .smPin32:hover{background-color:Red}.shareColorHover .smAtm32:hover{background-color:#eb6337}.shareColorHover .smTum32:hover{background-color:#005656}.shareColorHover .smBlg32:hover{background-color:#eb6337}.shareColorHover .smVK32:hover{background-color:#4c75a3}.AuthorSocialFollow .smFbk32:hover{background-color:#39589b}.AuthorSocialFollow .smIns32:hover{background-color:#7700aa}.AuthorSocialFollow .smTwi32:hover{background-color:#33ccff}.AuthorSocialFollow .smGoo32:hover{background-color:#eb4924}.AuthorSocialFollow .smLin32:hover{background-color:#007bb6}