body {margin: 0 auto;width: 100%;}* {box-sizing: border-box;}input {background: #ccc;color: #000;border: 2px solid #ccc;}.inner-wrapper {margin: 0 auto;box-shadow: 12px 0 15px -4px rgba(0, 0, 0, 0.2), -12px 0 8px -4px rgba(0, 0, 0, 0.2);}@media (max-width: 600px) {.inner-wrapper {width: 100%;}}#wrapper {margin: 0 auto;box-shadow: 12px 0 15px -4px rgba(0, 0, 0, 0.2), -12px 0 8px -4px rgba(0, 0, 0, 0.2);}@media (max-width: 768px) {#wrapper {width: 100%;padding: 0;}}.mini-container {border: .5px solid #ddd;padding: 20px;width: 50%;margin: 0 auto;border-radius: 8px;box-shadow: 12px 0 15px -4px rgba(0, 0, 0, 0.2), -12px 0 8px -4px rgba(0, 0, 0, 0.2);;}@media (max-width: 900px) {.mini-container {width: 100%;}}.back-white {background: #ffffff;}.header {width: 100%;padding: 0;box-shadow: 12px 0 15px -4px rgba(0, 0, 0, 0.2), -12px 0 8px -4px rgba(0, 0, 0, 0.2);}.sub-header {background: #f1f1f1;}.footer {color: #000;}.content-container {width: 100%;margin: 0 auto;border: 0;}@media (max-width: 768px) {.content-container {width: 100%;}}.img-effect {background: #fff;border: 2px solid #000;box-shadow: 12px 0 15px -4px rgba(0, 0, 0, 0.2), -12px 0 8px -4px rgba(0, 0, 0, 0.2);}.fa-angle-double-down {color: #223366;}.examplemenu {width: 60% }@media (max-width: 900px) {.examplemenu {width: 100% }}.menu-item {color: #fff;padding-left: 20px;}@media (max-width: 600px) {.pagebuilder {width: 100%;}}.responsiveC {margin: 0 auto;width: 73%;background: #fff;border: .5px solid #94D6E3;box-shadow: 1px 0 40px 0 rgba(50, 50, 50, .3);}@media(max-width:600px) {.responsiveC {width: 100%;}}@media (max-width: 600px) {.folderbox {width: 100%;}}.refreshbtn {background: #336699;width: 150px;height: 100px;padding-top: .5%;border-radius: 8px;text-align: center;position: sticky;top: 60px;margin: 0 auto;box-shadow: 12px 0 15px -4px rgba(0, 0, 0, 0.2), -12px 0 8px -4px rgba(0, 0, 0, 0.2);}@media (max-width: 600px) {.refreshbtn {margin: 0;padding-top: 2%;}}.coltitle {background: #f9f9f9;border: .5px solid #ddd;width: 98%;margin: 0 auto;border-radius: 12px;box-shadow: 1px 0 40px 0 rgba(50, 50, 50, .3);color: #000;}@media (max-width: 768px) {.noshow {display: none;}}.img-effect {background: transparent;border: 2px solid #000;box-shadow: 12px 0 15px -4px rgba(0, 0, 0, 0.2), -12px 0 8px -4px rgba(0, 0, 0, 0.2);}@media(max-width:600px) {.responsive-element {width: 300px;}}.social-media {background: #ccc;float: right;padding: 10px;border-radius: 5px;}iframe {background: #202020;}.sticky {position: -webkit-sticky;position: sticky;top: 0;}#sticky {position: -webkit-sticky;position: sticky;top: 0;}.menu-back {background-image: linear-gradient(to right bottom, #d9e8f4, #a9c1da, #7d9ac0, #5674a6, #344f8b, #2c5293, #1f549a, #0057a2, #0083c8, #00add1, #00d4bc, #5bf697);margin: 0 auto;box-shadow: 1px 0 40px 0 rgba(50, 50, 50, .3);}.autoalign {text-align: center;}@media(max-width:600px) {.autoalign {text-align: left;padding-left: 100px;padding: 0;max-width: 95%;z-index: 999;}}@media (max-width: 600px) {.openbtn {margin-top: 140px;}}.responsiveC {margin: 0 auto;width: 73%;background: #fff;border: .5px solid #94D6E3;box-shadow: 1px 0 40px 0 rgba(50, 50, 50, .3);}@media(max-width:600px) {.responsiveC {width: 100%;}}.box {width: 40%;margin: 0 auto;background: rgba(255, 255, 255, 0.2);padding: 35px;border: 2px solid #fff;border-radius: 20px/50px;background-clip: padding-box;text-align: center;}.button-popup {font-size: 1em;padding: 10px;color: #fff;border: 2px solid #06D85F;border-radius: 20px/50px;text-decoration: none;cursor: pointer;transition: all 0.3s ease-out;}.button-popup:hover {background: #06D85F;}.overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.7);transition: opacity 500ms;visibility: hidden;opacity: 0;}.overlay:target {visibility: visible;opacity: 1;}.popup {margin: 70px auto;padding: 20px;background: #fff;border-radius: 5px;width: 30%;position: relative;transition: all 5s ease-in-out;}.popup h2 {margin-top: 0;color: #333;font-family: Tahoma, Arial, sans-serif;}.popup .close {position: absolute;top: 20px;right: 30px;transition: all 200ms;font-size: 30px;font-weight: bold;text-decoration: none;color: #333;}.popup .close:hover {color: #06D85F;}.popup .content {max-height: 30%;overflow: auto;}@media screen and (max-width: 700px) {.box {width: 70%;}.popup {width: 70%;}}.sidenav1 {height: 100%;width: 0;position: fixed;top: 0;right: 0;background-color: #336699;overflow-x: hidden;transition: .5s;padding-top: 60px;text-align: center;opacity: 1;z-index: 1000;}.sidenav1 a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 25px;color: #818181;display: block;transition: .3s;}.sidenav1 a:hover {color: #f1f1f1;}.sidenav1 .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;}@media screen and (max-height:450px) {.sidenav1 {padding-top: 15px;}.sidenav1 a {font-size: 18px;}}.quicklink-container {width: 25%;border: 3px double #336699;box-shadow: 12px 0 15px -4px rgba(0, 0, 0, 0.2), -12px 0 8px -4px rgba(0, 0, 0, 0.2);margin: 0 auto;padding: 10px;}@media (max-width: 600px) {.quicklink-container {width: 100%;padding: 0;box-shadow: none;}}.icon-picker-list {display: flex;flex-flow: row wrap;list-style: none;padding-left: 0;width: 100%;}.icon-picker-list li {display: flex;flex: 0 0 20%;float: left;width: 100%;}.icon-picker-list a {background-color: #f9f9f9;border: 1px solid #fff;color: black;display: block;flex: 1 1 auto;font-size: 11px;line-height: 1.4;min-height: 100px;padding: 10px;text-align: center;user-select: none;}.icon-picker-list a:hover, .icon-picker-list a.active {background-color: #009E49;color: #fff;cursor: pointer;text-decoration: none;}.icon-picker-list .fa {font-size: 24px;margin-bottom: 10px;margin-top: 5px;}.icon-picker-list .name-class {display: block;text-align: center;word-wrap: break-word;}.sidebar {height: 100%;width: 0;position: fixed;z-index: 1;top: 0;left: 0;overflow-x: hidden;transition: 0.5s;padding-top: 5px;color: #000;}.sidebar a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 16px;color: #000000;display: block;transition: 0.3s;}.sidebar a:hover {color: #304E6D;box-shadow: none;}.sidebar .closebtn {position: absolute;top: 0;right: 25px;font-size: 16px;margin-left: 20px;color: #223366;}.openbtn {font-size: 16px;cursor: pointer;background-color: #f1f1f1;color: #000;padding: 10px 15px;border: none;}.openbtn:hover {background-color: #FFF;}#main {transition: margin-left .5s;padding: 16px;}.dropdown-container {display: none;padding-left: 3px;}.fa-caret-down {float: right;padding-right: 8px;}@media screen and (max-height: 450px) {.sidenav {padding-top: 15px;}.sidenav a {font-size: 18px;}}.content-container {background: transparent;max-width: 97%;margin: 0 auto;overflow-x: hidden;}@media (max-width: 768px) {.content-container {width: 100%;}}.column-title {padding: 4px;text-shadow: 1px 1px 2px #000;margin: 0 auto;width: 100%;}@media (max-width: 768px) {.column-title {font-size: 1rem;}}.leftcolumn {float: left;width: 20%;padding: -20px;vertical-align: top;}.centercolumn {float: left;width: 58%;margin-left: 22px;margin-top: 0;}.rightcolumn {float: right;width: 20%;padding: -20px;vertical-align: top;}.centercolumn2 {float: left;width: 75%;margin-top: 0;margin-left: 10px;}.rightcolumn2 {float: right;width: 24%;vertical-align: top;}@media (max-width: 768px) {.leftcolumn, .centercolumn, .centercolumn2, .rightcolumn2, .rightcolumn {float: left;width: 100%;padding: 0;margin: 0;}}textarea {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;}.content-card {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);transition: 0.3s;width: 40%;}.content-card:hover {box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);}.content-container {padding: 2px 16px;}.card {padding: 12px;width: 100%;}.subcard {background: #fff;padding: 10px;margin-top: 10px;border-radius: 5px;}.tipcard {background: #ccc;padding: 10px;margin-top: 10px;border-radius: 5px;}.row:after {content: "";display: table;clear: both;}.row {border-radius: 5px;border: 0;padding: 8px;}.column {text-align: center;margin: 0 auto;max-width: 100%;border: 0;}@media (max-width: 600px) {.column {width: 100%;float: left;}}.column2 {float: left;width: 80%;padding: 0 3px;}.column2-img {float: left;width: 20%;padding: 0 3px;}@media screen and (max-width: 600px) {.column2, .column2-img {width: 100%;display: block;}}.row2 {margin: 0 -5px;}.row2:after {content: "";display: table;clear: both;}.card2 {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);padding: 16px;text-align: center;background-color: #f1f1f1;}.column3 {float: left;width: 33.3%;}.column3-img {width: 33.3%;float: left;padding: 10px;}.column3-para {float: left;max-width: 33.3%;padding: 8px;}.row3 {margin: 0 -5px;}.row3:after {content: "";display: table;clear: both;}@media screen and (max-width: 600px) {.column3, .column3-img, .column3-para {width: 100%;display: block;margin-bottom: 20px;}}.card3 {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);padding: 16px;text-align: center;background-color: #f1f1f1;}.column4 {float: left;width: 25%;padding: 0 10px;}.row4 {margin: 0 -5px;}.row4:after {content: "";display: table;clear: both;}@media screen and (max-width: 600px) {.column4 {width: 100%;display: block;margin-bottom: 20px;}}.card4 {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);padding: 16px;text-align: center;background-color: #f1f1f1;}.column5 {float: left;width: 19.3%;}.row5 {margin: 0 -5px;}.row5:after {content: "";display: table;clear: both;}@media screen and (max-width: 600px) {.column5 {width: 100%;display: block;margin-bottom: 20px;}}.card5 {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);padding: 16px;text-align: center;background-color: #f1f1f1;}.column6 {float: left;width: 16.5%;}.row6 {margin: 0 -5px;}.row6:after {content: "";display: table;clear: both;}@media screen and (max-width: 600px) {.column6 {width: 100%;display: block;margin-bottom: 20px;}}.zoom {padding: 2px;background-color: green;transition: transform .2s;width: 200px;height: 200px;margin: 0 auto;}.zoom:hover {transform: scale(1.5);}strong {font-family: Merriweather, "Times New Roman";font-weight: 800;font-size: 16px;}b {font-weight: 900;}.spacer {padding: 8px;}.title {font-family: Merriweather;font-size: 1.6rem;}.line {border-top: 1px solid red;width: 200px;}hr.line {border-top: 1.5px solid red;width: 80%;padding: 5px;margin: 0 auto;}.full {width: 100%;}.half {width: 50%;}.third {width: 33.3%;}.quarter {width: 25%;}.border {border: 1px solid #000;}.noborder {border: 0;}table, tr, td {border: 0;}.top {vertical-align: top;}.bottom {vertical-align: bottom;}.center {text-align: center;}.left {text-align: left;}.right {text-align: right;}.underline {text-decoration: underline;}.nounderline {text-decoration: none;}.link {background: #c1c1c1;padding: 0 5px 0 5px;border-radius: 3px;}.link:hover {background: #f9f9f9;color: #000;padding: 0 6px 0 6px;border-radius: 0;}.radius {border-radius: 12px;}.textshadow {text-shadow: 1px 1px 2px #000;}.shadow {box-shadow: 12px 0 15px -4px rgba(0, 0, 0, 0.2), -12px 0 8px -4px rgba(0, 0, 0, 0.2);}.shadow2 {box-shadow: 1px 0 40px 0 rgba(50, 50, 50, .3);}.para-shadow {-webkit-box-shadow: inset 1px 0px 12px 0px rgba(0, 0, 0, 0.06);-moz-box-shadow: inset 1px 0px 12px 0px rgba(0, 0, 0, 0.06);box-shadow: inset 1px 0px 12px 0px rgba(0, 0, 0, 0.06);}@media (max-width: 768px) {.para-shadow, .shadow {-webkit-box-shadow: 0;-moz-box-shadow: 0;box-shadow: 0;}}.bglight {background: #e9ecef;}.bgmed {background: #8091a0;}.bgdark {background: #566d80;}.outlinecyan {border: 1px solid #ccc;}hr {text-align: center;border-width: 1px;width: 100%;color: #000;}.justify {text-align: justify;}.margin-center {margin: 0 auto;}.image {opacity: 1;display: block;transition: .3s ease;backface-visibility: hidden;}.container:hover .image {opacity: 0.3;}blockquote {display: block;margin-top: 1em;margin-bottom: 1em;margin-left: 40px;margin-right: 40px;border-radius: 12px;padding: 10px;}@media (max-width: 768px) {blockquote {margin-left: 5px;margin-right: 5px;}}.spacer {padding: 8px;}.pointer {cursor: pointer;}.white {color: #fff;}.black {color: #000;}.red {color: #ff0000;}.yellow {color: #ffff00;}.blue {color: #264D73;}.ten {font-size: 10px;}.twelve {font-size: 12px;}.fourteen {font-size: 14px;}.sixteen {font-size: 16px;}.eighteen {font-size: 18px;}.twenty {font-size: 20px;}.twentytwo {font-size: 22px;}.twentyfour {font-size: 24px;}.twentysix {font-size: 26px;}.twentyeight {font-size: 28px;}.thirty {font-size: 30px;}.playfair {font-family: PlayfairDisplay-Regular;}.scriptina {font-family: SCRIPTIN;}.merriweather {font-family: Merriweather;}.monserrat {font-family: Monserrat;}.abril {font-family: AbrilFatface;}.kaushan {font-family: kaushan;}.abbeyline {font-family: Abbeyline;}.Scotland {font-family: Scotland;}.Daizen {font-family: Daizen;}p {font-family: ubuntu, Verdana, Lucida Grande, Gill Sans, Arial, Helvetica, sans-serif;margin-bottom: 1rem;font-size: 1em;letter-spacing: -.003em;}h1, h2, h3, h4, h5, h6 {color: #000;}h1 {font-size: 28px;}h2 {font-size: 24px;}h4 {font-size: 22px;}a:link, a:active, a:visited {color: #000;}a:hover {color: #424242;text-decoration: underline;}.note-container {width: 50%;border: 1px solid #000;}.note {background: #f1f1f1;width: 5%;float: right;border: 1px solid #ccc;color: #000;cursor: pointer;outline: none;font-size: 14px;transition: 0.4s;}.active, .note:hover {background: transparent;}.notepanel {padding: 0 18px;display: none;background: #fff;overflow: hidden;}.accordion-container {width: 100%;text-align: center;}.accordion {color: #000;cursor: pointer;padding: 18px;box-shadow: 2px 2px 4px 0 #0f171e;outline: none;font-size: 22px;transition: 0.4s;}.active, .accordion:hover {background: transparent;}.panel {width: 50%;padding: 0 18px;display: none;overflow: hidden;}@media (max-width: 600px) {.responsive-panel {width: 100%;}}.info {width: 75%;text-align: center;}.info {color: #336699;cursor: pointer;outline: none;font-size: 18px;transition: 0.4s;}.active, .info:hover {background: transparent;}.info-panel {padding: 0 9px;display: none;background: transparent;overflow: hidden;}.topnav {overflow: hidden;color: #fff;}.topnav a {float: left;display: block;color: #f2f2f2;text-align: center;padding: 14px 16px;text-decoration: none;font-size: 17px;}.active {background-color: #223366;color: white;}.topnav .icon {display: none;}.topnav a:hover, .dropdown:hover .dropbtn {background-color: #555;color: white;}.dropdown {padding: 10px 15px 10px 15px;border-radius: 8px;display: inline-block;margin: 0 auto;text-align: center;box-shadow: 1px 0 40px 0 rgba(50, 50, 50, .3) }a.dropdown {color: #fff;}.dropdown-content {background-color: #f9f9f9;display: none;position: absolute;font-family: Arial;font-size: 18px;min-width: 280px;height: 300px;overflow: auto;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);padding: 6px 8px;z-index: 1;}.dropdown:hover .dropdown-content {display: block;}.dropdown .dropbtn {font-size: 17px;border: none;outline: none;color: white;padding: 14px 16px;background-color: inherit;font-family: inherit;margin: 0;}.dropdown-content a {float: none;color: black;padding: 12px 16px;text-decoration: none;display: block;text-align: left;}.dropdown-content a:hover {background-color: #ddd;color: black;}.dropdown:hover .dropdown-content {display: block;}.dropdownmenu {position: relative;display: inline-block;}.dropdownmenu-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);padding: 12px 16px;z-index: 1;}.dropdownmenu:hover .dropdownmenu-content {display: block;}@media screen and (max-width: 600px) {.topnav a:not(:first-child), .dropdown .dropbtn {display: none;}.topnav a.icon {float: right;display: block;}}@media screen and (max-width: 600px) {.topnav.responsive {position: relative;}.topnav.responsive .icon {position: absolute;right: 0;top: 0;}.topnav.responsive a {float: none;display: block;text-align: left;}.topnav.responsive .dropdown {float: none;}.topnav.responsive .dropdown-content {position: relative;}.topnav.responsive .dropdown .dropbtn {display: block;width: 100%;text-align: left;}}.tabcontent {color: #fff;font-size: 14px;font-family: Arial;font-weight: 700;}img {border: 1px solid #ccc;}img:hover {background: #ccc;}.img-wrapper {width: 100%;height: auto;padding: 3px 1px 2px 1px;color: #000;font-size: 12px;text-decoration: none;}#updatebtn {position: fixed;bottom: -4px;right: 10px;}.button {border-top: 2px solid #020c12;background: #788e9c;background: -webkit-gradient(linear, left top, left bottom, from(#123852), to(#788e9c));background: -webkit-linear-gradient(top, #123852, #788e9c);padding: 8px 16px;border-radius: 4px;color: #fff;font-size: 17px;font-family: Georgia, serif;text-decoration: none;vertical-align: middle;}.button:hover {border-top-color: #28597a;background: #28597a;color: #ccc;}.button:active {border-top-color: #143a54;background: #143a54;}.myButton {background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);background-color: #d0451b;border-radius: 9px;border: 1px solid #942911;display: inline-block;cursor: pointer;color: #ffffff;font-family: Georgia;font-size: 13px;font-weight: bold;padding: 6px 24px;text-decoration: none;}.myButton:hover {background: linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);background-color: #bc3315;}.myButton:active {position: relative;top: 1px;}.accordion {background: #f9f9f9;color: #000;cursor: pointer;padding: 18px;width: 50%;border: none;text-align: center;outline: none;font-size: 15px;transition: 0.4s;}.active, .accordion:hover {background: #ccc;}.panel {padding: 0 18px;display: none;background: #fff;overflow: hidden;}.pagination {display: inline-block;box-shadow: 12px 0 15px -4px rgba(0, 0, 0, 0.2), -12px 0 8px -4px rgba(0, 0, 0, 0.2);}.pagination a {color: black;float: left;padding: 8px 16px;text-decoration: none;transition: background-color .3s;border: 1px solid #ddd;}.pagination a.active {background-color: #4CAF50;color: white;border: 1px solid #4CAF50;}.pagination a:hover:not(.active) {background-color: #ddd;}table {border-collapse: collapse;margin: 0;padding: 0;max-width: 100%;table-layout: fixed;}table caption {font-size: 1.5em;margin: .5em 0 .75em;}table tr {padding: .35em;}tbody {width: 100%;}table th {font-size: .85em;letter-spacing: .1em;text-transform: uppercase;}thead {height: 40px;}@media screen and (max-width: 400px) {table {border: none;}table caption {font-size: 1.1em;}table thead {border: none;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}table tr {background: transparent;border-radius: 8px;display: block;margin-bottom: .625em;}table td {display: block;font-size: .8em;}table td::before {width: 295px;content: attr(data-label);float: left;text-align: left;padding: 0;margin-right: -160px;font-family: Arial, "Times New Roman", sans-serif;text-transform: uppercase;}table td:last-child {border-bottom: none;}}.tooltip {border-bottom: 1px dotted #000000;color: #000000;outline: none;cursor: help;text-decoration: none;position: relative;}.tooltip span {margin-left: -999em;position: absolute;}.tooltip:hover span {border-radius: 5px 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);font-family: Calibri, Tahoma, Geneva, sans-serif;position: absolute;left: 1em;top: 2em;z-index: 99;margin-left: 0;width: 280px;max-width: 300px;}.tooltip:hover img {border: 0;position: relative;}.tooltip:hover em {font-family: Candara, Tahoma, Geneva, sans-serif;font-size: 1.2em;font-weight: bold;display: block;padding: 0.2em 0 0.6em 0;}.custom {padding: 0.5em 0.8em 0.8em 2em;}.tooltip-img {background: #FFCCAA;border: 1px solid #FF3334;}.modwrapper {width: 97%;height: 300px;margin: 0 auto;border-radius: 0 0 14px 14px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);}.window {background: #f0f0f0;width: 70%;height: 100%;overflow-y: auto;padding: 10px;}.articlebox {width: 100%;height: 300px;overflow-y: auto;overflow-x: hidden;border-radius: 10px;}.storybox {background: #ffffff;width: 97%;height: 50px;text-align: center;border-radius: 10px;box-shadow: 2px 2px 3px #888888;padding-left: 3px;}.frame {background: #f0f0f0;width: 100%;height: 100%;border: 0;border-radius: 14px;}@media (max-width: 1000px) {.wrapper {width: 100%;float: left;}}.left{text-align:left}.respond{width:80%;margin:0 auto;}@media (max-width:1000px){.respond{width:100%}}.leftblock, .rightblock { width: 20% } .centerblockleft { width: 85% } .centerblockright { width: 85% } .centerblock { width: 97% } .centerblockboth { width: 60% } @media (max-width: 1000px) { .leftblock, .rightblock, .centerblock, .centerblockleft, .centerblockright, .centerblockboth { width: 100%; float: left; }}