@font-face {
  font-display: swap;
}
@media (max-width:767px) {
   .mHide{
       display:none;
   }
   #logodiv{
       display:none;
   }
}
.wMax{
  max-width: 100%;
}
.TopMenuItemSelected{
    color: #88d7f4;
    font-weight: bold;
}
.row{
        margin: 0;
}

#upmenu{
        background: #2a393e;
        padding: 1%;
}

.social{
        display: inline-flex;
        color: #cfd1d2;
        margin: 0;
        width: 100%;
}
.social a{
        margin: 0 1.5%;
}

#logodiv{
        padding: 1%;
}

.menu{
        list-style-type: none;
    margin: 0;
    padding: 0;
    float: right;
    width: 100%;
text-align: right;
margin-top: 4%;

}

.menu li{
        display: inline;
        margin: 0 0.8%;
}

.menu li a{
        color: #606060;

        text-decoration: none;
        padding: 1% 2%;
        font-weight: bold;

}

a{
text-decoration: none !important;


}

.menu li a:hover{
        padding: 1% 2%;
        background: #88d7f4;
        border-radius: 16px;
        color: white;
}

#header{
        background: #88d7f4;
}

#headtext{
        text-transform: uppercase;
font-weight: bold;
}

#headsemitext{
        color: white;
line-height: 1.3;
}

:-ms-input-placeholder {
   color: red;
}

#type .container .col-sm-3{
        text-align: center;
        margin: 2% 0;
}

#moreinfo{
        padding: 3% 7%;
        background: #88d7f4;
        border-radius: 16px;
        color: white;
}

#moreinfo:hover {
background: #53bfe7;
}

#type{

}

.blogheadline{
        font-weight: bold;
        color: #243e47;
}

#moreinfoblog{
        padding: 2% 5%;
        background: #88d7f4;
        border-radius: 40px;
        color: white;
        float: right;
}

#support{
        background: #f7af3e;
}

#blog{
        padding: 2%;
}

#pfooter{
        background: #2a393e;
        padding: 2%;
}

#pfooter h3{
        color: #f5f5f5;
}

#pfooter li{
        color: #abafb0;
}

#subscribe{
        background: #e9e9e9;
border: 0;
width: 100%;
padding: 1% 3%;
font-weight: bold;
border-radius: 17px;
}

#sbutton{
        background: #f7af3e;
margin-top: 3%;
border: 0;
border-radius: 23px;
padding: 2% 7%;
/* font-weight: bold; */
color: white;
}

#credits{
        background: #1a2326;
}

#leafdesc{
text-align: left !important;
font-weight: bold;
padding: 12%;
padding-left: 16%;
}

#moreinfoblog:hover{
background: #53bfe7;
}

ul.leaf li{
list-style-image: url('https://www.coolutils.com/images/list.png');
padding-left: 0px;
line-height: 2em;
}

ul.leaf{
        padding-left: 0;
}

ul.leaf1 li{
list-style-image: url('https://www.coolutils.com/images/list.png');
padding-left: 0px;
line-height: 2em;
}

ul.leaf1{
        padding-left: 9%;
}

ul.leaf1 a{
        color: #606060;
        font-weight: bold;
}

ul.leaf1 a:hover{
        color: #f7af3e;
}

ul.leaf2 li{
list-style-image: url('https://www.coolutils.com/images/list.png');
padding-left: 0px;
line-height: 2em;
}

ul.leaf2{
        padding-left: 0;
}

ul.leaf2 a{
        color: #606060;
        font-weight: bold;
}

ul.leaf2 a:hover{
        color: white;
}



#phonemenu{
        margin-top: 3%;
}

@media (min-width: 480px)
{
    #phonemenu
    {
        display: none;
    }


}


@media (max-width: 767px)
{
    #onethird{
            padding: 0;
            margin-top: 2%;
    }
}

#leafdesc .leaf a{
color: black;
}

#orange .col-sm-3{
        padding: 2%;
}

.process{
        color: #59bade;
        text-align: left;
        text-transform: uppercase;
}


#sak a{
        text-decoration: underline !important;
        clear: both !important;
}

img{
        margin: auto;
}

#footerlinks a{
        color: white;
        margin: 0 2px;
        font-size: 13px;
}

.fright{
        color: white;
float: right;
text-align: right;
font-size: 13px;
margin-bottom: 0;
display: flex;
}

#footerlinks a:hover{
        color: #f69f16;
        }


.bform{
        width: 100%;
        margin: 2% 0;
        padding: 2%;
        border-radius: 10px;
        border: 0;
}

