html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }body { line-height: 1; color: black; background: #21221d; }ol, ul { list-style: none; }table { border-collapse: collapse; border-spacing: 0; }caption, th, td { text-align: left; font-weight: normal; }blockquote:before, blockquote:after, q:before, q:after { content: ""; }blockquote, q { quotes: "" ""; }abbr, acronym { border: 0; }html {background-color: #21221d;}body { font-family: "Open Sans", sans-serif; overflow-x: hidden; }a { color: #ffffff; text-decoration: none; }p {float: left;font-size: 16px;line-height: 24px;margin-bottom: 15px;margin-top: 5px;width: 100%;color: #ffffff;}h4 {text-align: center;padding: 10px 0 25px;text-transform: uppercase;font-size: 36px;float: left;width: 100%;}img {float: left;width: 100%;}.wrapper.made-with {background-color: #111;padding: 25px 0 50px;}.copyright-and-credits {margin: 15px 0;}.made-with ul li {float: left;width: 28%;margin: 0 2%;}.made-with ul {float: left;width: 100%;}.contained-width {width: 70%;margin: 0 15%;}.video-container {float: left;width: 100%;}.video-container iframe {float: left;width: 850px;height: 475px;}.social-links {position: absolute;width: auto;padding-right: 10px;right: 0;top: 0;}.social-links a {float: left;width: auto;}.social-links a img {float: left;width: 45px;padding: 0;margin: 10px 5px;}input { float: left; margin-bottom: 5px; padding: 1%; width: 100%; }select { float: left; margin-bottom: 5px; padding: 1%; width: 100%; }video { float: left; width: 100%; margin: 0; padding: 0; }.container { margin: 0 auto; max-width: 70%; padding: 0; }.wrapper { float: left; width: 100%; position: relative; }.wrapper.header {  background-color:#21221d; font-family: "Open Sans", sans-serif font-weight: 700; height: 60px; padding: 0; position: fixed; text-align: justify; text-transform: uppercase; top: 0; width: 100%; z-index: 111; text-align: center; border-bottom: 1px solid #fe1200; z-index: 999;}.wrapper.header .container { max-width: 100%; }.wrapper.header a { color: #ffffff; display: inline-block; }.header img { float: left; margin: 10px 25px; width: 220px; }.header span { color: #000023; float: left; font-family: "Open Sans", sans-serif font-size: 45px; font-weight: 100; line-height: 60px; position: relative; text-align: left; text-decoration: none; width: auto; }.beta-tag { background-color: #0079a3; color: #ffffff; float: right; height: 40px; line-height: 40px; padding: 10px; position: relative; text-align: center; text-transform: uppercase; z-index: 999; }.search-btn { background-color: #006993; color: #ffffff; float: right; height: 40px; line-height: 40px; padding: 10px; position: relative; text-align: center; text-transform: uppercase; z-index: 999; cursor: pointer; }.wrapper.content { background-color: #25446c; color: #FFFFFF; font-family: roboto condensed; padding-bottom: 25px; margin-top: 115px; padding-top: 15px; }.main { background-color: #21221d; float: left; margin-top: 60px; width: 100%; color: #ffffff; left: 0; position: relative; transition: left 0.3s ease-in-out 0.3s; -moz-transition: left 0.3s ease-in-out 0.3s; -webkit-transition: left 0.3s ease-in-out 0.3s; min-height: 100vh;}.home-template h1 {color: #ffffff;float: left;font-family: bicyclette, sans-serif;font-size: 36px;width: 100%;font-weight: 700;text-transform: uppercase;padding: 25px 0 0;margin: 0;}.home-template .wrapper.main-content {background-color: #21221d;text-align: center;color: #21221d;margin: 0;padding: 25px 0;margin: 0 0 25px;}.home-template h2, .home-template h3 { color: #ffffff; text-transform: none; }.news-and-media-template h1 {float: none;margin-bottom: 25px;}.main.slide { left: 15%; width: 100%; overflow: hidden; transition: left 0.3s ease-in-out 0.3s; -moz-transition: left 0.3s ease-in-out 0.3s; -webkit-transition: left 0.3s ease-in-out 0.3s; }.home .wrapper.content { padding-top: 15px; position: relative; z-index: 99; margin-top: 0; }.wrapper.breakdown .container { background-color: #352C3D; }.two-col { width: 40%; float: left; padding: 25px 5%; }.two-col img { float: left; width: 100%; }.icons { float: left; text-indent: -999em; background-image: url("icons/icons.png"); background-position: 0; height: 50px; width: 50px; }.icons.twitter { background-image: url("icons/twitter.svg"); background-position: center center; background-repeat: no-repeat; width: 59px; }.icons.linkedIn { background-image: url("icons/linkedIn.svg"); background-position: center center; background-repeat: no-repeat; width: 59px; }.icons.vimeo { background-image: url("icons/vimeo-white.svg"); background-position: center center; background-repeat: no-repeat; width: 59px; }.icons.pinterest { background-image: url("icons/pinterest-white.svg"); background-position: center center; background-repeat: no-repeat; width: 59px; }.icons.googleplus { background-image: url("icons/googleplus.svg"); background-position: center center; background-repeat: no-repeat; width: 59px; }.icons.facebook { background-image: url("icons/facebook.svg"); background-position: center center; background-repeat: no-repeat; width: 59px; }.icons.mail { background-image: url("icons/mail.svg"); background-position: center center; background-repeat: no-repeat; width: 59px; }.icons.youtube { background-image: url("icons/youtube-white.svg"); background-position: center center; background-repeat: no-repeat; width: 59px; }.icons.show-menu-mobile { display: block; }.icons.show-menu-mobile { background-color: #fe1200; background-image: url("icons/menu-thin.svg"); background-position: center center; background-repeat: no-repeat; background-size: 36px auto; border: medium none; cursor: pointer; display: block; float: left; height: 60px; left: 0; margin: 0; position: absolute; top: 0; width: 60px; }.youtube-icon {position: absolute;width: 50px;right: 2%;}.youtube-icon img {float: left;width: 100%;}.work-categories ul{background-color: #d8140e;float:left;width:100%;}.work-categories ul li {float: left;width: auto;padding: 15px;background-color: #d8140e;color: #fff;}.work-categories ul li a{color: #fff;}.wp-block-list {float: left;width: 100%;margin-bottom: 23px;line-height: 1.75rem;color: #fff;}/*///////////////////////////////////////*//* MENU STYLES *//*///////////////////////////////////////*/.wrapper.main-menu { left: -16%; background-color: #21221d; height: 93.9%; padding-top: 30px; position: fixed; width: 15%; max-width: 300px; z-index: 110; opacity: 0.95; border-right: 10px solid #ffffff; transition: left 0.3s ease-in-out 0.3s; -moz-transition: left 0.3s ease-in-out 0.3s; -webkit-transition: left 0.3s ease-in-out 0.3s; display: block; top: 60px; }.wrapper.main-menu .container { max-width: 100%; }.wrapper.main-menu.toggle-on { left: 0; transition: left 0.3s ease-in-out 0.3s; -moz-transition: left 0.3s ease-in-out 0.3s; -webkit-transition: left 0.3s ease-in-out 0.3s; }.main-menu ul { float: left; margin: -1px 0 0; width: 100%; }.main-menu li { float: left; font-family: "Open Sans", sans-serif height: 57px; line-height: 57px; margin: 0; text-align: center; text-transform: uppercase; width: 100%; }.main-menu li a { color: #ffffff; float: left; margin: 0; padding: 0; text-align: center; text-decoration: none; width: 100%; }.main-menu li:hover a { background-color: #c80006; color: #FFFFFF; height: auto; width: 100%; }.main-menu li.active a { background-color: #f82736; color: #FFFFFF; }.wrapper.ad-bar { background-color: #202020; color: #333333; float: left; font-size: 1.5em; padding-bottom: 10px; padding-top: 10px; text-align: left; width: 100%; }.overlay { position: fixed; width: 100%; height: 100%; background-color: #181010; z-index: 99; opacity: 0.8; overflow: unset; top:0; }h1 {color: #ffffff;float: left;font-family: bicyclette, sans-serif;font-size: 36px;margin-bottom: 10px;margin-top: 5px;text-align: left;width: 100%;letter-spacing: 1px;}h2 {float: left;color: #fff;font-family: bicyclette, sans-serif;font-size: 36px;font-weight: 100;margin: 10px 0 15px;width: 100%;}h3 { float: left; font-family: "Open Sans", sans-serif font-size: 18px; font-weight: 100; margin: 10px 0 5px; text-transform: uppercase; width: 100%; }.woocommerce-message {background-color: #8a0a00;color: #fff;text-align: center;height: auto;float: left;width: 100%;border: navajowhite;font-size: 16px;font-weight: 900;padding: 15px 0px;}.woocommerce ul.products li {text-align: center;color: #ffffff;}.woocommerce ul.products li h2{text-align: center;color: #ffffff;}.woocommerce ul.products li.product span.price{text-align: center;color: #ffffff;font-size: 24px;font-weight: 900;}.woocommerce ul.products li.product span.price .woocommerce-Price-amount.amount {float: left;width: 100%;}.woocommerce-product-gallery {float: left;width: 50%;}.summary.entry-summary {float: left;width: 50%;}.flex-viewport {padding: 0;float: left;max-width: 90%;margin: 0 5%;}.woocommerce-product-gallery__trigger {display: none;}.flex-control-nav.flex-control-thumbs {float: left;display: inline-block;text-align: center ;width: 100%;}.flex-control-nav.flex-control-thumbs li {display: inline-block;}.woocommerce-Price-amount.amount {font-size: 34px;line-height: 48px;margin: 0;padding: 0;float: left;}.product_meta {display: none;}.woocommerce-tabs.wc-tabs-wrapper {float: left;width: 50%;margin-top: 25px;}.single_add_to_cart_button.button {float: left;width: auto;background-color: #fe1200;color: #fff;border: none;padding: 10px 25px;font-size: 16px;text-transform: uppercase;margin: 15px 0;}.woocommerce-message::before {content: "";}#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {background: #1d1e1b;border-radius: 5px;width: 90%;padding: 0 5%;float: left;margin: 25px 0;}.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {border: 1px solid #fe1200;}#terms {width: auto;float: left;}#order_review {background-color: #1d1e1b;float: left;margin: 25px 0;width: 100%;}.form-row.place-order {float: left;width: 100%;padding: 5%;margin: 0;}.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img {height: 100px;width: auto;}.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background-color: #fe1200;color: #fff;-webkit-font-smoothing: antialiased;}/*///////////////////////////////////////*//* NEWS STYLES *//*///////////////////////////////////////*/.wrapper.news-and-twitter-feed {background-color:#21221d; color: #ffffff; }.wrapper.news-and-twitter-feed ul { float: left; width: 100%; text-align: center; margin: 0; padding: 0; }.wrapper.news-and-twitter-feed ul li { float: left; width: 33.333367%; position:relative; height:400px;}.wrapper.news-and-twitter-feed ul li a {float: left;width: 100%;height: 100%;position: relative;display: inline-block;}.wrapper.news-and-twitter-feed ul li a span{float:left;position:relative;height:100%;width:100%;background-size:cover;}.wrapper.news-and-twitter-feed ul li a span.post-date {float: none;position: absolute;right: 0;background-color: #771f18;height: auto;padding: 0 15px;line-height: 35px;font-weight: 700;position: absolute;top: 0;color: #fff;width:auto;}.wrapper.news-and-twitter-feed ul li a span.post-update-number {float: none;position: absolute;right: 0;background-color: #fe1200;height: auto;padding: 0 15px;line-height: 35px;font-weight: 700;position: absolute;bottom: 36px;color: #fff;width: auto;}.wrapper.news-and-twitter-feed ul li a img {float: left;width: 100%;max-height: 355px;}.wrapper.news-and-twitter-feed ul li a:hover { background-color: #D8140E; }.wrapper.news-and-twitter-feed ul li h3 {color: #ffffff;width: 98%;padding: 10px 0 10px 2%;margin: 0;position: absolute;text-align: center;z-index:998;background-color:#21221d;bottom:0;}.wrapper.news-and-twitter-feed ul li:hover h3 {background-color: #21221d;filter: sepia(100);}/*///////////////////////////////////////*//* OUR SUPPORTERS STYLES *//*///////////////////////////////////////*/.wrapper.our-supporters { background: #f67b00; background: -moz-linear-gradient(left, #f67b00 0%, #f82736 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #f67b00), color-stop(100%, #f82736)); background: -webkit-linear-gradient(left, #f67b00 0%, #f82736 100%); background: -o-linear-gradient(left, #f67b00 0%, #f82736 100%); background: -ms-linear-gradient(left, #f67b00 0%, #f82736 100%); background: linear-gradient(to right, #f67b00 0%, #f82736 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f67b00', endColorstr='#f82736', GradientType=1 ); color: #ffffff; text-align: center; padding: 25px 0; }.wrapper.our-supporters h2 { color: #ffffff; }.our-supporters ul { float: left; width: 100%; position: relative; }.our-supporters ul li { float: left; height: 183px; margin: 1%; width: 183px; }.our-supporters ul li img { float: left; height: 200px; width: 200px; }.wrapper.our-supporters-lists {background-color: #21221d;text-align: center;color: #ffffff;margin: 0;padding: 25px 0;margin: 0 0 25px;}.our-supporters-lists ul { float: left; width: 100%; position: relative; }.our-supporters-lists ul li { float: left; height: auto; margin: 1%; width: 20%; }.our-supporters-lists h2 { color: #ffffff; }.our-supporters-lists ul li.supporter-name h3 { height: auto; font-family:  bicyclette, sans-serif; padding: 0; margin: 10px 0; color: #ffffff; }/*///////////////////////////////////////*//* COOKIES STYLES *//*///////////////////////////////////////*/.wrapper.cookies {position: fixed;bottom: 2%;right: 1%;width: 33%;text-align: center;background-color: #d8140e;color: #fff;z-index: 999;padding: 15px 0 25px;opacity: 0.9;border-radius: 25px;border: 5px solid #111;}.wrapper.cookies.cookies-minimal {display: none;}.wrapper.cookies h2 {float: left;width: 100%;padding: 0;font-size: 24px;font-weight: 900;line-height: 34px;margin-bottom: 0;}.wrapper.cookies p {font-size: 14px;line-height: 24px;margin-bottom: 5px;}.wrapper.cookies.cookies-minimal p {display: none;}.cookies ul {float: left;list-style: none;text-align: center;width: 100%;}.cookies ul li {list-style: none;text-align: center;display: inline-block;padding: 5px 10px;font-size: 16px;}.cookies ul li button {background-color: #fff;border: none;padding: 5px 15px;font-size: 16px;}.cookies a {color: #ffffff;}.wp-block-table.privacy {margin: 0 0 50px;height: auto;float: left;text-align: center;}.privacy tr {width: 100%;border: 1px solid #fff;}.privacy tr td {text-align: left;padding: 20px;border-right: 1px solid #fff;}/*///////////////////////////////////////*//* STATS STYLES *//*///////////////////////////////////////*/.wrapper.project-statistics {color: #fff;float: left;font-family: bicyclette, sans-serif;font-size: 42px;width: 100%;font-weight: 700;background-color: #000;text-transform: uppercase;padding: 25px 0;}.project-statistics h3 {font-size: 45px;color: #fff;font-family: bicyclette, sans-serif;text-align: center;font-weight: 900;}/*///////////////////////////////////////*//* CHARACTER LISTS STYLES *//*///////////////////////////////////////*/.character-lists ul { float: left; width: 100%; margin: 0; padding: 0; text-align: center; }.character-lists ul li { float: left; width: 25%; }.character-lists ul li a { float: left; width: 100%; color: #f82736; }.character-lists ul li a h3 { font-family:  bicyclette, sans-serif; font-size: 34px; }.character-lists ul li a img { float: left; width: 100%; }/*///////////////////////////////////////*//* CHARACTER LANDING PAGE STYLES *//*///////////////////////////////////////*/.character-hero-banner {width: 100%;height: 82vh;position: relative;}.character-hero-banner h2 {position: absolute;width: auto;margin-top: 5%;font-size: 53px;text-align: center;font-weight: 700;text-transform: unset;left: 5%;background-color: #3e3e3ec4;color: #fff;padding: 10px;}.character-hero-banner h3 {position: absolute;bottom: 5%;right: 5%;font-size: 32px;background-color: #3e3e3ec4;width: auto;padding: 10px;color: #fff;text-align:center;}.character-hero-banner h3 a{color: #ffffff;text-decoration: underline;}.character-profile-concept-art {position: relative;text-align: center;font-family: bicyclette, sans-serif;width: 100%;float: left;}.character-template h4 {float: left;width: 100%;margin: 0 0 15px;font-family: bicyclette, sans-serif;font-size: 20px;color: #303030;}.character-template h4 a {text-decoration: underline;}.character-template h5 {float: left;width: 100%;text-align: center;text-transform: uppercase;font-size: 35px;font-weight: 700;margin: 15px 0;}/*///////////////////////////////////////*//* FILMOGRAPHY STYLES *//*///////////////////////////////////////*/.related.products {float: left;width: 100%;}.related.products ul li {float: left;width: 25%;text-align:center;}.related.products ul li .button {display: inline-block;background-color: #d8140e;padding: 10px 15px;text-transform: uppercase;float: left;}/*///////////////////////////////////////*//* FILMOGRAPHY STYLES *//*///////////////////////////////////////*/.filmography ul { float: left; width: 100%; margin: 0; padding: 0; }.filmography ul li {float: left;height: auto;margin: 0;width: 10.4%;margin: 0 0.3% 5px;}.filmography ul li a { float: left; width: 100%; }.filmography ul li a img { float: left; width: 100%; margin: 0; padding: 0; }/*///////////////////////////////////////*//* CONTENT AREA STYLES *//*///////////////////////////////////////*/.wrapper.main-content { margin: 25px 0; }.tool-author-logo { float: left; width: 100%; }.tool-author-logo > img { float: left; height: auto; width: 100%; }.bg-white { background-color: #ffffff; }.content iframe { height: 607px; margin-left: 0%; margin-right: 0%; margin-top: 15px; padding: 0; width: 100%; border: 1px solid #ffffff; }.content h2 { float: left; font-size: 1.5em; font-weight: 700; margin-top: 15px; text-transform: uppercase; width: 100%; }.content ol { float: left; list-style: inside none decimal; margin: 15px 0; width: 100%; }.two-columns.column-one { float: left; margin-right: 2%; width: 48%; }.two-columns.column-two { float: left; margin-left: 2%; width: 48%; }.two-columns iframe { height: auto; min-height: 400px; width: 82%; }.g-recaptcha { float: left; width: 100%; }.two-columns .g-recaptcha iframe { float: left; width: 100%; min-height: auto; height: 78px; }.submit-box { background-color: #2f2f2f; float: left; padding: 4%; width: 92%; }.submit-box h2 { float: left; font-family: "Open Sans", sans-serif font-size: 34px; margin-top: 4px; font-weight: 300; text-transform: unset; }.two-columns.column-one ol { float: left; margin-bottom: 15px; margin-top: 0; }.two-columns.column-one li { float: left; margin: 5px 0; width: 100%; }.error-box { background-color: #c50000; color: #ffffff; float: left; margin-bottom: 25px; opacity: 0.8; padding: 5px 0; position: relative; text-align: center; width: 100%; z-index: 9999; }.error-box li { float: left; width: 100%; margin: 0; padding: 3px 0; list-style: disc; }.latest-tool h2 { font-family: "Open Sans", sans-serif font-weight: 400; text-align: center; }/*///////////////////////////////////////*//* FORM STYLES *//*///////////////////////////////////////*/.two-columns.column-two form { float: left; width: 100%; }.two-columns.column-two label { clear: both; float: left; margin-bottom: 3px; margin-top: 12px; width: 100%; }.content .tools { float: left; width: 100%; }.content .tools > ul { float: left; margin-bottom: 50px; width: 100%; }.content .tools li { float: left; height: 300px; margin: 0; width: 50%; }.content .tools li a { float: left; margin: 0; padding: 0; width: 100%; position: relative; }.content .tools li a img { width: 100%; }.content .tools li a h4 { background-color: #444444; bottom: 0; font-family: "Open Sans", sans-serif font-size: 30px; font-weight: 100; margin: 0; padding: 2%; position: absolute; right: 0; text-align: right; width: auto; }.content .tools h2 { background-color: #333333; float: left; margin: 0; padding: 10px 0; text-align: center; width: 100%; }.content .tools li iframe { padding: 0; margin: 0; max-height: 200px; border: none; }.generator { background-color: #ffffff; color: #333333; float: left; font-family: "Open Sans", sans-serif font-size: 33px; margin: 5px 0; padding: 5px 0; text-align: center; width: 55%; }.two-columns.column-two input, textarea { border: 1px solid #2f2f2f; float: left; margin: 5px 0; padding: 2px; width: 100%; }.tool-categories { background-color: #0079a3; float: left; margin: 10px 0; padding: 10px 2%; text-align: center; text-transform: uppercase; width: 96%; text-align: center; }.tool-categories ul { display: inline-block; }.tool-categories li { float: left; margin-right: 10px; }.exp_box { clear: both; float: left; padding: 6px 0; width: 100%; }.wrapper.cv { margin: 0 auto; max-width: 1080px; }h2.exp_company { font-weight: bold; margin-bottom: 5px; margin-top: 17px; text-transform: uppercase; }/*///////////////////////////////////////*//* TOOL PAGE STYLES *//*///////////////////////////////////////*/.three-columns { float: left; margin: 0 1%; width: 31%; }.three-columns iframe { float: left; height: auto; min-height: 313px; width: 100%; margin: 10px 0; }.three-columns.column-two a { color: #1089b3; }.button.download { background-color: #0079a3; border: medium none; color: #ffffff; cursor: pointer; float: left; font-size: 16px; line-height: 35px; margin: 10px 1% 6px 0; min-width: 100px; padding: 5px 10px; text-align: center; text-transform: uppercase; width: 47%; }.button.download:hover { background-color: #1d99c3; }.author-information { background-color: #2f2f2f; float: left; padding: 3%; width: 94%; }.author-information ul { border-bottom: 3px solid #ffffff; border-top: 3px solid #ffffff; float: left; padding: 10px 2%; width: 96%; font-size: 18px; text-transform: uppercase; }.author-information li { float: left; padding: 0 2%; margin: 0 0 10px; width: 98%; }.author-information ul li span { float: left; width: 33%; }.author-information ul li.offer { background-color: #005589; padding: 10px 2%; }.author-information img { float: left; margin: 0 6% 25px; width: 88%; }.download-link { display: none; }.download-link.toggle-on { display: block; }.download-link input { float: left; margin: 10px 0 0; text-align: center; width: 98%; padding: 10px 0; font-size: 16px; }/*///////////////////////////////////////*//* SHARE STYLES *//*///////////////////////////////////////*/.wrapper.social-icons-share { background-color: #05244c; float: left; padding: 25px 0; width: 100%; }/*///////////////////////////////////////*//* GOALS STYLES *//*///////////////////////////////////////*/.goals-list li { background: #f67b00; background: -moz-linear-gradient(left, #f67b00 0%, #f82736 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #f67b00), color-stop(100%, #f82736)); background: -webkit-linear-gradient(left, #f67b00 0%, #f82736 100%); background: -o-linear-gradient(left, #f67b00 0%, #f82736 100%); background: -ms-linear-gradient(left, #f67b00 0%, #f82736 100%); background: linear-gradient(to right, #f67b00 0%, #f82736 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f67b00', endColorstr='#f82736', GradientType=1 ); float: left; width: 100%; margin: 0; padding: 0 1%; text-align: left; color: #ffffff; margin: 10px 0; display: inline-block; }.goals-list li.completed { background: #3dac39; background: -moz-linear-gradient(left, #3dac39 0%, #07481a 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #3dac39), color-stop(100%, #07481a)); background: -webkit-linear-gradient(left, #3dac39 0%, #07481a 100%); background: -o-linear-gradient(left, #3dac39 0%, #07481a 100%); background: -ms-linear-gradient(left, #3dac39 0%, #07481a 100%); background: linear-gradient(to right, #3dac39 0%, #07481a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3dac39', endColorstr='#07481a', GradientType=1 );  }.goals-list li.not-started {background: #8c8c8c;background: -moz-linear-gradient(left, #8c8c8c 0%, #393939  100%);background: -webkit-gradient(left top, right top, color-stop(0%, #8c8c8c), color-stop(100%, #393939 ));background: -webkit-linear-gradient(left, #8c8c8c 0%, #393939  100%);background: -o-linear-gradient(left, #8c8c8c 0%, #393939  100%);background: -ms-linear-gradient(left, #8c8c8c 0%, #393939  100%);background: linear-gradient(to right, #8c8c8c 0%, #393939  100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c8c8c', endColorstr='#393939 ', GradientType=1 );}.goals-list li a { color: #ffffff; float: left; width: 100%; }.goals-list li h3 {margin: 0;padding: 2%;font-family: bicyclette, sans-serif;font-size: 26px;font-weight: normal;width: 72%;}.goals-list li.completed span.status {position: relative;float: right;line-height: inherit;background-color: #0e8e22;padding: 1% 2%;text-transform: uppercase;width: auto;text-align: center;font-family: bicyclette, sans-serif;font-size: 26px;font-weight: normal;margin: 1% 0;}.goals-list li.in-progress span.status {position: relative;float: right;line-height: inherit;background-color: #f67106;padding: 1% 2%;text-transform: uppercase;width: auto;text-align: center;font-family: bicyclette, sans-serif;font-size: 26px;font-weight: normal;margin: 1% 0;}.goals-list li.not-started span.status {position: relative;float: right;line-height: inherit;background-color: #cccccc;padding: 1% 2%;text-transform: uppercase;width: auto;text-align: center;font-family: bicyclette, sans-serif;font-size: 26px;font-weight: normal;margin: 1% 0;}.goals-list li .information ul {float: left;width: 100%;background-color: #21221d;margin: 0 0 15px;padding: 0;}.goals-list li .information ul li{float: left;width: 31.333%;padding 0 1%;background: #21221d;}.goals-list li .information ul li.notes {width: 98%;border-top: 3px solid #fff;padding-top: 10px;line-height: 26px;}.information-box {float: left;width: 97.7%;border: 3px solid #fff;padding: 1%;background-color: #444;margin-bottom: 50px;}.information-box h3{font-family: bicyclette, sans-serif;font-size: 26px;font-weight: normal;}/*///////////////////////////////////////*//* DIARY STYLES *//*///////////////////////////////////////*/.project-diary ul li {float: left;width: 100%;border-radius: 15px;background-color: #4a4a4a;position: relative;margin: 0 0 25px;}.project-diary ul li h3 {float: left;width: auto;font-size: 32px;font-family: bicyclette, sans-serif;text-transform: initial;background-color: #31322d;padding: 15px 2%;border-radius: 0 15px 15px 0;margin-top: 25px;}.project-diary ul li .entry {float: left;width: 96%;padding: 25px 2%;line-height: 24px;font-size: 16px;}.project-diary ul li span.date {float: left;width: 98%;font-size: 25px;background-color: #31322d;padding: 15px 1%;text-align: right;}.project-diary ul li img {position: absolute;top: 0;right: 0;width: 60px;height: 60px;}.project-diary ul li img.dairy-media {float: left;width: 100%;position: relative;height: auto;margin: 25px 0;border-radius: 15px;}/*///////////////////////////////////////*//* FOOTER STYLES *//*///////////////////////////////////////*/.foot { float: left; width: 100%; background-color: #D8140E; text-align: center; color: #ffffff; padding: 10px 0; }.foot a { color: #ffffff; }.wrapper.footer { background-color: #0079a3; color: #ffffff; float: left; padding: 20px 0; text-align: right; width: 100%; }.footer h5 { font-family: "Open Sans", sans-serif font-size: 19px; margin: 10px 0; }.wrapper.footer .container > div { border-right: 1px solid #ffffff; float: left; height: 55px; margin-right: 3%; text-align: left; width: 30%; }.footer li { float: left; width: auto; margin-right: 10px; line-height: 55px; }.footer .legal li { float: right; width: auto; margin-left: 10px; line-height: 55px; }.footer a { color: #ffffff; text-decoration: none; }.wrapper.footer .container > div.last { border-right: medium none; text-align: right; }.wrapper.footer-base { background-color: #232323; border-top: 1px solid #606060; color: #ffffff; float: left; margin: 10px 0 0; padding: 10px 0 15px; text-align: center; width: 100%; }.wrapper.footer-base a { color: #ffffff; }.wrapper.footer-base .container { width: 100%; }.social li { float: left; margin-right: 10px; width: auto; }/*///////////////////////////////////////*//* FOOTER STYLES *//*///////////////////////////////////////*/.wrapper.copyright { float: left; width: 100%; text-align: center; background-color: #ffffff; padding: 25px 0; color: #0079a3; }.wrapper.copyright a { color: #0079a3; }@media screen and (max-width: 540px) { .character-lists ul li { width: 100%; }.main-menu li { height: 47px; line-height: 47px; }.our-supporters-lists ul li { margin: 1%; width: 98%; }.project-statistics h3 { font-size: 45px; }.wrapper.main-menu { left: -100%; }.wrapper.main-menu.toggle-on { width: 100%; max-width: 100%; border-right: 0; }.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product { width: 100%; float: left; clear: both; margin: 0; }h1 { font-size: 28px; }.wrapper.news-and-twitter-feed ul li { float: left; width: 100%; }.latest-tools h2 { font-size: 20px; }.header span { display: none; }.two-columns.column-one, .two-columns.column-two { width: 96%; margin: 0 2%; }.latest-tools .tools li { width: 100%; } }