@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700);
    * {
        margin: 0px;
    }
    
     ::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }
    
     ::-webkit-scrollbar-button {
        width: 0px;
        height: 0px;
    }
    
     ::-webkit-scrollbar-thumb {
        background: #90ee90;
        border: 0px none #ffffff;
        border-radius: 0px;
    }
    
     ::-webkit-scrollbar-thumb:hover {
        background: #b6f3b6;
    }
    
     ::-webkit-scrollbar-thumb:active {
        background: #60ca60;
    }
    
     ::-webkit-scrollbar-track {
        background: #222222;
        border: 0px none #ffffff;
        border-radius: 0px;
    }
    
     ::-webkit-scrollbar-track:hover {
        background: #222222;
    }
    
     ::-webkit-scrollbar-track:active {
        background: #222222;
    }
    
     ::-webkit-scrollbar-corner {
        background: transparent;
    }
    
    ul {
        list-style-type: none;
        padding: 0px;
    }
    
    .shadow {
        -webkit-filter: drop-shadow( 0px 7px 3px rgba(0, 0, 0, 0.2));
        filter: drop-shadow( 0px 6px 3px rgba(0, 0, 0, 0.25));
        /* Same syntax as box-shadow */
    }
    
    .hvr-sweep-to-right {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
        position: relative;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }
    
    .hvr-sweep-to-right:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: lightgreen;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    
    .hvr-sweep-to-right:hover,
    .hvr-sweep-to-right:focus,
    .hvr-sweep-to-right:active {
        color: black;
    }
    
    .hvr-sweep-to-right:hover:before,
    .hvr-sweep-to-right:focus:before,
    .hvr-sweep-to-right:active:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    
    .search {
        float: right;
        width: 100%;
        box-sizing: border-box;
        border: 0px;
        border-bottom: 2px solid rgba(255, 255, 255, 0.3);
        font-size: 20px;
        color: rgba(255, 255, 255, 0.3);
        font-family: 'Open Sans';
        font-weight: lighter;
        background-color: inherit;
        //  background-color: purple;
        background-image: url('images/lupa.svg');
        // background-position: 10px 10px;
        background-repeat: no-repeat;
        padding-left: 30px;
        opacity: 1;
        -webkit-transition: width 0.4s ease-in-out;
        transition: width 0.4s ease-in-out;
    }
    
    .search:focus {
        color: white;
        width: 180%;
        -webkit-transition: width 0.4s ease-in-out;
        transition: width 0.4s ease-in-out;
    }
    
    header {
        background: #222222;
        width: 100%;
        display: inline-block;
        min-height: 70px;
        border-bottom: 2px solid lightgreen;
    }
    /*HEADER MENU------------------------------------*/
    /*LOGO------------------*/
    
    .headerInfo {
        //background: violet;
        color: lightgrey;
        display: inline-block;
        font-family: 'Open Sans';
        font-weight: lighter;
        font-size: 14px;
        margin-top: 35px;
        position: absolute;
    }
    
    h1 {}
    
    ul.navigation_ul {
        //   background: purple;
        display: inline-block;
        position: absolute;
        margin: 15px;
        padding: 15px 0 15px 0;
        right: 0%;
    }
    
    .Menuheader1 {
        //  background: orange;
        font-family: 'Open Sans';
        font-weight: lighter;
        color: lightgreen;
        text-decoration: none;
        font-size: 20px;
        float: center;
        padding: 8px 10px 8px 10px;
        margin-left: 10px;
        margin-right: 10px;
        border-bottom: 2px solid lightgreen;
    }
    /*BODY------------------*/
    
    body {
        background: url(images/nuke.png) #222222;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        /*
    background: #192022;
   
    background: -webkit-linear-gradient(#192022, #757e86);
 
    background: -o-linear-gradient(#192022, #757e86);
  
    background: -moz-linear-gradient(#192022, #757e86);

    background: linear-gradient(#192022, #757e86);
  
    */
    }
    
    .bodycontainer {
        // background: #600045;
        //   padding: 1%;
    }
    
    .firstInside {
        background-color: rgba(34, 34, 34, 0.5);
        color: white;
        width: 37%;
        float: left;
        height: 198px;
        margin: 2%;
        padding: 0px;
        overflow-y: auto;
        text-align: center;
        border-bottom: 2px solid lightgreen;
    }
    
    .firstInbetween {
        width: 14%;
        float: left;
        height: 200px;
        //  background-color: #987d22;
        color: white;
        margin: 2%;
        text-decoration: none;
    }
    
    .insideTitle {
        background: #222222;
        height: 40px;
        font-family: 'Open Sans';
        font-weight: light;
        font-size: 20px;
        padding-top: 10px;
        padding-left: 10px;
        text-align: left;
    }
    
    p.t {
        display: inline;
        //  background: red;
        float: right;
        margin-right: 10px;
    }
    
    p.t2 {
        width: 25%;
        display: inline;
        //   background: red;
        float: right;
        margin-right: 10px;
    }
    
    .insideInbetween {
        background: #222222;
        width: 60px;
        font-family: 'Open Sans';
        font-size: 20px;
        text-align: center;
        border: 2px solid #222222;
        padding: 25px;
        margin: auto;
        margin-top: 50px;
        color: lightgreen;
        -o-transition: background 0.3s linear;
        -moz-transition: background 0.3s linear;
        -khtml-transition: background 0.3s linear;
        -webkit-transition: background 0.3s linear;
        -ms-transition: background 0.3s linear;
        transition: background 0.3s linear;
    }
    
    .insideInbetween:hover {
        //   background: rgba(34, 34, 34, 0.5);
        background: lightgreen;
        color: #222222;
        font-weight: bold;
    }
    
    .secondInside {
        background-color: rgba(34, 34, 34, 0.5);
        color: white;
        width: 37%;
        float: left;
        height: 500px;
        margin: 2%;
        padding: 0px;
        overflow-y: auto;
        text-align: center;
    }
    
    .secondInbetween {
        width: 14%;
        float: left;
        height: 500px;
        background-color: rgba(34, 34, 34, 0.5);
        color: white;
        margin: 2%;
        font-family: "Open Sans";
        text-align: center;
    }
    
    p3 {
        display: inline-block;
        font-weight: lighter;
        margin-top: 20px;
        font-size: 20px;
    }
    
    p4 {
        font-weight: 400;
    }
    
    .dropbtn {
        background: inherit;
        display: inline;
        font-family: 'Open Sans';
        font-weight: lighter;
        color: white;
        font-size: 20px;
        font-weight: lighter;
        border: none;
        margin-left: 10px;
    }
    /* The container <div> - needed to position the dropdown content */
    
    .dropdown {
        position: relative;
        display: inline-block;
    }
    /* Dropdown Content (Hidden by Default) */
    
    .dropdown-content {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        background-color: rgba(34, 34, 34, 1);
        min-width: 100px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        transition: visibility 0s, opacity 0.3s linear;
        z-index: 2;
    }
    
    .menu-content {
        visibility: hidden;
        opacity: 1;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.8);
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        transition: visibility 0s, opacity 0.3s linear;
    }
    /* Links inside the dropdown */
    
    .dropdown-content a {
        color: white;
        text-align: center;
        text-decoration: none;
        display: block;
    }
    /* Change color of dropdown links on hover */
    
    .dropdown-content a:hover {
        background-color: rgba(255, 255, 255, 0.05);
    }
    /* Show the dropdown menu on hover */
    
    .dropdown:hover .dropdown-content {
        visibility: visible;
        opacity: 1;
    }
    /* Change the background color of the dropdown button when the dropdown content is shown 

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}
*/
    
    .clear {
        clear: both;
    }
    /*FOOTER-------------------*/
    
    footer {
        background-color: rgba(0, 0, 0, 0.8);
        position: fixed;
        //padding: 2px;
        text-align: center;
        color: #666;
        font-size: 14px;
        font-weight: normal;
        bottom: 0;
        width: 100%;
        opacity: 0.8;
    }
    /*
footer .copyright {
    // background-color: #2a2a2a;
    padding: 5px;
    text-align: center;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    //  position: fixed;
}
*/
    
    .afooter {
        text-decoration: none;
        font-family: 'Open Sans';
        color: lightgray;
    }
    /*--------------------------------------------- LOW WIDTH WINDOW*/
    
    .miniDrop {
        border: none;
        border-radius: 5px;
        background: #222222;
        background-image: url(images/menu.svg);
        position: relative;
        display: inline-block;
        float: left;
        width: 50px;
        height: 50px;
        margin: 30px -200px 0px 50px;
        visibility: hidden;
        -o-transition: background 0.3s linear;
        -moz-transition: background 0.3s linear;
        -khtml-transition: background 0.3s linear;
        -webkit-transition: background 0.3s linear;
        -ms-transition: background 0.3s linear;
        transition: background 0.3s linear;
    }
    
    .miniDrop:focus {
        outline: 0;
    }
    
    .miniDrop:hover {
        background: #555555;
        background-image: url(images/menu.svg);
    }
    /*---------------- ABOUT ---------------------------*/
    
    .bodyabout {
        background: url(nuke.png) #222222;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .about-container {
        background-color: rgba(34, 34, 34, 0.5);
        color: white;
        width: 35%;
        float: left;
        height: 100%;
        margin: 2%;
        border-bottom: 2px solid lightgreen;
    }
    
    .aboutusheader {
        height: 40px;
        font-family: 'Open Sans';
        font-weight: light;
        font-size: 35px;
        text-align: center;
        padding-top: 3px;
        padding-left: 10px;
        border-bottom: 1px solid lightgreen;
    }
    
    .leabouttext {
        padding-top: 10px;
        text-decoration: none;
        text-align: center;
        padding-bottom: 10px;
        padding-left: 3px;
    }
    
    .l1 {
        text-decoration: none;
    }
    /*--------------------FAQ-------------*/
    
    .FAQ-container {
        background-color: rgba(34, 34, 34, 0.5);
        color: white;
        width: 20%;
        float: left;
        height: 100%;
        margin: 2%;
        border-bottom: 2px solid lightgreen;
    }
    
    .Question {
        font-weight: bold;
        color: lightgreen;
    }
    
    .contact-container {
        background-color: rgba(34, 34, 34, 0.5);
        color: white;
        width: 20%;
        float: left;
        height: 100%;
        margin: 2%;
        border-bottom: 2px solid lightgreen;
    }
    
    .contacttext {
        padding-top: 10px;
        text-decoration: none;
        text-align: center;
        padding-bottom: 10px;
        padding-left: 3px;
    }
    
    .el {
        list-style: none;
    }
    /*---------------------------------INVENTARIO*/
    
    .loginforinv {
        font-family: "Open Sans";
        margin-top: 20%;
    }
    /*------------------TRADABLE*/
    
    .skincontainer {
        cursor: pointer;
        text-align: center;
        display: inline-block;
        width: 85px;
        height: 85px;
        position: relative;
        margin: 1%;
        font-family: "Open Sans";
    }
    
    .item:hover {
        opacity: 0.8;
    }
    
    img.skinimage.stattrack {
        border: 1px solid #DB9E4F;
    }
    
    img.skinimage.consumer {
        border: 1px solid #919191;
    }
    
    img.skinimage.industrial {
        border: 1px solid #77A9BD;
    }
    
    img.skinimage.milspec {
        border: 1px solid #517CA3;
    }
    
    img.skinimage.restricted {
        border: 1px solid #7C3B8C;
    }
    
    img.skinimage.classified {
        border: 1px solid #9D6AA3;
    }
    
    img.skinimage.covert {
        border: 1px solid #E86D6D;
    }
    
    img.skinimage.knife {
        border: 1px solid #7C3B8C;
    }
    
    img.skinimage.not {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        border: 1px solid #5C5C5C;
        pointer-events: none;
    }
    
    .skinname {
        background: rgba(32, 32, 32, 0.5);
        color: white;
        z-index: 1;
        bottom: 0;
        position: absolute;
        font-size: 12px;
        width: 100%;
        padding-top: 2px;
        padding-bottom: 0px;
    }
    
    .skinprice {
        background: rgba(32, 32, 32, 0.5);
        color: white;
        position: absolute;
        bottom: 0;
        z-index: 2;
        width: 60px;
        margin-left: -30px;
        left: 50%;
    }
    
    img.skinimage {
        width: 84px;
        height: 84px;
        position: absolute;
        left: 0;
        top: 0;
    }
    
    img.skinimage:hover {
        opacity: 0.8;
    }
    
    .tooltip {}
    
    .tooltip .tooltiptext {
        visibility: hidden;
        width: 100px;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        /* Use half of the width (120/2 = 60), to center the tooltip */
        background-color: rgba(32, 32, 32, 0.9);
        color: #fff;
        text-align: center;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 4;
        font-family: "Open Sans";
        font-size: 12px;
    }
    
    .tooltip:hover .tooltiptext {
        visibility: visible;
    }
    
    .tooltip .tooltiptext::after {
        content: " ";
        position: absolute;
        bottom: 100%;
        /* At the top of the tooltip */
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent rgba(32, 32, 32, 0.9) transparent;
    }
    /*STEAM-------------------*/
    
    .steamlink {
        // background-color: #888888;
        color: aliceblue;
        float: right;
        font-family: 'Open Sans';
        font-weight: lighter;
        //    padding: 8px 10px 8px 10px;
        margin-left: 10px;
        margin-right: 10px;
        //    border-bottom: 2px solid lightgreen;
    }
    
    .steamname {
        font-family: 'Open Sans';
        font-weight: 400;
        color: lightgreen;
        text-decoration: none;
        font-size: 14px;
        border-color: black;
    }
    
    .tradelink {
        cursor: pointer;
        background: inherit;
        padding: 0px;
        font-family: 'Open Sans';
        font-weight: lighter;
        color: white;
        text-decoration: none;
        font-size: 14px;
        border: 0px;
        -webkit-transition: color 0.1s linear;
        -ms-transition: color 0.1s linear;
        transition: color 0.1s linear;
    }
    
    .tradelink:hover {
        color: lightgreen;
    }
    
    .logout {
        // background: orange;
        background: url(images/logout.svg) no-repeat 2px 4px;
        padding-left: 20px;
        font-family: 'Open Sans';
        font-weight: lighter;
        text-align: center;
        color: white;
        text-decoration: none;
        font-size: 14px;
        -webkit-transition: color 0.1s linear;
        -ms-transition: color 0.1s linear;
        transition: color 0.1s linear;
    }
    
    .logout:hover {
        color: lightgreen;
    }
    
    .steamavatar {
        padding-top: 2px;
        //  border-radius: 50%;
        // position: relative;
        float: right;
        display: inline-block;
        width: 29%;
    }
    
    .Balance {
        font-size: 14px;
    }
    /* The Modal (background) */
    
    .modal {
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Stay in place */
        z-index: 3;
        /* Sit on top */
        padding-top: 100px;
        /* Location of the box */
        left: 0;
        top: 0;
        width: 100%;
        /* Full width */
        height: 100%;
        /* Full height */
        overflow: auto;
        /* Enable scroll if needed */
        background-color: rgb(0, 0, 0);
        /* Fallback color */
        background-color: rgba(0, 0, 0, 0.4);
        /* Black w/ opacity */
    }
    
    .modal3 {
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Stay in place */
        z-index: 3;
        /* Sit on top */
        // padding-top: 55%;
        /* Location of the box */
        bottom: 0;
        right: 0;
        width: 100%;
        /* Full width */
        height: 100%;
        /* Full height */
        overflow: auto;
        /* Enable scroll if needed */
    }
    /* Modal Content */
    
    .modal-content {
        position: relative;
        background-color: rgba(34, 34, 34, 1);
        margin: auto;
        padding: 0;
        width: 80%;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s;
        border: 2px solid lightgreen;
    }
    
    .modal-content2 {
        position: relative;
        background-color: rgba(34, 34, 34, 1);
        margin: auto;
        margin-top: 5%;
        width: 40%;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s;
        border: 2px solid #E63E3E;
        text-align: center;
    }
    
    .modal-content3 {
        position: relative;
        background-color: lightgreen;
        color: #222222;
        margin: auto;
        margin-top: 5%;
        width: 25%;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s;
        text-align: center;
    }
    /* Add Animation */
    
    @-webkit-keyframes animatetop {
        from {
            top: -300px;
            opacity: 0
        }
        to {
            top: 0;
            opacity: 1
        }
    }
    
    @keyframes animatetop {
        from {
            top: -300px;
            opacity: 0
        }
        to {
            top: 0;
            opacity: 1
        }
    }
    /* The Close Button */
    
    .close {
        color: white;
        float: right;
        font-size: 28px;
        font-weight: bold;
        -webkit-transition: color 0.3s linear;
        transition: color 0.3s linear;
    }
    
    .close:hover,
    .close:focus {
        color: lightgreen;
        text-decoration: none;
        cursor: pointer;
    }
    
    .modal-header {
        padding: 2px 16px;
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: #222222;
        color: white;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    
    .modal-body {
        padding: 12px 16px;
    }
    
    .modal-body2 {
        padding: 12px 16px;
        padding-top: 15px;
    }
    
    .modal-footer {
        padding: 12px 16px;
        background-color: #222222;
        color: white;
        border-top: 1px solid #333333;
        text-align: center;
    }
    
    .whatsmylink {
        text-decoration: none;
        color: royalblue;
        font-weight: 400;
    }
    
    .whatsmylink:hover {
        text-decoration: underline;
        color: mediumslateblue;
    }
    
    .whatsmylink:active,
    .whatsmylink:visited {
        text-decoration: underline;
        color: mediumslateblue;
    }
    
    .tradeurlinput {
        padding-left: 2px;
        margin-top: 15px;
        margin-bottom: 15px;
        font-family: "Open Sans";
        width: 100%;
        font-size: 20px;
        color: white;
        background: inherit;
        border: 0;
        border-bottom: 2px solid lightgreen;
    }
    
    .tradeurlinput::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.4);
    }
    
    .tradeurlinput::-moz-placeholder {
        color: rgba(255, 255, 255, 0.4);
    }
    
    .tradeurlinput:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.4);
    }
    
    p2 {
        font-size: 20px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    h2,
    h3 {
        font-family: "Open Sans"
    }
    
    .savechanges {
        outline: 1px solid #333333;
        cursor: pointer;
        margin: auto;
        display: block;
        background: #222222;
        font-family: 'Open Sans';
        font-size: 36px;
        text-align: center;
        padding-left: 40px;
        padding-right: 40px;
        border: 2px solid #222222;
        color: lightgreen;
        -o-transition: background 0.3s linear;
        -moz-transition: background 0.3s linear;
        -khtml-transition: background 0.3s linear;
        -webkit-transition: background 0.3s linear;
        -ms-transition: background 0.3s linear;
        transition: background 0.3s linear;
    }
    
    .savechanges:hover {
        background: lightgreen;
        color: #222222;
    }
    
    .savechanges:active {
        background: #60ca60;
        transition: none;
    }
    
    .counter {
        display: inline;
    }
    
    .refresh-button {
        background: url('images/refresh.png') left center no-repeat;
        cursor: pointer;
        border: none;
        width: 25px;
        height: 25px;
        padding-top: 4px;
        padding-left: 20px;
        vertical-align: middle;
        float: left;
    }
    
    #loadingdiv {
        background-image: url(images/ajax-loader.gif) no-repeat;
        width: 100%;
        margin-top: 20%;
    }
    
    .InventoryBox {
        // background: red;
    }
    
    .tradebuttonA {
        text-decoration: none;
    }