textarea{
        resize: none;
}

.sendme{
color: white;
background-color: #f7af3e;
border: 0;
border-radius: 35px;
font-size: 16px;
padding: 2% 7%;
}

.a3{
        color: #a3a3a3;
}

.f6{
        color: #f69f16;
}

.Red{
        color: Red;
}

.Green{
        color: Green;
}

.f9{
        color: #59bade;
}

.leaf12 li{
        text-decoration: underline;
}

.leaf12 li:hover{
        color: red;
}

.hr1 hr{
        border-top: 1px dashed #eee;
}

.tdu{
        text-decoration: underline;
}

.small{
        font-size: 12px;
}


.NoUnderline{
  text-decoration: none!important;
}
#sma a, .spla{
       color: #59bade;
        text-decoration: underline !important;
}
.fullwi{
        width: 100%;
}

.fullwi tr{
        border-bottom: 1px dashed #eee;

}

.fullwi td{

}

.bdb{
        border-bottom: 2px dashed #eee;
}
.brb{
border-right: 2px dashed #eee;
}

.bnow{
        display: inline;
color: white;
background-color: #88d7f5;
padding: 1% 3%;
border: 0;
border-radius: 21px;
margin-left: 2%;
}


.Updated{
text-color: #2A393E;
}
.DownText{
color: #009900;
font-size: small;
}
.BuyText{
color: #333333;
}
.downbutton{
background-color: #2A393E;
}

.buybutton{
background-color: #24A314;
}

.helpbutton{
background-color: #96D83A;
}

.downbutton, .buybutton, .helpbutton{
color: white!important;
text-decoration: none!important;
border: 0;
border-radius: 35px;
font-size: 110%;
padding: 10px 2em;
}
downbutton a{
text-decoration: none!important;
}


.hr2{
margin-top: 40px;
margin-bottom: 40px;
border: 0;
border-top: 1px solid #eee;
}

.blink{
        color: #59bade;
        text-decoration: underline !important;
}

.blinkspl{
        text-decoration: underline;
        color: black !important;
}

.blinkspl:hover{
color: #59bade !important;
        text-decoration: underline !important;
        }


.q12 td{
        padding: 2px 5px;
}


.obul {
    list-style: none;
    padding:0;
    margin:0;
}

.obul li {
    padding-left: 1em;
    text-indent: -.7em;
}

.obul li:before {
    color: #f69f16; /* or whatever color you prefer */
}
.LeftCol {
    width: 50%;
    float: left;
    padding-right: 20px;
}
.RightCol {
    width: 50%;
    float: left;
    padding-left: 20px;
}
.OrangeBull li{
  list-style-image: url(https://www.coolutils.com/img/bullet.png);
}
.GreenPlus li{
    list-style: none;
    background: url(https://www.coolutils.com/img/greenplus.png) no-repeat;
    padding-left: 20px;
    padding-top: 0px;
    padding-bottom: 10px;
}

a.ln_DE, a.ln_CN, a.ln_JP, a.ln_IT, a.ln_PT, a.ln_ES, a.ln_RU, a.ln_KO, a.ln_EN, a.ln_NL{
background:url('https://www.coolutils.com/images/flags3.png');
background-repeat: no-repeat;
width: 16px;
height: 11px;
text-decoration: none;
vertical-align:middle;
}
a.ln_NL {background-position: 0px 0px;}
a.ln_DE {background-position: -26px 0px;}
a.ln_ES {background-position: -52px 0px;}
a.ln_IT {background-position: -78px 0px;}
a.ln_KO {background-position: -104px 0px;}
a.ln_RU {background-position: -130px 0px;}
a.ln_PT {background-position: -156px 0px;}
a.ln_EN {background-position: -185px 0px;}
a.ln_CN {background-position: -208px 0px;}
a.ln_JP {background-position: -234px 0px;}

.fourofour_area{
    background-color: #ecf8fc;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    border-left: 1px solid #dddddd;;
    border-right: 1px solid #dddddd;;
}
.clear{
    clear: both;
}
.fourofour_form{
    padding: 10px 40px;
}
.fourofour_form input{
   margin-bottom: 10px;
    border: 0;
}
.fourofour_form textarea{

    border: 0;
}
.fourofour-p2{
    font-size: 12px;
    font-weight: lighter;
}
.oops-h2{
    color: #59bade;
}

button.btn.btn-send{
    margin-top: 10px;
    background-color:  #f6a019;
    border-radius: 20px;
    font-weight: bold;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
}
.card-container {
    display: flex;
    flex-wrap: wrap;
}
.card {
    background: #fff;
    border-radius: 4px;
    padding: 16px;
    margin: 16px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.3s ease-in-out;
    flex: 1 1 calc(33.333% - 30px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 200px;
    flex-direction: column;
}
.card:hover {
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15), 0 2px 5px rgba(0, 0, 0, 0.1);
}
.card-title {
    font-size: 18px;
    font-weight: bold;
}
.card-body {
    font-size: 14px;
    color: #555;
    margin-top: 10px;
}
.h-100{height: 100% !important;}

/* --- Mobile header (mShow) --- */
.mShow-header,
.mShow-nav {
    display: none;
}
@media (max-width: 767px) {
    .mShow-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 12px;
        background: #2a393e;
        border-bottom: 2px solid #88d7f4;
        position: sticky;
        top: 0;
        z-index: 1050;
    }
    .mShow-logo img {
        height: 32px;
        width: auto;
    }
    .mShow-toggle {
        background: none;
        border: none;
        cursor: pointer;
        padding: 8px;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
    .mShow-toggle span {
        display: block;
        width: 24px;
        height: 3px;
        background: #88d7f4;
        border-radius: 2px;
        transition: transform 0.3s, opacity 0.3s;
    }
    .mShow-toggle.open span:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }
    .mShow-toggle.open span:nth-child(2) {
        opacity: 0;
    }
    .mShow-toggle.open span:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }
    .mShow-nav {
        display: none;
        flex-direction: column;
        background: #2a393e;
        position: sticky;
        top: 52px;
        z-index: 1049;
    }
    .mShow-nav.open {
        display: flex;
    }
    .mShow-nav a {
        padding: 12px 20px;
        color: #cfd1d2;
        text-decoration: none;
        border-bottom: 1px solid #3a4a50;
        font-size: 15px;
        font-weight: bold;
    }
    .mShow-nav a:hover,
    .mShow-nav a:active {
        background: #88d7f4;
        color: #fff;
    }
}

