html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#008000;color:#fff}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #000;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
html,body{font-family:"Heebo",sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
.image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.table,.table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.table-all{border:1px solid #ccc}
.bordered tr,.table-all tr{border-bottom:1px solid #ddd}.striped tbody tr:nth-child(even){background-color:#f1f1f1}
.table-all tr:nth-child(odd){background-color:#fff}.table-all tr:nth-child(even){background-color:#f1f1f1}
.hoverable tbody tr:hover,.ul.hoverable li:hover{background-color:#ccc}.centered tr th,.centered tr td{text-align:center}
.table td,.table th,.table-all td,.table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.table th:first-child,.table td:first-child,.table-all th:first-child,.table-all td:first-child{padding-left:16px}
.btn,.button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.btn,.button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.disabled,.btn:disabled,.button:disabled{cursor:not-allowed;opacity:0.3}.disabled *,:disabled *{pointer-events:none}
.btn.disabled:hover,.btn:disabled:hover{box-shadow:none}
.badge,.tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.badge{border-radius:50%}
.tooltip,.display-container{position:relative}.tooltip .text{display:none}.tooltip:hover .text{display:inline-block}
.ripple:active{opacity:0.5}.ripple{transition:opacity 0s}
.input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.dropdown-click,.dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.dropdown-hover:hover .dropdown-content{display:block}
.dropdown-hover:first-child,.dropdown-click:hover{background-color:#ccc;color:#000}
.dropdown-hover:hover > .button:first-child,.dropdown-click:hover > .button:first-child{background-color:#ccc;color:#000}
.dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.check,.radio{width:24px;height:24px;position:relative;top:6px}
.bar-block .dropdown-hover,.bar-block .dropdown-click{width:100%}
.bar-block .dropdown-hover .dropdown-content,.bar-block .dropdown-click .dropdown-content{min-width:100%}
.bar-block .dropdown-hover .button,.bar-block .dropdown-click .button{width:100%;text-align:left;padding:0px 0px}
.main,#main{transition:margin-left .4s}
.modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.bar{width:100%;overflow:hidden}.center .bar{display:inline-block;width:auto}
.bar .bar-item{padding:8px 9px;float:left;width:auto;border:none;display:block;outline:0;text-transform:capitalize;}
.bar .dropdown-hover,.bar .dropdown-click{position:static;float:left}
.bar .button{white-space:normal}
.bar-block .bar-item{width:100%;display:block;padding:0px 0px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.bar-block.center .bar-item{text-align:center}.block{display:block;width:100%}
.responsive{display:block;overflow-x:auto}
.container:after,.container:before,.panel:after,.panel:before,.row:after,.row:before,.row-padding:after,.row-padding:before,
.cell-row:before,.cell-row:after,.clear:after,.clear:before,.bar:before,.bar:after{content:"";display:table;clear:both}
.col,.half,.third,.twothird,.threequarter,.quarter{float:left;width:100%}
.col.s1{width:8.33333%}.col.s2{width:16.66666%}.col.s3{width:24.99999%}.col.s4{width:33.33333%}
.col.s5{width:41.66666%}.col.s6{width:49.99999%}.col.s7{width:58.33333%}.col.s8{width:66.66666%}
.col.s9{width:74.99999%}.col.s10{width:83.33333%}.col.s11{width:91.66666%}.col.s12{width:99.99999%}
@media (min-width:601px){.col.m1{width:8.33333%}.col.m2{width:16.66666%}.col.m3,.quarter{width:24.99999%}.col.m4,.third{width:33.33333%}
.col.m5{width:41.66666%}.col.m6,.half{width:49.99999%}.col.m7{width:58.33333%}.col.m8,.twothird{width:66.66666%}
.col.m9,.threequarter{width:74.99999%}.col.m10{width:83.33333%}.col.m11{width:91.66666%}.col.m12{width:99.99999%}}
@media (min-width:993px){.col.l1{width:8.33333%}.col.l2{width:16.66666%}.col.l3{width:24.99999%}.col.l4{width:33.33333%}
.col.l5{width:41.66666%}.col.l6{width:49.99999%}.col.l7{width:58.33333%}.col.l8{width:66.66666%}
.col.l9{width:74.99999%}.col.l10{width:83.33333%}.col.l11{width:91.66666%}.col.l12{width:99.99999%}}
.rest{overflow:hidden}.stretch{margin-left:-16px;margin-right:-16px}
.content,.auto{margin-left:auto;margin-right:auto}.content{max-width:980px}.auto{max-width:1140px}
.cell-row{display:table;width:100%}.cell{display:table-cell}
.cell-top{vertical-align:top}.cell-middle{vertical-align:middle}.cell-bottom{vertical-align:bottom}
.hide{display:none!important}.show-block,.show{display:block!important}.show-inline-block{display:inline-block!important}
@media (max-width:1205px){.auto{max-width:95%}}
@media (max-width:600px){.modal-content{margin:0 10px;width:auto!important}.modal{padding-top:30px}
.dropdown-hover.mobile .dropdown-content,.dropdown-click.mobile .dropdown-content{position:relative}	
.hide-small{display:none!important}.mobile{display:block;width:100%!important}.bar-item.mobile,.dropdown-hover.mobile,.dropdown-click.mobile{text-align:center}
.dropdown-hover.mobile,.dropdown-hover.mobile .btn,.dropdown-hover.mobile .button,.dropdown-click.mobile,.dropdown-click.mobile .btn,.dropdown-click.mobile .button{width:100%}}
@media (max-width:768px){.modal-content{width:500px}.modal{padding-top:50px}}
@media (min-width:993px){.modal-content{width:900px}.hide-large{display:none!important}.sidebar.collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.hide-medium{display:none!important}}
@media (max-width:992px){.sidebar.collapse{display:none}.main{margin-left:0!important;margin-right:0!important}.auto{max-width:100%}}
.top,.bottom{position:fixed;width:100%;z-index:1}.top{top:0}.bottom{bottom:0}
.overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.display-topleft{position:absolute;left:0;top:0}.display-topright{position:absolute;right:0;top:0}
.display-bottomleft{position:absolute;left:0;bottom:0}.display-bottomright{position:absolute;right:0;bottom:0}
.display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.display-container:hover .display-hover{display:block}.display-container:hover span.display-hover{display:inline-block}.display-hover{display:none}
.display-position{position:absolute}
.circle{border-radius:50%}
.row-padding,.row-padding>.half,.row-padding>.third,.row-padding>.twothird,.row-padding>.threequarter,.row-padding>.quarter,.row-padding>.col{padding:0 8px}
.container,.panel{padding:0.01em 16px}.panel{margin-top:16px;margin-bottom:16px}
.grid{display:grid}.grid-padding{display:grid;gap:16px}.flex{display:flex}
.text-center{text-align:center}.text-bold,.bold{font-weight:bold}.text-italic,.italic{font-style:italic}
.code,.codespan{font-family:Consolas,"courier new";font-size:16px}
.code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.card,.card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.card-4,.hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.spin{animation:spin 2s infinite linear}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-input{transition:width 0.4s ease-in-out}.animate-input:focus{width:100%!important}
.opacity,.hover-opacity:hover{opacity:0.60}.opacity-off,.hover-opacity-off:hover{opacity:1}
.opacity-max{opacity:0.25}.opacity-min{opacity:0.75}
.greyscale-max,.grayscale-max,.hover-greyscale:hover,.hover-grayscale:hover{filter:grayscale(100%)}
.greyscale,.grayscale{filter:grayscale(75%)}.greyscale-min,.grayscale-min{filter:grayscale(50%)}
.sepia{filter:sepia(75%)}.sepia-max,.hover-sepia:hover{filter:sepia(100%)}.sepia-min{filter:sepia(50%)}
.tiny{font-size:10px!important}.small{font-size:12px!important}.medium{font-size:15px!important}.large{font-size:18px!important}
.xlarge{font-size:24px!important}.xxlarge{font-size:36px!important}.xxxlarge{font-size:48px!important}.jumbo{font-size:64px!important}
.left-align{text-align:left!important}.right-align{text-align:right!important}.justify{text-align:justify!important}.center{text-align:center!important}
.border-0{border:0!important}.border{border:1px solid #ccc!important}
.border-top{border-top:1px solid #ccc!important}.border-bottom{border-bottom:1px solid #ccc!important}
.border-left{border-left:1px solid #ccc!important}.border-right{border-right:1px solid #ccc!important}
.topbar{border-top:6px solid #ccc!important}.bottombar{border-bottom:6px solid #ccc!important}
.leftbar{border-left:6px solid #ccc!important}.rightbar{border-right:6px solid #ccc!important}
.section,.code{margin-top:16px!important;margin-bottom:16px!important}
.margin{margin:16px!important}.margin-top{margin-top:16px!important}.margin-bottom{margin-bottom:16px!important}
.margin-left{margin-left:16px!important}.margin-right{margin-right:16px!important}
.padding-small{padding:4px 8px!important}.padding{padding:8px 16px!important}.padding-large{padding:12px 24px!important}
.padding-16{padding-top:16px!important;padding-bottom:16px!important}.padding-24{padding-top:24px!important;padding-bottom:24px!important}
.padding-32{padding-top:32px!important;padding-bottom:32px!important}.padding-48{padding-top:48px!important;padding-bottom:48px!important}
.padding-64{padding-top:64px!important;padding-bottom:64px!important}
.padding-top-64{padding-top:64px!important}.padding-top-48{padding-top:48px!important}
.padding-top-32{padding-top:32px!important}.padding-top-24{padding-top:24px!important}
.left{float:left!important}.right{float:right!important}
.button:hover{color:#000!important;background-color:#ccc!important}
.transparent,.hover-none:hover{background-color:transparent!important}
.hover-none:hover{box-shadow:none!important}
.rtl{direction:rtl}.ltr{direction:ltr}






::-moz-selection { 
  color: #fff;
  background: #c00;}

::selection {
 color: #fff;
  background: #c00;}



x{font-weight:bold;text-transform:uppercase;color: #000;}
x1{font-weight:bold;text-transform:uppercase;color: #960018;}
x2{font-weight:bold;text-transform:uppercase;}
x3{font-weight:bold;text-transform:uppercase;color: #ff3800;}
x4{font-weight:bold;text-transform:lowercase;color: #007FFF;}
x5{color:#ff3800;font-weight:bold;}
x6{font-weight:bold;text-transform:uppercase;color: #008000;}
x7{font-weight:bold;text-transform:capitalize;color: #ff3800;}
x8{font-weight:bold;text-transform:lowercase;color: #008000;}
x9{font-weight:bold;text-transform:lowercase;color: #ff3800;}
.text-center{text-align:center;
font-weight:bold;
text-transform:uppercase;}













/*** Calendar ***/
time.tical
{
  font-size: 9px;
  display: block;
  position: relative;
  width: 70px;
  height: 70px;
  background-image: url(../../images/calendar1.png);
  border-radius: 4px;
  border-bottom: 0px solid #960018;
 top:0px;
float:right;}

time.tical *
{
  display: block;
  width: 100%;
  font-size: 9px;
  font-weight: bold;
  font-style: normal;
  text-align: center;}

time.tical em1
{
  position: absolute;
  top: 6px;
font-size: 12px;
  color: #c00;
 border-bottom: 1px dotted #18191b;
text-transform: capitalize;}

time.tical em
{ font-size: 10px;
  position: absolute;
  bottom: 4px;
  color: #fff;}

time.tical span
{
  font-size: 20px;
padding-top: 23px;
  color: #000;}

#b{line-height:2;
text-transform: capitalize;
 list-style-Type: none;
 padding: 0 0 0px 40px;
color: #000;
font-family:tahoma;
    font-size: 15px;
    font-weight: normal;}






.xcard {
  background-color: #fff;
  padding: 2rem;
  border-radius: 1rem;
  max-width: 94%;
  margin: 0 auto;
box-shadow:1px 1px .5em #000 inset;}


.csscard {
  background-color: #fff;
  padding: 2rem;
  border-radius: 0rem;
  max-width: 94%;
height: 220px;
  margin: 0 auto;
overflow:auto;
box-shadow:1px 1px .5em #000 inset;}










.ul{list-style-type:none;padding:0px;margin:0px;}
.ul, li{padding:2px 0px;text-transform:capitalize;color: #000;list-style-type:none;
}
.ul, li:last-child{border-bottom:none}

 

.social{
    margin-right: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
background-color:#fff;
    color: #000;
    border: 1px solid #000;
    border-radius: 9px;
    transition: .3s;
text-decoration:none;}

.social:hover {
    margin-right: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
background-color:#000;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 9px;
    transition: .3s;
text-decoration:none;}

.like{
position:relative;
    margin-right: 5px;
padding:2px 4px;
    display: flex;
    align-items: center;
    justify-content: center;
background-color:#008000;
    color: #fff;
    border: 1px solid #000;
    border-radius: 9px;
    transition: .3s;
text-decoration:none;}

.like:hover {
position:relative;
    margin-right: 5px;
padding:2px 4px;
    display: flex;
    align-items: center;
    justify-content: center;
background-color:#fff;
    color: #000;
    border: 1px solid #000;
    border-radius: 9px;
    transition: .3s;
text-decoration:none;}

.title{
 font-family:tahoma;
font-size: 22px;
color:#000;
 font-weight:bold;
text-transform: capitalize;
text-align:center;
border-bottom: 4px solid #ff3800;
border-radius: 4em 0;}

.title1{
 font-family:tahoma;
font-size: 17px;
color:#000;
 font-weight:normal;
text-transform: capitalize;
text-align:center;
}



.fa-css3{color:#008000 !important;}
.fa-html5{color:#c00 !important;font-size: 27px;}
.fa-arrow-right{color:#ff3800 !important; font-weight:normal;font-size: 19px;}
.fa-commenting{color:#007FFF !important; font-weight:normal;font-size: 19px;}
.fa-globe{color:#ff0000 !important;font-size:27px !important;}
.fa-bullseye{color:#D81324 !important; font-weight:normal;font-size: 19px;}
.fa-cog{color:#008000 !important; font-weight:normal;font-size: 19px;}
.fa-commenting-o{color:#000 !important; font-weight:normal;font-size: 40px;}
.fa-cogs{color:#007FFF !important;}
.fa-navicon{color:#ff3800 !important;}
.fa-youtube-play{color:#D81324 !important;}
.fa-paper-plane{color:red;font-size: 20px !important;}
.klo{color:#ff0000 !important;}

.pop{background-color:#c00;text-decoration:none;}
.pop:hover{background-color:#c00;}




.gra{
color:#000;
text-transform: capitalize;}

.logo{position:absolute;
padding:0px;
margin:0px;
width:70px;
height: 70px;
border:none;}







code{font-family:tahoma;font-size:17px;text-align:left;
white-space: pre-wrap;
line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}




.hljs{display:block;overflow-x:auto;padding:0.5em;background:#fff}.hljs,.hljs-subst{color:#000}.hljs-string,.hljs-meta,.hljs-symbol,.hljs-template-tag,.hljs-template-variable,.hljs-addition{color:#960018}.hljs-comment,.hljs-quote{color:#636363}.hljs-number,.hljs-regexp,.hljs-literal,.hljs-bullet,.hljs-link{color:#31a354}.hljs-deletion,.hljs-variable{color:#88f}.hljs-keyword,.hljs-selector-tag,.hljs-title,.hljs-section,.hljs-built_in,.hljs-doctag,.hljs-type,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-strong{color:#0100be}.hljs-emphasis{font-style:italic}.hljs-attribute{color:#e6550d}

.login-frame{
width:100%;
height:600px;
border:0px;}





.notification-frame{
width:100%;
height:620px;
border:0px;}








html {
  scroll-behavior: smooth;
}

#scrolltop {
  display: block;
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.5s ease-in;
	position:fixed;
	bottom:20px;
  right:10px;
  background: #008000;
  border-radius: 4px;
z-index:20;
}

.top-button {
  text-decoration: none;
  font-size: 17px;
  font-weight: 700;
  line-height: 2;
  cursor: pointer;
padding:10px;

  color: #fff;

}



.start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;padding:2rem 3rem 0}
.header{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;padding-right:2rem;width:60%}
.codestart{background:transparent;border:1px dotted #ff3800;display:inline-block;padding:0.1em 0.5em 0.15em;vertical-align:top cursor:pointer;position:relative}

.demo{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;width:40%;margin-top:1rem;}



.demoi{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background: radial-gradient(circle at 50.4% 50.5%, rgb(251, 32, 86) 0%, rgb(135, 2, 35) 90%);border:1px solid #555;border-bottom:none;border-top-left-radius:3px;border-top-right-radius:3px;display:-webkit-box;display:-ms-flexbox;display:flex;height:1rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:0.5rem}

.demoi:after{
content: "\f0c9";
font-family: "FontAwesome";
position: relative;
padding-left: 100px;
color:#fff;
 font-weight: 900;

}

.demoi i{background-color:#FFFF00;border-radius:50%;display:block;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;height:10px;margin-right:2px;width:10px;}
.demoi1 i{background-color:#0cf;border-radius:50%;display:block;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;height:10px;margin-right:2px;width:10px;}
.demoi2 i{background-color:#66FF00;border-radius:50%;display:block;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;height:10px;margin-right:2px;width:10px;}
.demoi3{
font-size: 15px;
font-weight:bold;
font-family:tahoma;
text-transform:capitalize;
color:#fff;
text-align: center;
margin-left:70px;}


.demo-output{padding:0.8em 1em;position:relative}

.demo-output1{padding:6em 1em;position:relative}

.demo-output1 p{
font-size: 13px;
font-weight:bold;
font-family:tahoma;
text-transform:capitalize;}

.demo-out{border:1px solid #555;border-bottom-left-radius:4px;border-bottom-right-radius:4px;font-size:14px;padding:0.5em}




.foopri{color:#fff;text-decoration:none;}
.foopri:hover{color:#ccc;text-decoration:none;}




.box {
-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
background-color: #EEE; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
background: linear-gradient(to bottom, #fbfbfb, #e1e1e1);  
padding: 0px 55px;
height: 37px;
line-height: 30px;
margin: 0px;
text-decoration: none;
text-align: center;
font-size: 20px;
font-weight:bold;
font-style:normal;
font-family:tahoma, geneva, sans-serif;
text-shadow: 0px -1px #333;
text-transform:capitalize;
display: inline-block;
vertical-align: middle;  
*vertical-align: auto;
*zoom: 1;
*display: inline;
border: 1px solid #d4d4d4;
outline:none;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
cursor:pointer;
}

.box:active {
 -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
background: #eeeeee;
color: #bbbbbb;}

.box-wrap {
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3e3), color-stop(100%, #f2f2f2));
background: -moz-linear-gradient(top, #e3e3e3, #f2f2f2);
background: -webkit-linear-gradient(top, #e3e3e3, #f2f2f2);
background: linear-gradient(to bottom, #e3e3e3, #f2f2f2);
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
border-radius: 200px;
-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
padding: 10px;
display: inline-block;}

.next {
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00b5e5), color-stop(100%, #008db2));
background: -moz-linear-gradient(top, #00b5e5, #008db2);
background: -webkit-linear-gradient(top, #00b5e5, #008db2);
background: linear-gradient(to bottom, #00b5e5, #008db2);
background-color: #00A1CB;
  border-color: #007998;
color: #fff;
text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35);}

.next:hover, 
.next:focus {  
background-color: #00A1CB;
color: #FFF;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c9fe), color-stop(100%, #008db2));
background: -moz-linear-gradient(top, #00c9fe, #008db2);
background: -webkit-linear-gradient(top, #00c9fe, #008db2);
background: linear-gradient(to bottom, #00c9fe, #008db2);}

.next:active {
background: #1495b7;
color: #005065;}





.container90 {
  max-width: 350px;

  margin: 0 auto;
  position: relative;
}

#contact input[type="text"],
#contact input[type="email"],
#contact textarea,
#contact button[type="submit"] {
font-family:tahoma;
font-size:13px;
}

#contact {
  background: #F9F9F9;
  padding: 25px;
  margin: 50px 0;
box-shadow:1px 1px .5em #000 inset;
}

#contact h3 {
  display: block;
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 0px;
}



fieldset {
  border: medium none !important;
  margin: 0 0 10px;
  min-width: 100%;
  padding: 0;
  width: 100%;

}

#contact input[type="text"],
#contact input[type="email"],
#contact textarea {
  width: 100%;
  border: 1px solid #ccc;
  background: #FFF;
  margin: 0 0 5px;
  padding: 10px;
box-shadow:1px 1px .5em #000 inset;
}

#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #aaa;
}

#contact textarea {
  height: 100px;
  max-width: 100%;
  resize: none;
}

#contact button[type="submit"] {
  cursor: pointer;
  width: 35%;
  border: none;
  background: #008000;
  color: #FFF;
  margin: 0 0 5px;
  padding: 10px;
  font-size: 15px;
}

#contact button[type="submit"]:hover {
  background: #004700;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}





#submit1 {
  cursor: pointer;
  width: 35%;
  border: none;
  background: #777;
  color: #FFF;
  margin: 0 0 5px;
  padding: 10px;
  font-size: 15px;
}

#submit1:hover {
  background: #555;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}











.copyright {
  text-align: center;
}

#contact input:focus,
#contact textarea:focus {
  outline: 0;
  border: 1px solid #aaa;
}

::-webkit-input-placeholder {
  color: #000;
}

:-moz-placeholder {
  color: #000;
}

::-moz-placeholder {
  color: #000;
}

:-ms-input-placeholder {
  color: #000;
}

















.coral{color:#fff!important;background-color:#000!important;border-left:70px solid #c00!important;}





.btn-174 {
    position: relative;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 0px 3px rgba(128, 128, 128, 1),
        0px 4px rgba(118, 118, 118, 1),
        0px 5px rgba(108, 108, 108, 1),
        0px 6px rgba(98, 98, 98, 1),
        0px 7px rgba(88, 88, 88, 1),
        0px 8px rgba(78, 78, 78, 1),
        0px 14px 6px -1px #000000;
    transition: box-shadow .1s ease-in-out;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    text-decoration: none;
    user-select: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: none;
    padding: 0;
    background: none;
    
}

.btn-174 span {
    width: 100%;
    height: 100%;
    background-color: #E8E8E8;
    box-shadow: 0px -1px #fff,
        0px 1px 1px #FFFFFF;
    border-radius: 10px;
    transition: transform .1s ease-in-out;
    display: inline-block;
    padding: 4px 9px;
    color: #000;
    text-transform: uppercase;
font-family:lucida;
    font-size: 15px;
}

.btn-174:hover span {
    color: #000;
    text-shadow: 0px -1px #cfcfcf;
}

.btn-174:active {
    box-shadow: 0px 10px 0px -2px #aaa9a9;
}

.btn-174:active span {
    transform: translate(0, 5px);
}


.btn-174:disabled {
    pointer-events: none;
    opacity: .65;
    color: #7e7e7e;
    background: #dcdcdc;
    box-shadow: none;
    text-shadow: none;
}

/*** Ol ***/
ol {
  list-style: none;
  counter-reset: steps;}

ol li {
  counter-increment: steps;}

ol li::before {
  content: counter(steps);
  margin-right: 0.5rem;
  background: #ff0000;
  color: #fff;
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
place-items: center;  display: inline-grid;
line-height: 1.2em;}

ol ol li::before {
  background: darkorchid;}


.lois{text-align:center}

.arx:link {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #ff3800;
}

.arx:visited {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #ff3800;
}

.arx:hover {
  color: #c00;
  border-bottom: 1px solid #000;
  text-decoration: none;
}

.arx:active {
  color: #008000;
  text-decoration: none;
  border-bottom: 1px solid #000;
}



























.round{border-radius:4px;}
.round1{border-radius:4px 4px 94px 4px;box-shadow:1px 1px .5em #000 inset;}


  h1 {
text-transform: uppercase;
    font-family: tahoma;
    font-size: 22px;
    font-weight: bold;
    color: #D81324;
   text-align:center;

}


h2,h3,h4,h5,h6{font-family:tahoma;font-weight:400;margin:0px 0;font-size:20px;color:#000;}






#gb {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 20px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0,0,0,0.8);
    z-index: 200;
    cursor: pointer;
    user-select:none;
}


.gb1{
position:absolute;
bottom:17%;
left:50%;
user-select:none;
transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%)
}

.tre{
font-family: tahoma;
font-size:27px;
font-weight: bold;
color:#fff;
text-transform: capitalize;
opacity:1;
}


.sidebar{
height:100%;
width:250px;
background-color:#fff;
position:fixed!important;
overflow:auto;
border-radius:4px;
box-shadow:1px 1px .5em #000 inset;
margin-left:8px;
z-index:5;}

.leo{
  list-style-type: none;
  margin: 0px;
  padding: 0px 9px;
box-shadow:1px 1px .5em #000 inset;

  background-color: #fff;
overflow:auto;

}

.leo li a {
  display: block;
font-family: tahoma;
font-size:15px;
  color: #000;
  padding: 2px 0px;
  text-decoration: none;
}


.leo li a:hover {
  background-color: #000;
  color: #fff;
}


.leo li a::first-letter{
   font-weight: bold;
}





.gov{position:relative;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
z-index:10;}

.foots{
width: 100%; 
height:2970px;
border:0px;}




/*** Footer ***/
.footer {
position:fixed !important;
right:0rem !important;
left:0rem !important;
bottom:0rem !important;
padding-top:2rem !important;
background:
url(../../images/map.png),
rgba(0,0,0,0.8);
    background-position:
        center center,
 center center;
background-repeat: no-repeat;
z-index:1000!important;}

.footer .bob.bob-social {
    margin-right: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 1px solid rgba(256, 256, 256, .1);
    border-radius: 40px;
    transition: .3s;}

.footer .bob.bob-social:hover {
    color: #6222CC;}

.footer .bob.bob-link {
    display: block;
    margin-bottom: 0px;
    padding: 0px;
    text-align: left;
    color: #fff;
    font-weight: normal;
    transition: .3s;
text-transform: capitalize;
text-decoration:none;}

.footer .bob.bob-link::before {
    position: relative;
    content: "\f105";
    font-family: "FontAwesome";
    font-weight: 900;
    margin-right: 10px;}

.footer .bob.bob-link:hover {
    letter-spacing: 0px;
    box-shadow: none;
    color: #FFFF00;}

.footer .copyright1 {
    padding: 25px 0;
    font-size: 14px;
    border-top: 1px solid rgba(256, 256, 256, .1);}

.footer .copyright1 a {
    color: #fff;}

.footer .footer-menu a {
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid rgba(255, 255, 255, .1);}

.footer .footer-menu a:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;}

.footer .copyright1 a:hover,
.footer .footer-menu a:hover {
    color: yellow;}

.col-28{
padding-right:3rem !important;
padding-left:3rem !important;
margin-bottom:22px!important;}

.col-29{
display:flex;
justify-content:center;
padding-right:5rem !important;
padding-left:5rem !important;
}

.col-20{
padding-top:0rem;
padding-bottom:1rem;
padding-right:1rem;
padding-left:2rem;
}



.col-22{flex:0 0 auto;width:25%;}



.col-23{
flex:0 0 auto;
width:55%;
text-align:left;
margin-bottom:0px;
text-align:center;}

.col-24{
flex:0 0 auto;
width:45%;
text-align:right;}

.col-30{
display:flex;
width:100%;
text-align:left;
}

.footer-span {
font-weight: bold;
color:#fff;
  background-color: transparent;
font-family: Tahoma;
font-size: 15px;
text-transform: uppercase;
margin-top:0rem;}



.numbers span.num {
  position: relative;
  display: inline-block;
margin-right: 0.4em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: 1.4em;
  height: 1.4em;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
  color: #fff;
  font-size: 12px;
  background-color: #c00;
border:0px solid #fff;
opacity:0.7;
}
.light{
background-color:#F6F4F9;
color:#000;
margin-right:.5rem;}

.light:hover{
color:#000;
box-shadow:0 0 0 .25rem rgba(209,207,212,0.5);}

.footer-social{
    width: 38px;
    height: 38px;
display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    border-radius: 50px;
    font-weight: 500;
text-decoration:none;
    transition: .5s;}

.small-letter{
background-color:#fff;
border:0px;
border-radius:50rem;
width:100%;
padding-left:1.5rem;
padding-right:3rem;}

.small-letter-arrow{
background-color:transparent;
color:#ff3800;
font-size:24px;
cursor:pointer;
border:none;
box-shadow:none;
position:absolute;
top:0px;
right:0px;
margin-top:.7rem;
margin-right:0.7rem;}

.relative{position:relative !important}

#b1{
text-transform: capitalize;
 list-style-Type: none;
 padding: 0 0 0px 20px;
 background: url(../../images/redball3.png) no-repeat left center;
color: #000;}



#b2{margin-left:40px;
text-transform: capitalize;
 list-style-Type: none;
 padding: 0 0 0px 20px;
 background: url(../../images/redball3.png) no-repeat left center;
color: #000;}



/*** Tips ***/

.tips-content {
    padding:0.1px;
   margin-left:10%;
margin-right:10%;  }   

.tips {width:90%;
padding:0.1px;
margin-bottom: 20px;
margin-left:5%;
    border:none;
box-shadow:1px 1px .5em #000 inset;
  border-radius: .5rem;}

.tips-box {
    background-color:transparent;
font-family:tahoma;
font-size:14px;
font-weight:bold;
  color: #000;
text-transform:capitalize;
    padding-left: 61px;
    position: relative;}

.tips-box .icon {
    text-align: center;
    width: 45px;
    height: 100%;
    position: absolute;
    top: -1px;
    left: -1px;
    border:none;
 border-radius: 4px 0 0 4px;
    -webkit-border-radius: .5rem 0 0 .5rem;}

.tips-box .icon:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    display: block;
 content: '';
    width: 10px;
    height: 10px;
    border:none;
    position: absolute;
   top: 50%;
    right: -6px;
    margin-top: -5px; }
 
.tips-box .icon i {
    font-size: 34px;
    color: #fff;
    left: 5px;
    margin-top: -17px;
    position: absolute;
    top: 50%;}

.tips-box.tips-color .icon,.tips-box.tips-color .icon:after {
    border:1px solid #ff3800;
    background: #ff3800;}


.table_generator{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #ff3800;background-color:#f1f1f1}
.table_generator td{font-size:14px;color:#000;padding:5px 10px}
#reference,.reference{border:1px solid #ff3800;border-collapse:collapse;font-family:'Droid Sans',Arial,Verdana,Tahoma;font-size:16px;width:100%;}
#reference th,.reference th{border:1px solid #ff3800;background-color:#f1f1f1;color:#000;padding:6px!important;font-weight:400;font-size:15px}
#reference td,.reference td{border:1px solid #ff3800;background-color:#f1f1f1;padding:6px!important;color:#000;}
#reference td.red,.reference td.red{color:red;text-align:center}
#reference td.green,.reference td.green{color:green;text-align:center}
.reference td a:hover,.reference td a:active{color:#000;text-decoration:none;border-bottom:1px solid #ff3800}
.mb32{margin-bottom:14px!important}

#x2{background-color:#ff3800;border-left:0px solid #fff;color:#fff;font-size:15px;text-align:center;font-weight:bold;text-transform: capitalize;margin-top:14px;}







/*** Title Bar***/
.browser {
  margin-bottom: 20px;
  float: left;
  clear: both;
  overflow: hidden;
  width: 100%;}

.browser .title-bar {
  float: left;
  height: auto;
padding:.2em;
    width: 100%;
  background: #ff3800;
  height: auto;
  border-radius: 9px;}

.browser .btns {
  position: relative;
  float: left;
  white-space: nowrap;
  padding: 0.6em;
  margin-left: 4px;}

.browser .btns .close, .browser .btns .min, .browser .btns .max {
  float: left;
  border-radius: 50%;
  margin-right: 8px;
  opacity: 100;
  height: 10px;
  width: 10px;}

.browser .btns .close {
  background-color: yellow;}

.browser .btns .min {
  background-color: cyan;}

.browser .btns .max {
  background-color: #66FF00;}

.browser .location-bar {
  background-color: #f1f1f1;
color: #000;
  position: relative;
  float: left;
  height: 1em;
  width: 88%;
  margin-top: 0.45em;
text-align:center;
line-height:17px;
font-size: 17px;
font-family: tahoma;
font-weight:bold;
text-transform: capitalize;}

.browser .control {
  float: right;
  line-height: 1.9em;
  height: 100%;
  color: #fff;
  margin-right: 0.50em;}


.newspaper {
   xborder:1px solid #ff0000;
   padding: 15px;
   -webkit-column-count: 3; /* Chrome, Safari, Opera */
   -moz-column-count: 3; /* Firefox */
   column-count: 3;
   -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
   -moz-column-gap: 40px; /* Firefox */
   column-gap: 40px;
   -webkit-column-rule: 1px solid #ff0000; /* Chrome, Safari, Opera */
   -moz-column-rule: 1px solid #ff0000; /* Firefox */
   column-rule: 1px solid #ff0000;
color: #000;
}




/*** Table ***/


.browserref{border-collapse:collapse;width:100%;text-transform:capitalize;}

.browserref tr:nth-child(even)	{background-color:#f1f1f1;color:#000;}

.browserref tr:nth-child(odd)  {background-color:#f1f1f1;color:#000;}

.browserref tr.fixzebra        {background-color:#f1f1f1;color:#000;}

.browserref th{
height:44px;background-repeat:no-repeat;background-position:center center;border:1px solid #ff3800;background-color:#f1f1f1;font-weight:normal;color:#000;padding:11px 5px 11px 5px;vertical-align:middle;}

.browserref td{
border:1px solid #ff3800;text-align:center;padding:8px;vertical-align:top;}

.browserref th:first-child,.browserref td:first-child{padding-left:16px}

.browserref .bsIE       {background-image:url('../../images/ie.png');}

.browserref .bsEdge     {background-image:url('../../images/edge.png');}

.browserref .bsFirefox  {background-image:url('../../images/firefox.png')}

.browserref .bsChrome   {background-image:url('../../images/chrome.png');}

.browserref .bsSafari   {background-image:url('../../images/safari.png');}

.browserref .bsOpera    {background-image:url('../../images/opera.png')}

.reference1{border:0px solid #ff3800;border-collapse:collapse;font-family:Tahoma;font-size:17px;width:100%;}

.reference1 th{border:0px solid #ff3800;background-color:#fff;color:#000;padding:6px!important;font-weight:bold;font-size:20px}

.reference1 td{border:0px solid #ff3800;background-color:#fff;padding:6px!important;color:#000;}

.reference1 td.red{color:red;text-align:center}

.reference1 td.green{color:green;text-align:center}

.reference1 td a:hover,.reference1 td a:active{color:#FC5E5E;text-decoration:none;border-bottom:0px solid #FC5E5E}









/* Style - www.netbax.net © January 2025 - Autor by Chris Bax - net@netbax.net */

div.gallery {
  margin: 5px;
  border: 1px solid #ccc;
font-family:tahoma;
font-size:14px;
color:#000;
  width: 200px;
  text-align: center;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 0px;
  text-align: center;
color:#000;
font-family:tahoma;
font-size:14px;
}

.flipimg:hover{
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.blur {
  filter: blur(4px);
}

.brightness {
  filter: brightness(0.30);
}

.contrast {
  filter: contrast(180%);
}

.grayscale {
  filter: grayscale(100%);
}

.huerotate {
  filter: hue-rotate(180deg);
}

.invert {
  filter: invert(100%);
}

.opacity {
  filter: opacity(50%);
}

.saturate {
  filter: saturate(7);
}

.sepia {
  filter: sepia(100%);
}

.shadow22 {
  filter: drop-shadow(8px 8px 10px yellow);
}



.x-half{
padding:0 8px;
float:left;
width:49.99999%;}











.pagination1 {
  display: inline-block;
}

.pagination1 a {
  color: #000;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}

.pagination2 {
  display: inline-block;
}

.pagination2 a {
color: #000;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}

.pagination2 a.active {
  background-color: red;
  color: #000;
}

.pagination2 a:hover:not(.active) {background-color: #ccc; color: #000;}

.pagination3 {
  display: inline-block;
}

.pagination3 a {
color: #000;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
border-radius: 5px;
}

.pagination3 a.active {
  background-color: #007FFF;
  color: #000;
border-radius: 5px;
}

.pagination3 a:hover:not(.active) {background-color: cyan; color: #000;}

.pagination4 {
  display: inline-block;
}

.pagination4 a {
  background-color: #f1f1f1;
color: #000;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ccc;
}

.pagination4 a.active {
  background-color: red;
  color: white;
  border: 1px solid #ccc;
}

.pagination4 a:hover:not(.active) {background-color: orange;}

.pagination5 {
  display: inline-block;
}

.pagination5 a {
  background-color: #f1f1f1;
color: #000;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  border: 1px solid #ccc;
}

.pagination5 a.active {
  background-color: red;
  color: white;
  border: 1px solid #ccc;
}

.pagination5 a:hover:not(.active) {background-color: orange;}

.pagination5 a:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.pagination5 a:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.pagination6 {
  display: inline-block;
}

.pagination6 a {
  background-color: #f1f1f1;
color: #000;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ccc;
  margin: 0 4px;
}

.pagination6 a.active {
  background-color: red;
  color: white;
  border: 1px solid #555;
}

.pagination6 a:hover:not(.active) {background-color: #66FF00;  color: #000;}

.pagination7 {
  display: inline-block;
}

.pagination7 a {
  background-color: #f1f1f1;
color: #000;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ccc;
  font-size: 22px;
}

.pagination7 a.active {
  background-color: #77B5FE;
  color: white;
  border: 1px solid #ccc;
}

.pagination7 a:hover:not(.active) {background-color: #cd7f32;}

.pagination8 {
  display: inline-block;
}

.pagination8 a {
  background-color: #f1f1f1;
color: #000;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ccc;
  margin: 0 4px;
}

.pagination8 a.active {
  background-color: #11ABB0;
  color: white;
  border: 1px solid #ccc;
}

.pagination8 a:hover:not(.active) {background-color: #191c24;}

.pagination9 {
  display: inline-block;
}

.pagination9 a {
  background-color: #f1f1f1;
  color: color: #fff;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ccc;
}

.pagination9 a.active {
  background-color: #313131;
  color: white;
  border: 1px solid #ccc;
}

.pagination9 a:hover:not(.active) {background-color: #960018;  color: #000;}









.lettercou{
width: 100%;
  color: #fff;
border-color: #ff3800;
background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.4);
margin:0px;
padding:10px;}

.reset{
font-family:tahoma;
font-size: 17px;
  width: 100px;
  height: 40px;
  text-align: center; 
  cursor: pointer;
 border-radius: 4px;
background: linear-gradient(90.9deg, rgb(3, 195, 195) 0.3%, rgb(37, 84, 112) 87.8%);
border: 1px solid #008000;
color: #fff;}

.reset:hover {
  color: #fff;
border-color: #008080;
background: linear-gradient(90.9deg, rgb(37, 84, 112) 0.3%, rgb(3, 195, 195) 87.8%);}

.copy1{
font-family:tahoma;
font-size: 17px;
  width: 100px;
  height: 40px;
  text-align: center; 
  cursor: pointer;
 border-radius: 4px;
background: linear-gradient(98.3deg, rgb(0, 0, 0) 10.6%, rgb(255, 0, 0) 97.7%);
border: 1px solid #c00;
color: #fff;}

.copy1:hover {
  color: #fff;
border-color: #e52b50;
background: linear-gradient(98.3deg, rgb(255, 0, 0) 10.6%, rgb(0, 0, 0) 97.7%);}


.boxcou {
  border-radius: 3px;
background: linear-gradient(111.4deg, rgb(246, 4, 26) 0.4%, rgb(251, 139, 34) 100.2%); 
  font-size: 16px;
  padding: 20px;
  margin: 15px auto;
  box-shadow: 0 5px 3px -2px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  width: 100%;}
 
.boxcou label {
  font-family: tahoma;
  font-size: 22px;
  border-bottom: 0px solid #ccc;
  display: block;
  padding-bottom: 10px;
  color: #fff;}

.boxcou textarea {
  border-radius: 3px;
  width: 100%;
 height: 200px;
  box-sizing: border-box;
  font-family: tahoma;
  font-size: 17px;
  border:none;
  color: #000;
  background: #f1f1f1;
 background-image: url("../../images/textarea.png");}

.vishi {
border:0px;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;}



.oup {
padding: 7px 8px;
margin-left:5px;
color: #fff;
border-radius:2px 0px 0px 2px;
border:0px;}

.form-group{
margin-bottom:15px;
border:0px;}

input,
output {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-family: Arial, sans-serif;
border:0px;}

output {
background: radial-gradient(circle at -1% 57.5%, rgb(19, 170, 82) 0%, rgb(0, 102, 43) 90%);
  padding: 7px 8px;
border-radius:2px;
margin-left:5px;
  color: #fff;
border:0px;}

.input4{
width:200px;
height:35px;
display: inline-block;
  vertical-align: middle;
  font-size: 14px;
color:#fff;
background: radial-gradient(circle at -1% 57.5%, rgb(19, 170, 82) 0%, rgb(0, 102, 43) 90%);
background-image: url(../../images/upload1.png);
border-radius:0px 2px 2px 0px;
border:0px;
cursor:pointer;}

.input4:hover {  
background: radial-gradient(circle at -1% 57.5%, rgb(0, 102, 43) 0%, rgb(19, 170, 82) 90%);
background-image: url(../../images/upload2.png);
border-right:4px solid #008000;
color:#fff;
border:0px;}









.button4 {
  display: inline-block;
font-size:12px;
}

.button4 a {

  float: left;
  padding: 4px 20px;
  text-decoration: none;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
transform: scale(1.05);
  
  background-image: linear-gradient( /* chrome */
    hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) 50%,
    hsla(0, 0%, 0%, 0.3) 50%, hsla(0, 0%, 100%, 0.2)
  );

}



.button4 a:first-child {
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
  border: 1px solid #555;
}

.button4 a:last-child {
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  border: 1px solid #555;
}
.black{background-color:#000;
border: 1px solid #000;
color:#fff;
font-weight:bold;}

.black:hover{background-color:#18191b;
border: 1px solid #18191b;
color:#fff;
font-weight:bold;}

.gray{background-color:#808080;
border: 1px solid #808080;
color:#fff;
font-weight:bold;}

.gray:hover{background-color:#777;
border: 1px solid #777;
color:#fff;
font-weight:bold;}

.red{background-color:#ff0000;
border: 1px solid #ff0000;
color:#fff;
font-weight:bold;}

.red:hover{background-color:#c00;
border: 1px solid #c00;
color:#fff;
font-weight:bold;}

.yellow{background-color:#FFFF00;
border: 1px solid #FFFF00;
color:#000;
font-weight:bold;
}

.yellow:hover{background-color:#FDDA0D;
border: 1px solid #FDDA0D;
color:#000;
font-weight:bold;
}

.green{background-color:#008000;
border: 1px solid #008000;
color:#fff;
font-weight:bold;}

.green:hover{background-color:#4F7942;
border: 1px solid #4F7942;
color:#fff;
font-weight:bold;}

.blue{background-color:#007FFF;
border: 1px solid #007FFF;
color:#fff;
font-weight:bold;}

.blue:hover{background-color:#0000FF;
border: 1px solid #0000FF;
color:#fff;
font-weight:bold;}

.orange{background-color:#FFA500;
border: 1px solid #FFA500;
color:#fff;
font-weight:bold;}

.orange:hover{background-color:#FFAC1C;
border: 1px solid #FFAC1C;
color:#fff;
font-weight:bold;}

.pink{background-color:#FFC0CB;
border: 1px solid #FFC0CB;
color:#000;
font-weight:bold;}

.pink:hover{background-color:#FAA0A0;
border: 1px solid #FAA0A0;
color:#fff;
font-weight:bold;}

.brown{background-color:#A52A2A;
border: 1px solid #A52A2A;
color:#fff;
font-weight:bold;}

.brown:hover{background-color:#C04000;
border: 1px solid #C04000;
color:#fff;
font-weight:bold;}

.purple{background-color:#800080;
border: 1px solid #800080;
color:#fff;
font-weight:bold;}

.purple:hover{background-color:#7F00FF;
border: 1px solid #7F00FF;
color:#fff;
font-weight:bold;}


.button2{
padding:12px;

border-radius:4px;
width: auto;
text-decoration:none;
font: normal 15px tahoma;
border: 1px solid #ff3800;
color:#000;
background: #f1f1f1;


cursor:pointer;
}
.button2:hover{
background-color:#777;
border: 1px solid #000;
color:#fff;
}

.button2r{
padding:1px;

border-radius:4px;
width: auto;
text-decoration:none;
font: normal 15px tahoma;
border: 1px solid #ff3800;
color:#000;
background: #f1f1f1;


cursor:pointer;
}
.button2r:hover{
background-color:#777;
border: 1px solid #000;
color:#fff;
}

.palette{
width:100%;
height:14500px;
border:0px;}

.re{
width:90%;
height:480px;
border:0;}

#x29{
background-color:#008000;
border-left:0px solid #fff;
color:#fff;
  font-family:tahoma;
font-size:20px;
text-align:center;
font-weight:bold;
text-transform: capitalize;
margin-top:14px;
height: 40px;
line-height:2;}

#x29:hover{
background-color:#87a96b;
border-left:0px solid #fff;
color:#fff;
  font-family:tahoma;
font-size:20px;
text-align:center;
font-weight:bold;
text-transform: capitalize;
margin-top:14px;
height: 40px;
line-height:2;}

#b67 {
background-image: url(../../images/recipe1.png);
background-color:transparent;
width: 139px;
height: 60px;
border: 0;
cursor: pointer;
font-size:0px;
}
        
#b67:hover {
background-image: url(../../images/recipe2.png);
}

.title4{
 font-family:tahoma;
font-size: 27px;
color:#000;
 font-weight:bold;
text-transform: capitalize;
text-align:center;
border-bottom: 4px solid #008000;
border-radius:0em;}


.x-clear { 
  padding: 0px;
  border: none; 
  border-top: medium double #8c8c8c; 
  color: #8c8c8c; 
  text-align: center; 

} 
.x-clear:after { 
  content: "😋"; 
  display: inline-block; 
  position: relative; 
  top: -0.7em; 
  font-size: 1.5em; 
  padding: 0 0.25em; 
  background: #fff; 
}

.gog{
color:#000;
font-family:"Heebo",sans-serif;
font-size:17px;
font-weight: bold;
text-transform:capitalize;
text-decoration:none;}

.gog,a{

text-decoration:none;}


.textarea-social {
  width: 0px;
  height: 0px;
border:none;
 overflow: hidden;
}

.button55 {
font-size: 17px;
  min-width: 40px;
  height: 30px;


  font-weight: normal;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  outline: none;
  border-radius: 5px;
  z-index: 0;
background: #008000;
  overflow: hidden;
  border: 1px solid #008000;
  color: #fff;

}
.button55:hover {
  color: #fff;
border-color: #355E3B;
}
.button55:hover:after {
  width: 100%;
}
.button55:after {
  content: "";
  position: absolute;
  z-index: -1;
  transition: all 0.3s ease;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
background: #355E3B;
}

.input-social {
text-decoration: none;
width:44%;
height:34px;
padding:6px 12px;
font-size:14px;
color:#fff;
background-color:#999;
border-radius:4px;
border:1px solid #555;

}

.input-social:hover {
    background-color: #777;
border-right:4px solid #c00;
}

.input-social::placeholder {
opacity: 1;
color: #fff !important;
}

.iconshare{
width:70px;
height:70px;
  border: 0px;
cursor: pointer;}

.pen{
border-bottom: 4px solid #ff3800;
color:#000;
padding:5px;
font-family: Tahoma;
font-size: 20px;
text-transform: capitalize;
text-align:center;}

.pen1{
background-color:#008000;
font-size:18px;
font-family: Tahoma;
color:#fff;
display:inline-block;
padding-left:8px;
padding-right:8px;
text-align:center;
border-radius:90%;}

.pen2{
color:#000;
font-family: Tahoma;
font-size: 15px;
text-transform: capitalize;}

.pen3 { 
float:left;
width: 112px;
height: 112px;
border: 2px solid #252321;
cursor: pointer;
border-radius: 4px;
margin-right:16px;} 

.pen3:hover { 
border: 9px solid #252321; } 


.moon {
display:inline-flex;

  width:120px;
}
.moon a:link,.mylist a:visited {
  text-decoration:none;
}
.moon a:hover,.mylist a:active {
  text-decoration:underline;
  text-decoration-color: mediumblue;
}


.xcolor {color:#c00}
.xcolor1 {color:#000}

#div1, #div2
{float:left; width:140px; height:55px; margin:10px;padding:10px;border:1px solid #960018;}

.js{
color:#008000;
font-weight:bold;
font-family:tahoma;
font-size:27px;}

.emojis{
width:100%;
height:46400px;
border:0px;}

.underline{text-decoration:underline;text-transform:lowercase;}

.video{
width:100%;
height:300px;
border:0px;}

 #xx1 {padding: 5px 12px 5px 12px;}

#xx {text-transform: capitalize;}

#xx:before {
font-family: FontAwesome;
content: "\f061";
display: inline-block;
padding-right: 9px;
font-weight:900;
color:#ff0000;}

#b69 {
background-image: url(../../images/b3.png);
background-color:transparent;
width: 158px;
height: 86px;
border: 0;
cursor: pointer;
font-size:0px;}

        
#b69:hover {
background-image: url(../../images/b4.png);
color:#fff;}

.menu-title{
color:#008000;
font-size: 27px;
     font-family:tahoma;
  font-weight:bold;
text-align:center;}

.cre1{
width:100%;
height:700px;
border:none;}

.cre2{
width:100%;
height:300px;
border:none;
text-align:center;}

.cre3{
width:100%;
height:400px;
border:none;}

.x-third{
float:left;
width:33.33333%;
color:#000;}

.sli{
width:100%;
height:620px;
border:none;}