@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300);
html{font-family:'Roboto',sans-serif;font-size:16px;line-height:1em;height:100%}
.wizard,.tabcontrol{display:block;width:100%;overflow:hidden}.wizard a,.tabcontrol a{outline:0}
.wizard ul,.tabcontrol ul{list-style:none !important;padding:0;margin:0}.wizard ul>li,.tabcontrol ul>li{display:block;padding:0}
.wizard>.steps .current-info,.tabcontrol>.steps .current-info{position:absolute;left:-999em}
.wizard>.content>.title,.tabcontrol>.content>.title{position:absolute;left:-999em}
.wizard>.steps{position:relative;display:block;width:100%}.wizard.vertical>.steps{display:inline;float:left;width:30%}
.wizard>.steps .number{font-size:1.429em}.wizard>.steps>ul>li{width:25%}.wizard>.steps>ul>li,.wizard>.actions>ul>li{float:left}
.wizard.vertical>.steps>ul>li{float:none;width:100%}.wizard>.steps a,.wizard>.steps a:hover,.wizard>.steps a:active{display:block;width:auto;margin:0 .5em .5em;padding:1em 1em;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.wizard>.steps .disabled a,.wizard>.steps .disabled a:hover,.wizard>.steps .disabled a:active{background:#eee;color:#aaa;cursor:default}
.wizard>.steps .current a,.wizard>.steps .current a:hover,.wizard>.steps .current a:active{background:#2184be;color:#fff;cursor:default}
.wizard>.steps .done a,.wizard>.steps .done a:hover,.wizard>.steps .done a:active{background:#9dc8e2;color:#fff}
.wizard>.steps .error a,.wizard>.steps .error a:hover,.wizard>.steps .error a:active{background:#ff3111;color:#fff}
.wizard>.content{background:#eee;display:block;margin:.5em;min-height:35em;overflow:hidden;position:relative;width:auto;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.wizard.vertical>.content{display:inline;float:left;margin:0 2.5% .5em 2.5%;width:65%}
.wizard>.content>.body{float:left;width:95%;height:95%;padding:2.5%}.wizard>.content>.body ul>li{display:list-item}
.wizard>.content>.body>iframe{border:0 none;width:100%;height:100%}.wizard>.content>.body input{display:block;border:1px solid #ccc}
.wizard>.content>.body input[type="checkbox"]{display:inline-block}
.wizard>.content>.body input.error{background:#fbe3e4;border:1px solid #fbc2c4;color:#8a1f11}
.wizard>.content>.body label{display:inline-block;margin-bottom:.5em}.wizard>.content>.body label.error{color:#8a1f11;display:inline-block;margin-left:1.5em}
.wizard>.actions{position:relative;display:block;text-align:right;width:100%}.wizard.vertical>.actions{display:inline;float:right;margin:0 2.5%;width:95%}
.wizard>.actions>ul{display:inline-block;text-align:right}.wizard>.actions>ul>li{margin:0 .5em}
.wizard.vertical>.actions>ul>li{margin:0 0 0 1em}.wizard>.actions a,.wizard>.actions a:hover,.wizard>.actions a:active{background:#2184be;color:#fff;display:block;padding:.5em 1em;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.wizard>.actions .disabled a,.wizard>.actions .disabled a:hover,.wizard>.actions .disabled a:active{background:#eee;color:#aaa}
.tabcontrol>.steps{position:relative;display:block;width:100%}.tabcontrol>.steps>ul{position:relative;margin:6px 0 0 0;top:1px;z-index:1}
.tabcontrol>.steps>ul>li{float:left;margin:5px 2px 0 0;padding:1px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px}
.tabcontrol>.steps>ul>li:hover{background:#edecec;border:1px solid #bbb;padding:0}
.tabcontrol>.steps>ul>li.current{background:#fff;border:1px solid #bbb;border-bottom:0 none;padding:0 0 1px 0;margin-top:0}
.tabcontrol>.steps>ul>li>a{color:#5f5f5f;display:inline-block;border:0 none;margin:0;padding:10px 30px;text-decoration:none}
.tabcontrol>.steps>ul>li>a:hover{text-decoration:none}.tabcontrol>.steps>ul>li.current>a{padding:15px 30px 10px 30px}
.tabcontrol>.content{position:relative;display:inline-block;width:100%;height:35em;overflow:hidden;border-top:1px solid #bbb;padding-top:20px}
.tabcontrol>.content>.body{float:left;position:absolute;width:95%;height:95%;padding:2.5%}
.tabcontrol>.content>.body ul{list-style:disc !important}.tabcontrol>.content>.body ul>li{display:list-item}

#social-platforms{position:relative;top:50px;top:25vh;font-size:1rem;text-align:center;overflow:hidden}
.btn{clear:both;white-space:nowrap;font-size:.8em;display:inline-block;border-radius:5px;box-shadow:0 1px 5px 0 rgba(0,0,0,0.35);margin:2px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;overflow:hidden}
.btn:hover{box-shadow:0 5px 20px 0 rgba(0,0,0,0.45)}.btn:focus{box-shadow:0 3px 10px 0 rgba(0,0,0,0.4)}
.btn>span,.btn-icon>i{float:left;padding:13px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;line-height:1em}
.btn>span{padding:14px 18px 16px;white-space:nowrap;color:#FFF;background:#b8b8b8}
.btn:hover>span{background:#b8b8b8}.btn:focus>span{background:#9a9a9a}.btn-icon>i{border-radius:5px 0 0 5px;position:relative;width:13px;text-align:center;font-size:1.25em;color:#fff;background:#212121}
.btn-icon>i:after{content:"";border:8px solid;border-color:transparent transparent transparent #222;position:absolute;top:13px;right:-15px}
.btn-icon:hover>i,.btn-icon:focus>i{color:#FFF}.btn-icon>span{border-radius:0 5px 5px 0}

.btn-facebook:hover > i, .btn-facebook:focus > i { color: #1877F2; }
.btn-facebook > span { background: #1877F2; }

.btn-twitter:hover > i, .btn-twitter:focus > i { color: #1DA1F2; }
.btn-twitter > span { background: #1DA1F2; }

.btn-pinterest:hover > i, .btn-pinterest:focus > i { color: #E60023; }
.btn-pinterest > span { background: #E60023; }

.btn-reddit:hover > i, .btn-reddit:focus > i { color: #FF4500; }
.btn-reddit > span { background: #FF4500; }

.btn-linkedin:hover > i, .btn-linkedin:focus > i { color: #0077B5; }
.btn-linkedin > span { background: #0077B5; }

.btn-whatsapp:hover > i, .btn-whatsapp:focus > i { color: #25D366; }
.btn-whatsapp > span { background: #25D366; }

.btn-telegram:hover > i, .btn-telegram:focus > i { color: #26A5E4; }
.btn-telegram > span { background: #26A5E4; }

.btn-threads:hover > i, .btn-threads:focus > i { color: #000000; }
.btn-threads > span { background: #000000; }

.btn-mastodon:hover > i, .btn-mastodon:focus > i { color: #6364FF; }
.btn-mastodon > span { background: #6364FF; }

.btn-addtoany:hover > i, .btn-addtoany:focus > i { color: #0076DD; }
.btn-addtoany > span { background: #0076DD; }

.btn-tumblr:hover > i, .btn-tumblr:focus > i { color: #35465C; }
.btn-tumblr > span { background: #35465C; }

.btn-blogger:hover > i, .btn-blogger:focus > i { color: #F57D00; }
.btn-blogger > span { background: #F57D00; }

ul.thumbnails.image_picker_selector{overflow:auto;list-style-image:none;list-style-position:outside;list-style-type:none;padding:0;margin:0}
ul.thumbnails.image_picker_selector ul{overflow:auto;list-style-image:none;list-style-position:outside;list-style-type:none;padding:0;margin:0}
ul.thumbnails.image_picker_selector li.group_title{float:none}ul.thumbnails.image_picker_selector li{margin:0 12px 12px 0;float:left}
ul.thumbnails.image_picker_selector li .thumbnail{padding:6px;border:1px solid #ddd;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
ul.thumbnails.image_picker_selector li .thumbnail img{height:335px;-webkit-user-drag:none}
ul.thumbnails.image_picker_selector li .thumbnail.selected{background:#08c}.wizard>.content>.body{min-height:95%;height:auto;width:100%}
.wizard>.steps .number{display:none}#social-platforms{top:30px}ul.social{width:100%;margin-bottom:55px;overflow:hidden}
ul.social>li{width:25%;float:left;padding:8px 8px}ul.social>li>a{display:inline-block;width:100%;max-width:320px;height:110px}
ul.social>li>a.btn-icon>i{width:80px;font-size:3em;padding:29px 20px 29px 20px;height:96px}
ul.social>li>a.btn-icon>i::after{top:40px}ul.social>li>a.btn-icon>span{width:calc(100% - 80px);height:96px;display:flex;align-items:center;justify-content:center;font-size:22px}
.btn-warning{font-size:12px;padding:18px 15px}@media only screen and (min-width:992px) and (max-width:1199px){ul.social>li{width:33.3333%}
}@media only screen and (min-width:768px) and (max-width:991px){ul.social>li{width:50%}
}@media only screen and (max-width:767px){h2{font-size:24px;margin-bottom:20px}.wizard>.content>.body{width:100%}
ul.thumbnails.image_picker_selector li{float:none;width:100%}ul.thumbnails.image_picker_selector li .thumbnail{max-width:246px;margin:0 auto}
ul.social>li{width:100%}}@media only screen and (max-width:399px){h2{font-size:19px}
}