/* --- Tablet layout: 768-991px --- */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* Header: fix social links overflow (was 130%, caused horizontal scroll) */
    .social {
        width: 100%;
        font-size: 12px;
    }
    .social.pull-right > img {
        margin: 0 4px;
    }
    /* Header: compact navigation menu */
    .menu > li { margin: 0; }
    .menu li a {
        display: inline-block;
        font-size: 10px;
        line-height: 28px;
        padding: 0 5px;
    }
    .menu { margin: 5px 0; white-space: nowrap; }
    .menu li a:hover { line-height: 28px; padding: 0 5px; }
    /* Left sidebar: hide at tablet (col-sm-2 = 125px, too narrow) */
    .main-row > .col-sm-2 { display: none; }
    .main-row > .col-sm-7 { width: 75%; }
    /* Footer: remove left offset matching hidden sidebar */
    #credits .col-sm-offset-2 { margin-left: 0; }
    #credits .col-sm-offset-2.col-sm-8 { width: 100%; }
    /* Content readability */
    .normall_row h4 { font-size: 14px; }
    .normall_row p { font-size: 12px; }
    .normall_row br { display: none; }
    .review_details p { font-size: 12px; }
    #footerlinks { line-height: 40px; padding-left: 16px !important; text-align: left; }
}

/* Formats list (descriptions3/*.Formats.html) */
.fmt-list { list-style: none; padding: 0 0 0 15px; margin: 0; }
.fmt-list li { padding: 6px 0; border-bottom: 1px solid #eee; font-size: 14px; }
.fmt-list li:last-child { border-bottom: none; }
.fmt-app { font-weight: 600; color: #2d3748; }
.fmt-ext { display: inline-block; background: #edf2f7; color: #4a5568; font-size: 12px; font-weight: 600; padding: 1px 7px; border-radius: 3px; margin-left: 4px; letter-spacing: 0.3px; }

/* Related Products cards */
.rp-list { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0 2%; }
.rp-card { display: flex; flex-direction: column; align-items: center; text-align: center; text-decoration: none; padding: 14px 6px 10px; border-radius: 10px; background: #f7f9fb; border: 1px solid #e3e8ee; transition: background .2s, border-color .2s; }
.rp-card:hover { background: #eaf2fb; border-color: #a8c8e8; text-decoration: none; }
.rp-card img { width: 52px; height: 52px; }
.rp-card .rp-name { color: #444; font-size: 11px; font-weight: 600; margin-top: 6px; line-height: 1.3; }
.rp-card .rp-desc { display: none; }