/* CremeCSS by WillDev12 */
/* Basic definements: */
body{margin:0;word-wrap:break-word;font-family:sans-serif;font-size: 16px;text-align:left;}.cc-h1{font-size:64px;font-weight:450}.cc-h2{font-size:50px;font-weight:460;}.cc-h3{font-size:40px;font-weight:500;}.cc-h4{font-size:30px;font-weight:500;}.cc-h5{font-size:24px;font-weight:550;}.cc-h6{font-size:20px;font-weight:500;}h1,h2,h3,h4,h5,h6,{font-family:Verdana;}.verdana{font-family:Verdana;}audio,progress,canvas,video{display:inline-block}img{border-style:none;}.cc-ss{font-family:sans-serif;}a{text-underline-offset:0.25em;background:transparent;text-decoration:underline;font-weight:0.01em;font-color:#3366ff}sub{vertical-align:sub;font-size:smaller;}sup{vertical-align:sup;font-size:smaller;}progress{border-radius:2px;width:200px;height:25px;}blockquote{border-left:solid 4px #5fca66;padding-left:20px;font-style:italic;}cite{background-image:linear-gradient(#5fca66 0 0);background-position: bottom center;background-size: 80% 2px;background-repeat:no-repeat;padding-bottom: 4px;}address{padding:20px;}abbr{background-image: linear-gradient(#5fca66 0 0);background-position: bottom center;background-size: 80% 2px;background-repeat:no-repeat;padding-bottom: 3px;text-decoration:none;}iframe{border-radius:8px;border:2px solid;}img{border-style:none;vertical-align:middle;}canvas,audio,progress,video{display:inline-block;}progress{vertical-align:baseline;}
/* End define */

.cc-btn{font-size:17px;width:120px;height:50px;margin:10px;border:0px;box-shadow:0px 1px 7px 0px rgb(0,0,0,0.2);color:black;}
.cc-panel,cc-container,.cc-segment{padding:0.01em 16px}.cc-panel{margin-top:15px;margin-bottom:15px;}
.cc-panel:before,.cc-panel:after,.cc-container:before,.cc-container:after{content:"";display:table;clear:both}
.cc-segment{padding-top:16px;padding-bottom:16px;width:100%;}

.cc-card{padding:16px;border-radius:16px;box-shadow:0 0 8px 0 rgba(0,0,0,0.5)}
.cc-codebox{background:#ccc;padding-left:16px;padding-top:5px;padding-bottom:5px;border-left:solid 4px #5fca66}

.cc-input {height:25px;display:block;transition:all ease-in;border-bottom:1px solid #ccc;border-top:none;border-left:none;border-right:none;font:inherit;}
.cc-input:hover {border-bottom:2px solid #ccc;}

.checkcontainer {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.checkcontainer input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;border-radius:5px;}.checkcontainer:hover input ~ .checkmark {background-color: #ccc;}.checkcontainer input:checked ~ .checkmark {background-color: #5fca66;}.checkmark:after {content: "";position: absolute;display: none;}.checkcontainer input:checked ~ .checkmark:after {display: block;}.checkcontainer .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}.radiocontainer {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.radiocontainer input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}.radiobutton {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;border-radius: 50%;}.radiocontainer:hover input ~ .radiobutton {background-color: #ccc;}.radiocontainer input:checked ~ .radiobutton {background-color: #5fca66;}.radiobutton:after {content: "";position: absolute;display: none;}.radiocontainer input:checked ~ .radiobutton:after {display: block;}.radiocontainer .radiobutton:after {top: 9px;left: 9px;width: 8px;height: 8px;border-radius: 50%;background: white;}

.cc-transition-out{transition:all 0.2s ease-out;}.cc-transition-in{transition:all 0.2s ease-in;}.cc-transition-in-out{transition:all 0.2s ease-in-out;}
.cc-transition{transition:all 0.2s;}
.cc-zoomonhover:hover{transform:scale(1.02);}.cc-moveonhover:hover{transform:translateY(-1px)}

.cc-round-xs{border-radius:3px;}
.cc-round-small{border-radius:5px;}
.cc-round{border-radius:10px;}
.cc-round-large{border-radius:13px;}
.cc-round-xl{border-radius:15px;}

.cc-blue,.cc-btn-blue,.cc-blueonhover:hover{background-color:#0085FF!important;color:#fff;}.cc-btn-blue:hover{background-color:#00A0FF!important;}
.cc-green,.cc-btn-green,.cc-greenonhover:hover{background-color:#00BA34!important;color:#fff;}.cc-btn-green:hover{background-color:#00D33B!important;}
.cc-pink,.cc-btn-pink,.cc-pinkonhover:hover{background-color:#E91E63!important;color:#fff;}.cc-btn-pink:hover{background-color:#FF3278!important;}
.cc-magenta,.cc-btn-magenta,.cc-magentaonhover:hover{background-color:#C2185B!important;color:#fff;}.cc-btn-magenta:hover{background-color:#D61C65!important;}
.cc-bp,.cc-btn-bp,.cc-bponhover:hover{background-color:#9C27B0!important;color:#fff;}.cc-btn-bp:hover{background-color:#B32FCA!important;}
.cc-purple,.cc-btn-purple,.cc-purpleonhover:hover{background-color:#5727B0!important;color:#fff;}.cc-btn-purple:hover{background-color:#6E36D6!important;}
.cc-db,.cc-btn-db,.cc-dbonhover:hover{background-color:#272AB0!important;color:#fff;}.cc-btn-db:hover{background-color:#2F33D0!important;}
.cc-cyan,.cc-btn-cyan,.cc-cyanonhover:hover{background-color:#276BB0!important;color:#fff;}.cc-btn-cyan:hover{background-color:#3180D0!important;}
.cc-lb,.cc-btn-lb,.cc-lbonhover:hover{background-color:#57ACDC!important;color:#fff;}.cc-btn-lb:hover{background-color:#61BAEC!important;}
.cc-teal,.cc-btn-teal,.cc-tealonhover:hover{background-color:#57DCBE!important;color:#fff;}.cc-btn-teal:hover{background-color:#63F0D0!important;}
.cc-tg,.cc-btn-tg,.cc-tgonhover:hover{background-color:#60C689!important;color:#fff;}.cc-btn-tg:hover{background-color:#66D592!important;}
.cc-dg,.cc-btn-dg,.cc-dgonhover:hover{background-color:#585757!important;color:#fff;}.cc-btn-dg:hover{background-color:#737373!important;}
.cc-black,.cc-btn-black,.cc-blackonhover:hover{background-color:#1c1c1c!important;color:#fff;}.cc-btn-black:hover{background-color:#2E2E2E!important;}
.cc-gray,.cc-btn-gray,.cc-grayonhover:hover,.cc-btn:hover{background-color:#ccc!important;color:#000000}

.cc-blacktext{color:black!important;}
.cc-whitetext{color:white!important;}

.cc-centertext{text-align:center;}
.cc-lefttext{text-align:left;}
.cc-righttext{text-align:right;}