.right {
    float: right;
}

.left {
    float: left;
}



#hsearch {
    position: relative;
    margin: auto;
    height: 50px;
    width: 50%;
    background: #44bf76;
    padding: 2px;
    border-radius: 7px;
    box-sizing: border-box;
}

.hText {
    outline: none;
    width: 98%;
    height: 100%;
    padding: 16px;
    font-size: 20px;
    border: none;
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    box-sizing: border-box;
}

#hsearch .hbtn {
    right: 0;
    background: #44bf76;
    position: absolute;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 130px;
    height: 97%;
    border: none;
    outline: none;
    border-radius: 0 7px 7px 0;
    box-sizing: border-box;
    color: white;
    font-size: 16px;
    cursor: pointer;
}

.hbtn::before {
    margin-left: 10px;
    margin-top: -3px;
    float: left;
    display: inline-block;
    content: "";
    height: 25px;
    width: 25px;
    background-size: cover;
}

.sicon::before
{
    background-image: url('../img/Search.svg');
}

.licon::before {
    background-image: url('../img/golden.svg');
    filter: grayscale(1);
    -moz-filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -ms-filter: grayscale(1);
    
}


#hsearch span {
    float: left;
    font-size: 18px;
}














.myButton {

    background-color: #44c767;
    border-radius: 28px;
    border: 1px solid #18ab29;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 17px;
    padding: 16px 31px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #2f6627;
}

    .myButton:hover {
        background-color: #5cbf2a;
    }

    .myButton:active {
        position: relative;
        top: 1px;
    }




body, html {
    margin: 0;
    padding: 0;
    font-family: 'Poppins',sans-serif;
    overflow-x:hidden;
}

/*#body{
    display:none;
}*/

#ankor{
    color: cornflowerblue;
    text-decoration: none;
}

#loading {
    height: 100%;
    width: 100%;
    background: white;
    z-index: 99999999999999999999999999999999999999;
    position: fixed;
    filter: hue-rotate(45deg);
    -moz-filter: hue-rotate(45deg);
    -webkit-filter: hue-rotate(45deg);
    -ms-filter: hue-rotate(45deg);
}

    #loading img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

/*Footer*/
.footer {
    width: 100%;
    background: #575757;
    font-family: Arial, Helvetica, sans-serif;
}



.column {
    width: 25vw;
    margin-left: 6%;
    margin-bottom: 5px;
    float: left;
    color: #e6e6e6;
}

.copyright {
    background: #3a3a3a;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.column a {
    display: table;
    margin-bottom: 4px;
    color: #e6e6e6;
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 5px;
}


.column h3 {
    position: relative;
    padding-bottom: 6px;
}

    .column h3::before {
        position: absolute;
        content: "";
        width: 40px;
        height: 2px;
        background: #44bf76;
        bottom: 0;
    }

#copytxt {
    color: white;
    padding: 10px;
}







/*Menu Css*/


/*Menu css*/
.w3topnav {
   
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
    border-bottom: 1px solid #2da2b7;
    background: black;
    background: linear-gradient(45deg, #546565, black);
    width: 100%;
    height: 50px;
    z-index: 9999;
    position: fixed;
    top: 0;
}

    .w3topnav a.ml {
        float: left;
        /*display: block;*/
        color: #f2f2f2;
        text-align: center;
        padding: 17px 16px;
        text-decoration: none;
        font-size: 14px;
        height: 16px;
    }

.active {
    background-color: transparent;
}



.w3topnav .icon {
    display: none;
}

.w3dropdown {
    float: left;
    overflow: hidden;
}

    .w3dropdown .w3dropbtn {
        font-size: 14px;
        border: none;
        outline: none;
        color: white;
        padding: 16px 16px;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
    }

.w3w3dropdown-content {
    display: none;
    position: fixed;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-top: 3px solid #069dbb;
}

    .w3w3dropdown-content a {
        float: none;
        color: black;
        padding: 6px 8px;
        text-decoration: none;
        display: block;
        text-align: left;
    }

.w3topnav a.ml:hover, .w3dropdown:hover .w3dropbtn {
    background-color: rgba(45, 162, 183,0.3);
    color: white;
}

.w3w3dropdown-content a:hover {
    background-color: #ddd;
    color: black;
}

.w3dropdown:hover .w3w3dropdown-content {
    display: block;
}

.modal-res {
    width: 40%;
    margin-left: 30%;
    margin-top: 15%;
}


@media screen and (max-width: 875px) {
    .w3topnav a:not(:first-child), .w3dropdown .w3dropbtn {
        display: none;
    }

    .w3topnav a.icon {
        float: right;
        display: block;
    }

    .modal-res {
        width: 60%;
        margin-left: 20%;
    }


    .faq-box {
        width: 100% !important;
        float: none !important;
    }

    .faq {
        width: 98% !important;
    }

    #htitle {
        font-size: 20px !important;
    }


    #title2 {
        font-size: 30px !important;
    }


    #title2 {
        font-size: 26px !important;
    }

    #des {
        font-size: 16px !important;
    }

    #right-no {
        width: 100% !important;
        height: 50px !important;
        float: none !important;
        background: #303030!important;
        background: linear-gradient(187deg, #303030, #1c1c1c) !important;
    }

    #cover {
        margin-top: 45px!important;
    }

    .part-of {
        float: none!important;
    }

    .left {
      
        font-size: 12px !important;
        text-align: center !important;
    }

    .right {
 
        font-size: 12px !important;
        text-align: center !important;
    }

    #hText {
        font-size: 15px!important;
    }

    }









    @media screen and (max-width: 875px) {
        .w3topnav.responsive {
            position: relative;
            height: auto;
        }

            .w3topnav.responsive .icon {
                position: absolute;
                right: 0;
                top: 0;
            }




            .w3topnav.responsive a {
                float: none;
                display: block;
                text-align: left;
            }

            .w3topnav.responsive .w3dropdown {
                float: none;
            }

            .w3topnav.responsive .w3w3dropdown-content {
                position: relative;
            }

            .w3topnav.responsive .w3dropdown .w3dropbtn {
                display: block;
                width: 100%;
                text-align: left;
            }
    }




@media screen and (max-width: 750px) {
    #hsearch {
        width: 98% !important;
    }
    .column {
        float: none !important;
        width: 100% !important;
        padding-top: 1px!important;
    }

    .faq-box li {
        font-size: 17px;
    }



    #raw-whois-container {
        width: 98% !important;
        margin-left: 1%!important;
    }

    }



/*Switch*/
.op {
    width: 80px;
  
  
    font-family: Verdana,sans-serif;
    transition: 0.5s;
    color: white;
    top: 15px;
    position: relative;
    margin: 0 auto;
    padding: 5px;
    padding-right: 15px;
    padding-left: 15px;
 
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-size: 12px;
    box-sizing: border-box;
    transition:0.5s;
}

.off {
    background: #575757;
    border: 1px solid #575757;
    border-bottom: 2px solid black;
}

.on {
    background: #4fa973;
    border: 1px solid #52ad60;
    border-bottom: 2px solid #327a2b;
}



    .op img {
        position: absolute;
        margin-top: -2px;
    display:none;
        left: 5px;
    }

#raw-ck {
    display: none;
}


table#dns-info #header td {
    font-size: 14px;
    background: #6d8376;
}