.errorcontainer a {
    background-color:black;
    font-weight: 600;
    padding-left:45px;
    color:white;
    padding-right:45px;
    font-size:14px;
    padding-top:10px;
    padding-bottom:10px;
    margin-top:35px;
    cursor:pointer;
    -moz-user-select: none;
    display:block;
    margin: 0 auto;
    max-width:100px;
}

.errorcontainer h2 {
    position:relative;
    margin-top:25px;
    display:block;
    font-family: Aero Matics;
}

.errorcontainer img {
    display:block;
    margin: 0 auto;
}

.errorcontainer {
    position:relative;
    width:100%;
    height:auto;
    min-height:600px;
    text-align: center;
    margin-top:100px;

}

.popup .createlist .buttons #save {
    margin-top:15px!important;
}

.popup .createlist input[type="text"] {
    width:calc(100% - 70px);
    height:55px;
    border-radius:15px;
    background-color:#FBFBFB;
    text-indent:25px;
    margin:0 auto;
    display:block;
    position:relative;
    font-weight: bold;
    font-size:17px;
    line-height:70px;
    border:solid 2px white;
    outline:none;
    user-select: none;
}

.popup .createlist h3 {
    left:35px;
    display:block;
    position:relative;
    margin-bottom:65px;
    width:auto;
    height:auto;
    top:35px;
}

.popup .createlist {
    position:relative;
    width:450px;
    height:auto;
    background-color:white;
    margin:0 auto;
    top:50%;
    transform: translateY(-50%);
    padding-bottom:85px;
}


.container .searchfilter {
    position:absolute;
    display:inline-block;
    width:auto;
    height:50px;
    top:0;
    right:45px;
    bottom:0;
    margin:0;
    padding:0;
}

.container #sortby {
    margin:0;
    padding:0;
    width:350px;
    height:50px;
    font-size:15px;
    border-radius:15px;
    border:none!important;
    float:right;
    box-shadow: none;
    display:inline-block;
    background-color:#FBFBFB;
    text-indent:35px;
    font-weight:bold;
    color:#000;
    outline:none;
}

.container label {
    font-weight: bold;
    padding:0;
    margin-right:15px;
    transform: translateY(50%);
    font-size:15px;
    display:inline-block;
}

.notification#error {
    border:solid 2px rgb(197, 80, 80);
    color:rgb(197,80,80);
    font-weight:bold;
}

.notification {
    position:fixed;
    width:auto;
    height:auto;
    padding:15px 55px;
    background-color: #fff;
    border:solid 1px #70707011;
    color:rgb(71, 71, 71);
    display:block;
    font-size:15px;
    font-weight:600;
    text-align: center;
    border-radius:20px;
    top:-100px;
    z-index: 100;
    left:50%;
    transform: translateX(-50%);
}

.popup .buttons #save {
    height:45px;
    background-color:black;
    width:auto;
    padding-left:45px;
    padding-right:45px;
    color:#fff;
    font-weight:bold;
    text-align: center;
    line-height:45px;
    display:inline-block;
    float:right;
    margin-top:30px;
    user-select: none;
    cursor:pointer;
}

.popup .addtolist .buttons #create:hover {
    background-color:#fbfbfb;
}

.popup .buttons #create {
    position:relative;
    font-weight:bold;
    position:relative;
    display:inline-block;
    margin-top:25px;
    padding:10px 20px 10px;
    user-select: none;
    border-radius:20px;
    cursor:pointer;
}

.popup .buttons #create::before {
    display:inline-block;
    width:35px;
    margin-right:10px;
    height:35px;
    border-radius:20px;
    background-color:black;
    color:#fff;
    line-height:35px;
    content:"+";
    text-align: center;
}

.popup .buttons {
    position:relative;
    width:calc(100% - 70px);
    height:auto;
    margin:0 auto;
    display:block;
}

.popup .addtolist .section .cgdropdown span:last-child {
    border-bottom-left-radius:12px;
    border-bottom-right-radius:12px;
}

.popup .addtolist .section span:not(#chosen):hover {
    background-color: #f3f3f3;
}

.popup .addtolist .section .cgdropdown span:not(#chosen) {
    width:100%;
    position:relative;
    height:auto;
    background-color:#fbfbfb;
    display:block;
    font-weight:bold;
    user-select:none;
    z-index: 2;
    cursor:pointer;
    display:none;
}


.popup .addtolist .section .cgdropdown span#chosen {
    width:250px;
    height:45px;
    text-align: 0;
    display:block;
    padding:0;
    margin:0;
    top:0;
}

.popup .addtolist .section .cgdropdown {
    position:relative;
    margin:0;
    display:block;
    height:45px;
    background-color: #FBFBFB;
    text-indent: 25px;
    user-select: none;
    line-height:45px;
    font-weight: bold;
    width:auto;
    cursor:pointer;
    max-width:250px;
    padding-left:10px;
    padding-right:10px;
    border-radius:12px;
}

.popup .addtolist .section#category {
    margin-left:35px;
    padding-bottom:5px;

}

.popup .addtolist .section#quantity #subtract{
    width:55px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    cursor:pointer;
    margin-right:-5px;
}

.popup .addtolist .section#quantity #value{
    width:80px;
}
.popup .addtolist .section#quantity #add{
    width:55px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    cursor:pointer;
    margin-left:-5px;
}

.popup .addtolist .section#quantity span {
    position:relative;
    display:inline-block;
    margin:0;
    height:35px;
    background-color: #FBFBFB;
    text-align: center;
    user-select: none;
    line-height:35px;
    font-weight: bold;
}

.popup .addtolist .section#quantity {
    margin-left:35px;
}

.popup .addtolist p {
    margin:0;
    padding:0;
}

.popup .addtolist .list_option#select::after {
    content:"✓";
    width:30px;
    height:30px;
    border-radius:20px;
    position:absolute;
    color:#fff;
    text-align: center;
    text-indent: 0;
    line-height:30px;
    right:35px;
    top:50%;
    font-size:15px;
    transform: translateY(-50%);
    background-color:#cccccc;
}

.popup .addtolist .list_option#select {
    border:solid 2px #EFEFEF;
}

.popup .addtolist .list_option {
    width:calc(100% - 70px);
    height:70px;
    border-radius:15px;
    background-color:#FBFBFB;
    text-indent:25px;
    margin:0 auto;
    display:block;
    position:relative;
    font-weight: bold;
    font-size:17px;
    line-height:70px;
    cursor:pointer;
    margin-bottom:5px;
    border:solid 2px white;
    user-select: none;
}

.popup .addtolist .options {
    width:auto;
    height:auto;
    display:block;
}


.popup .addtolist h3 {
    left:80px;
    display:block;
    position:relative;
    margin-bottom:65px;
    width:auto;
    height:auto;
    top:35px;
    max-width:40%;
}

.popup .addtolist img {
    margin:0 auto;
    padding-top:25px;
    display:block;
}

.popup .addtolist {
    position:relative;
    width:450px;
    height:auto;
    background-color:white;
    margin:0 auto;
    top:50%;
    transform: translateY(-50%);
    padding-bottom:25px;
}

.popup .selectlisttype p::after {
    content:"🡪";
    position:absolute;
    right:35px;

}

.popup .selectlisttype p {
    position: relative;
    user-select: none;
    cursor:pointer;
    font-weight:bold;
    font-size: 17px;
    text-indent: 35px;
    line-height:85px;
    display:block;
    width:90%;
    margin:0 auto;
    height:85px;
    background-color: #fbfbfb;
    border-radius: 15px;
    margin-bottom:10px;
}

.popup .selectlisttype h3 {
    left:35px;
    display:block;
    position:relative;
    margin-bottom:65px;
    width:auto;
    height:auto;
    top:35px;
}

.popup .selectlisttype {
    position:relative;
    width:450px;
    height:auto;
    background-color:white;
    margin:0 auto;
    top:50%;
    transform: translateY(-50%);
    padding-bottom:25px;
}

.popup .closepopup {
    position:absolute;
    display:block;
    width:auto;
    height:45px;
    width:45px;
    user-select: none;
    cursor:pointer;
    text-align:center;
    line-height:45px;
    right:25px;
    text-decoration: none;
    font-size:18px;
    border-radius:50%;
    color:black;
    font-weight: bold;
    top:25px;
    background-color:#fbfbfb;
}

.popup #popupback {
    position:absolute;
    display:block;
    width:auto;
    height:45px;
    width:45px;
    text-align:center;
    line-height:45px;
    left:25px;
    text-decoration: none;
    font-size:18px;
    border-radius:50%;
    color:black;
    cursor:pointer;
    user-select:none;
    font-weight: bold;
    top:25px;
    background-color:#fbfbfb;
}

.popup {
    position:fixed;
    width:100%;
    height:100%;
    background-color: rgba(0, 0, 0, 0.226);
    z-index: 100;

}

.auth-container .form label a {
    font-weight:bold;
}

.auth-container .form label {
    font-size:14px;
    font-weight:400;

}

.auth-container .form input[type="checkbox"] {
    margin-top:15px;
    margin-bottom:15px;
    accent-color: #000;

}

.auth-container .form p {
    font-size:16px;
    margin-bottom:15px;
    margin-top:0;
}

.auth-container .form a {
    color:black;
    text-decoration: none;
    font-size:14px;
}

.auth-container .form input[type="submit"] {
    display:block;
    margin: 0 auto;
    display:block;
    width:30%;
    height:50px;
    font-size:15px;
    border-radius:15px;
    margin-top:15px;
    border:none!important;
    outline:none;
    font-weight:600;
    box-shadow: none;
    color:#fff;
    background-color:#000000;

}

.auth-container .form input[type="text"], .auth-container .form input[type="password"],.auth-container .form input[type="email"] {
    margin: 0 auto;
    display:block;
    width:calc(100% - 86px);
    height:50px;
    font-size:15px;
    border-radius:15px;
    margin-bottom:15px;
    border:none!important;
    outline:none;
    font-weight:600;
    text-indent:25px;
    box-shadow: none;
    background-color:#FBFBFB;
}

.auth-container .form h3 {
    margin-top:35px;
    width:100%;
    text-align: center;
}

.auth-container .form {
    position:relative;
    width:50%;
    height:auto;
    margin-top:0!important;
    background-color:white;
    border:solid 1px #70707011;
    padding-bottom:35px;

}

.auth-container {
    position:relative;
    width:100%;
    height:auto;
    padding-bottom:100px;
}

.list-grid .wishlist#build #managelist {
    color:#fff;
    -webkit-text-stroke: 1px #0E0E0E;
}

.list-grid .wishlist img {
    min-width:100%;
    max-width:100%;
    min-height:230px;
    max-height:230px;
    height: inherit;
    width: inherit;
    object-fit: cover;

}

.list-grid .wishlist .manage a {
    position:relative;
    display:block;
    width:100%;
    height:45px;
    color:black;
    text-indent:15px;
    cursor:pointer;
    font-weight:bold;
    font-size:14px;
    line-height:45px;
    z-index: 5;
    background-color:#fff;
    text-decoration: none;
}

.list-grid .wishlist .manage a:first-child {
    border-bottom:solid 1px #cfcfcf1f;
}

.list-grid .wishlist .manage a:hover {
    background-color: #F6F6F6;
}

.list-grid .wishlist .manage {
    position:absolute;
    width:70%;
    height:auto;
    background-color:#fff;
    box-shadow:0px 0px 1px #cfcfcf49;
    top:65px;
    z-index: 5;
    right:0;
    display:none;
}

.list-grid .wishlist #totalcost {
    position:relative;
    width:calc(100% - 25px);
    text-align: right;
    font-weight:bold;
    display:block;
}

.list-grid .wishlist #listpreview {
    position:relative;
    display:block;
    opacity:0.5;
    font-size:13px;
    max-width:65%;
    font-weight:600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    left:25px;
}

.list-grid .wishlist #totalitems {
    position:relative;
    left:25px;
    top:5px;
    font-weight:bold;
    font-size:14px;

}

.list-grid .wishlist #managelist {
    position:absolute;
    right:25px;
    top:10px;
    font-size:28px;
    font-weight:bold;
    cursor:pointer;
    -webkit-user-select: none;
}

.list-grid .wishlist #title a {
    color:black;
    text-decoration: none;
}

.list-grid .wishlist #title {
    position:relative;
    left:25px;
    top:10px;
    color:black;
    text-decoration: none;
    font-size:17px;
    margin-top:20px;
    font-weight:bold;
}

.list-grid .wishlist {
    background-color:#fff;
    position:relative;
    min-height:215px;
    display:block;
    border:solid 1px #70707011;
}


.list-grid {
    width:calc(100% - 90px);
    margin:0 auto;
    position:relative;
    height:auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    grid-auto-rows: minmax(100, auto);
    grid-gap:15px;
    align-items: center;
    justify-content: center;
    margin-bottom:0px;
    min-height:100px;
}

.list-container-item #dealer-img {
    position:absolute;
    width:auto;
    max-width:55px;
    max-height:55px;
    right:85px;
    display:inline-block;
    top:50%;
    transform: translateY(-50%);
} 

.list-container-item .remove {
    position:absolute;
    display:block;
    width:40px;
    right:25px;
    text-align:center;
    line-height:40px;
    top:50%;
    transform:translateY(-50%);
    height:40px;
    border-radius:15px;
    font-weight: bolder;
    font-size:12px;
    background-color: #FBFBFB;
    text-decoration: none;
    color:rgba(0, 0, 0, 0.616);
}

.list-container-item #price {
    position:relative;
    display:block;
    margin-left:calc(105px + 70px);
    padding-top:10px;
    color:#1A8D53;
    margin-bottom:10px;
    font-weight: bold;
    font-size:14px;

}


.list-container-item #quantity {
    position:relative;
    display:block;
    margin-left:calc(105px + 70px);
    padding-top:10px;
    font-size:14px;
}

.list-container-item #title a {
    color:black;
    text-decoration: none;
}

.list-container-item #title {
    position:relative;
    display:block;
    margin-left:calc(105px + 70px);
    padding-top:15px;
    font-size:0.9em;
    max-width:75%;
    text-overflow: ellipsis;
    font-weight:600;
}

.list-container-item img:not(#dealer-img) {
    position:absolute;
    width:auto;
    max-width:105px;
    max-height:105px;
    left:45px;
    display:inline-block;
    top:50%;
    transform: translateY(-50%);
} 

.list-container-item {
    width:50%;
    height:auto;
    min-height:105px;
    background-color: white;
    border-radius:15px;
    position:relative;
    padding-bottom:10px;
    margin-bottom:10px;
    margin-top:10px;
}

.list-container h4{
    margin-left:45px;
}

.list-container .add {
    color:#000;
    width:40px;
    height:40px;
    border-radius:25px;
    line-height:40px;
    font-size:18px;
    text-decoration: none;
    font-weight: bold;
    margin-left:10px;
    text-align:center;
    background-color:white;
    display:inline-block;
    cursor:pointer;
    border:solid 1px #70707011;
}

.list-container h3 {
    width:auto;
    margin-left:45px;
    margin-top:35px;
    margin-bottom:25px;
    display:inline-block;
}

.list-container {
    width:100%;
    height:auto;
    background-color:#FDFDFD;
    padding-bottom:50px;
    min-height:600px;
    display:block;
}

.partslist-section .list-container-item .remove img {
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
}

.partslist-section .list-container-item:not(#lists) {
    margin-left:150px;
}

.partslist-section h3#title {
    font-size:16px;
    color:rgb(175, 175, 175);
    font-weight:600;
    margin-top:20px;
    text-transform: capitalize;

} 

.partslist-section {
    position:relative;
    width:auto;
    height:auto;
}

.build-partslist h4 {
    width:200px;
    margin:0;
    margin-top:50px;
    margin-left:150px;
}

.build-partslist h3 {
    width:200px;
    margin:0;
    margin-left:150px;
}

.build-partslist {
    width:100%;
    height:auto;
    padding-top:25px;
    padding-bottom:25px;
}

.build-gallery span {
    width:85px;
    height:200px;
    background-color: #FBFBFB;
    font-size: 20px;
    display:inline-block;
    text-align: center;
    line-height:200px;
    border-radius: 15px;
    cursor:pointer;
    position:relative;
    top:0;
}

.build-gallery img {
    cursor:pointer;
    width:auto;
    min-width:350px;
    max-width:350px;
    min-height:230px;
    max-height:230px;
    height: inherit;
    width: inherit;
    object-fit: cover;
  
}

.build-gallery {
    width:calc(100% - 90px);
    margin:0 auto;
    height:auto;
    display: flex;
    align-items: center;

}

.build-gallery .gallery {
    width:80%;
    margin:0 auto;
    height:auto;
    display: inline-grid;
    grid-template-columns: repeat(4, minmax(200px, 1fr));
    grid-gap:25px;
    margin-bottom:45px;
    margin-top:45px;
    justify-content: center;
}

.gallery-popup img {
    position:relative;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    max-width:80%;
    max-height:80%;
    display:block;
}

.gallery-popup {
    position:fixed;
    width:100%;
    height:100%;
    background-color: rgba(0, 0, 0, 0.603);
    z-index:100;
}

.community-container label {
    font-size: 16px;
    font-weight: bold;
    margin-left:calc(100% - 95%);
}

.community-container #sortby {
    margin:0;
    padding:0;
    width:calc(30% - 86px);
    height:50px;
    font-size:15px;
    border-radius:15px;
    border:none!important;
    float:right;
    box-shadow: none;
    display:inline-block;
    background-color:#FBFBFB;
    text-indent:35px;
    font-weight:bold;
    color:#000;
    outline:none;
}

.community-container .filtersubmit {
    margin-left:-4px;
    font-size:15px;
    height:50px;
    border-radius:15px;
    width:85px;
    border-top-left-radius: 0;
    border-bottom-left-radius:0;
    border:none!important;
    box-shadow: none;
    background-color:#FBFBFB;
    transform:translateY(1px);
}

.community-container .filterquery {
    margin:0;
    padding:0;
    width:calc(65% - 86px);
    height:50px;
    font-size:15px;
    border-radius:15px;
    border-top-right-radius: 0;
    border-bottom-right-radius:0;
    border:none!important;
    box-shadow: none;
    background-color:#FBFBFB;
    text-indent:35px;
    font-weight:bold;
    color:#000;
    outline:none;

}

.community-container .searchfilter {
    padding-top:30px;
    width:calc(80% - 90px);
    margin:0 auto;
    display:block;
}


.community-container .build-content a #link {
    right:25px;
    top:50%;
    transform:translateY(-50%);
    position:absolute;
    display:inline-block;

}

.community-container .build-content a #ig {
    margin-left:10px;
    position:relative;
    display:inline-block;
    margin-right:10px;
    top:25%;
    transform: translateY(-25%);
}

.community-container .build-content a {
    width:auto;
    max-width:300px;
    padding-left:10px;
    padding-right:10px;
    height:55px;
    display:block;
    background-color:#fff;
    border-radius: 15px;
    font-weight:bold;
    font-size: 17px;
    color:black;
    margin-top:25px;
    line-height: 55px;
    position:relative;
    text-decoration: none;
    margin-left:150px;

}

.community-container .build-content p {
    max-width:50%;
    height:auto;
    width:auto;
    margin-left:150px;
    font-weight: 600;
    z-index: 2;
}

.community-container .build-content h3 {
    width:200px;
    margin:0;
    margin-left:150px;
}

.community-container .build-content {
    width:100%;
    height:auto;
    background-color:#fbfbfb;
    padding-top:25px;
    padding-bottom:25px;
}

#buildtitle {
    color:white;
    position:absolute;
    bottom:15px;
    left:20px;
    font-weight: bold;
    opacity:0;
    transition:all 0.3s;
}

.community-container .builds .build:hover #buildtitle {
    opacity:1;
}

#buildimg {
    width: 100%;
    height: auto;
    transition: all 0.3s;
  }



  .community-container .builds .build:hover #buildimg {
    -webkit-filter: brightness(80%);
}

.community-container .builds .build {
    display: inline-block;
    margin: 0 0 20px;
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    width: 100%;
    position:relative;
  
}

.community-container .builds {
    width:calc(100% - 90px);
    -moz-column-count: 1;
    column-count: 1;
    -moz-column-gap: 25px;
    column-gap: 25px;
    -moz-column-fill: balance;
    column-fill: balance;
    margin: 10px auto 0;
    padding: 2rem;

    -moz-column-count: 4;
    column-count: 4;

}

.community-container .head h2 {
    color:#fff;
    font-size:1rem;
    margin-top:10px;
    margin-bottom:0;
}

.community-container .head h1 {
    display:block;
    font-size: 2rem;
    margin-bottom:0px;
    margin-top:0;
    padding-top:50px;
    color:#000;
    font-family: Aero Matics;
}

.community-container#build .head h1{
    padding-top:85px!important;
}

.community-container#build .head h1, 
.community-container#build .head h2{
    color:#000;
} 

.community-container#build .head {
    height:250px!important;
}

.community-container .head {
    width:100%;
    height:145px;
    text-align: center;
    background-color:#F6F6F6;
    display:block;
}

.community-container {
    width:100%;
    height:auto;
    background-color:#FDFDFD;
    padding-bottom:50px;
    min-height:800px;
    display:block;
}

.about-content img {
    margin-top:50px;
}

.about-content a {
    position:relative;
    width:auto;
    padding:15px 25px 15px 25px;
    color:white;
    text-decoration: none;
    background-color: #161C23;
    border-radius:12px;

}

.about-content p {
    line-height:25px;
    text-align: center!important;
}


.about-content p {
    line-height:25px;
}


.about-content {
    width:50%;
    margin:0 auto;
    display:block;
    height:auto;
    margin-top:45px;
    align-items: center;
    justify-content: center;
    margin-bottom:0px;
    min-height:600px;
    text-align: center;
    color:white;
}


.mobile-dealers li:after {
    content:"";
    margin-left:5px;
    background-image: url(img/arrow.png);
    width:12px;
    height:16px;
    display:inline-block;
}

.mobile-dropdown a {
    width:100%;
    height:70px;
    border-bottom:solid 1px #f3f3f3;
    background-color:rgb(251, 251, 251);
    text-align: center;
    line-height:70px;
    white-space: nowrap;
    display:block;
}

.mobile-dropdown {
    width:100%;
    height:auto;
    display:none;
}

.mobile-menu ul li {
    width:100%;
    height:70px;
    border-bottom:solid 1px #f3f3f3;
    text-align: center;
    line-height:70px;
    white-space: nowrap;
}

.mobile-menu ul:nth-child(2) {
    border-top:solid 1px #f3f3f3;
}

.mobile-menu ul a {
    color:black;
    text-decoration: none;
}

.mobile-menu ul {
    width:100%;
    height:85%;
    position:absolute;
    bottom:0;
    display:block;
    margin:0;
    padding:0;
}

.mobile-menu {
    position:fixed;
    width:100%;
    height:100%;
    background-color:white;
    z-index:9;
    overflow:auto;
}

#contact-form textarea {
    height:125px;
    background-color:#161C23;
    outline:none;
    text-indent: 25px;
    font-size:15px;
    border-radius:12px;
    font-family: 'Open Sans'!important;
    font-weight:500;
    color:white;
    padding-top:20px;
    width:100%;
    resize: vertical;
    border:none;
}

#contact-form input[type="text"], #contact-form input[type="email"]{
    height:65px;
    background-color:#161C23;
    outline:none;
    text-indent: 25px;
    font-size:15px;
    border-radius:12px;
    font-weight:500;
    color:white;
    width:100%;
    border:none;
}

.content h2 {
    color:#fff;
    font-size:1.9rem;
    font-family: Aero Matics;
    text-shadow: 3px 5px 0px #000;
}

.content h1 {
    display:block;
    font-size: 2.8rem;
    margin-bottom:0px;
    color:#fff;
    text-shadow: 3px 5px 0px #000;

    font-family: Aero Matics;
}


.content img{
    display:block;
    border-radius:15px;
    margin:0 auto;
    margin-top:75px;
    height:auto;
    width:45%;
    opacity:0.5;
}

.content a {
    position:relative;
    width:auto;
    padding:15px 25px 15px 25px;
    color:black;
    text-decoration: none;
    border:solid 1px #f3f3f3;
    box-shadow:0px 0px 12px #f3f3f379;
    background-color: white;
    border-radius:12px;

}

.contact-content p {
    line-height:25px;
    text-align: left!important;
    text-indent: 15px;
}

.contact-content a {
    position:relative;
    width:auto;
    padding:15px 25px 15px 25px;
    color:white;
    text-decoration: none;
    background-color: #161C23;
    border-radius:12px;

}

.contact-content p {
    line-height:25px;
}


.contact-content {
    width:40%;
    margin:0 auto;
    display:block;
    height:auto;
    margin-top:55px;
    align-items: center;
    justify-content: center;
    margin-bottom:0px;
    min-height:600px;
    text-align: center;
    color:white;
}

.cont {
    position: relative;
    width:100%;
    max-width:70%;
    height:auto;
    top:-50px;
    display:block;
    margin:0 auto;
}

.content video {
    position:absolute;
    right:0;
    bottom: 0;
    width: 100%;
    height: auto;
}

.content {
    height:calc(100vh - 151px);
    margin-bottom:0px;
    min-height:600px;
    text-align: center;
    display: flex;
    align-items: center;
    background-image: url(img/banner.jpg);
    background-size:cover;
    background-position:-50%;
}

.dropdown a:hover {
    background-color: rgb(241, 241, 241);
}

.dropdown a {
    color: fff;
    padding: 18px 20px;
    text-decoration: none;
    display: block;
    text-align: left;
  }

.dropdown {
    position: absolute;
    background-color:#fff;
    min-width: 220px;
    max-height:350px;
    margin-top:30px;
    overflow-y: auto;
    padding: 12px 16px;
    z-index: 5!important;
    display:none;
    left:-65px;
    top:0px;
  
}

.footer .section a {
    color:white;
    text-decoration: none;
    font-weight:600;
    font-size:14px;

}

.footer .section h3 {
    font-family: 'Aero Matics';
    font-size:19px;
}

.footer #logo {
    height:auto;
    width:150px;
}

.footer #copyright {
    font-weight:bold;
    font-size:12px;
    opacity:0.6;
}

.footer .section {
    position:relative;
    width:auto;
    top:50px;
    padding-left:15px;
    padding-right:15px;
    margin-left:15px;
    margin-right:15px;
    display:inline-block;
    height:auto;
    vertical-align: top;
    margin-bottom:65px;
    text-align: left;
    line-height:8px;
}


.footer {
    position:relative;
    top:0;
    text-decoration: none;
    color:#fff;
    font-size:14px;
    display: block;
    width:100%;
    min-height:320px;
    height:auto;
    background-color:#000;
    padding-bottom:25px;
    text-align: center;
}



.header-bottom {
    position:relative;
    width:100%;
    height:50px;
    z-index: 5!important;
    border-bottom:solid 1px #70707011;
    background-color:#fff;
}

.header .dropdown a {
    font-weight:normal;
}

.header-bottom ul li{
    position:relative;
    display:inline-block;
    height:auto;
    margin:0 auto;
    padding-left: 15px;
    padding-right:15px;
    font-weight:600;
    font-size:0.8em;
    top:43%;
    transform: translateY(-43%);
    
}

.header-bottom a {
    color:#000;
    text-decoration: none;
}

.header-bottom ul {
    position:relative;
    margin:0 auto;
    width:50%;
    height:100%;
    list-style-type: none;
    align-content: center;
    text-align:center;
}

.account-popup:before, .account-popup:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 100%;
    width: 0;
    height: 0; 
}

.account-popup:before {
    right: 19px;
    border: 14px solid transparent;
    border-bottom-color: #fbfbfb;
}

.account-popup:after {
    right: 20px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
  }

.account-popup a {
    display:block;
    padding-top:5px!important;
    padding-bottom:5px!important;
    padding-left: 10px;
    width:80%;
    padding-right:10px;
    font-weight:bold;
    height:50px;
    margin:0 auto;
    line-height:50px;
    font-size:15px;
}


.account-popup {
    position:absolute;
    min-width:280px;
    right:80px;
    background-color:#fff;
    max-height:350px;
    display:none;
    padding-top:15px;
    padding-bottom:15px;
    border-radius:15px;
    border-top-right-radius: 0px;
    border-top-left-radius:0px;
    border:solid 1px #fbfbfb;
    z-index:1050!important;
}

.header .nav {
    position:relative;
    width:calc(25% - 5px);
    height:100%;
    padding:0;
    margin:0;
    line-height:100px;
    list-style-type: none;
    top:0;
    align-items: center;
    text-align: center;
    vertical-align: top;
    display:inline-block;
}


.nav img {
    width:auto;
    height:auto;
    border-radius:35px;
    max-width:35px;
    min-width:35px;
    max-height:35px;
    min-height:35px;
    display: inline-block;
    margin:0;
    padding:0;
    margin-left:15px;
    transform:translateY(11px);
}

.nav #account span {
    color:#C5C5C5;
    font-size: 15px;
    font-weight:600;
}

.nav #account p:nth-of-type(2) {
    font-size:14px;
    color:#C5C5C5;
}

.nav #account p {
    display:inline-block;
    margin:0;
    padding:0;
    margin-top:5px;
    font-weight:bold;
    font-size: 16px;
    transform: translateY(8px);
}

.nav #account {
    top:0;
    padding-right:10px;
    padding-left:10px;
    line-height:15px!important;
}

.header .nav li {
    position:relative;
    display:inline-block;
    padding:0;
    width:auto;
    font-size:15px;
    margin:0;
    font-weight: 600;
    margin-left:4px;
    margin-right:4px;
}

.header .nav a {
    color:black;
    text-decoration: none;
    padding:12px;
    padding-left:20px;
    padding-right:20px;
    border-radius:20px;
}

.header .nav a:hover {
    background-color:#FBFBFB;
}

.header .nav a#active {
    background-color:#FBFBFB;
}

.header #controls #alerts {
    background-image:url(img/bell-icon.png);
    background-repeat:no-repeat;
    background-position: center;

}

.header #controls #bookmarks {
    background-image:url(img/bookmark-small-black.png);
    background-repeat:no-repeat;
    background-position: center;
}

.header #controls a {
    width: 40px;
    height:40px;
    margin-left:5px;
    margin-right:5px;
    border-radius:45px;
    display:inline-block;
    background-color: #0d111618;
}

.header #controls {
    position:absolute;
    width: auto;
    height:40px;
    right:45px;
    top:50%;
    transform: translateY(-50%);

}

.header img:not(.nav img) {
    top:-85%;
    left:50%;
    transform: translate(-50%,65%);
    width:260px;
    margin:0;
    padding:0;
    position:absolute;
    height:auto;
    z-index: 10;
}

.header .form {
    width:50%;
    margin:0 auto;
    display:inline-block;
    top:50%;
    transform:translateY(-50%);
}

.header .form .submit {
    margin-left:-4px;
    font-size:15px;
    height:50px;
    border-radius:15px;
    width:85px;
    border-top-left-radius: 0;
    border-bottom-left-radius:0;
    border:none!important;
    box-shadow: none;
    background-color:#FBFBFB;
    transform:translateY(0px);
}



.header .form .s-query {
    margin:0;
    padding:0;
    width:calc(100% - 86px);
    height:50px;
    font-size:15px;
    border-radius:15px;
    border-top-right-radius: 0;
    border-bottom-right-radius:0;
    border:none!important;
    box-shadow: none;
    background-color:#FBFBFB;
}

.header {
    position:relative;
    width:100%;
    background-color:#fff;
    height:100px;
    z-index: 5!important;
    border-bottom:solid 1px #70707011;
}

.predictionresults a:hover {
    background-color:rgb(247, 247, 247);
}

.predictionresults:not(:first-child) {
    margin-top:5px;
}


.predictionresults a:last-child {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.predictionresults a:first-child {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.predictionresults a {
    width:100%;
    height:50px;
    margin-bottom:0px;
    border-bottom:solid 1px #70707011;
    text-indent: 25px;
    line-height:50px;
    display:block;
    color:black;
    text-decoration: none;
}

.predictionresults {
    position:absolute;
    width:calc(55% - 86px);
    height:auto;
    min-height:50px;
    left:50%;
    top:70px;
    transform:translateX(-50%);
    color:#000;
    border-right:none;
    background-color:#FBFBFB;
    border-radius:15px;
    display:none;
    
}

.banner-notif p a {
    color:white;
    font-weight:bold;
}

.banner-notif p {
    position:relative;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    text-indent:45px;
    color:rgb(255, 255, 255);
    line-height:50px;
    font-size:13px;
    font-weight: bold;
}

.banner-notif {
    margin:0;
    padding:0;
    z-index: 1;
    top:0;
    position:relative;
    width:100%;
    height:50px;
    display:block;
    background-color: #000;
}

.banner-notif #socials {
    position:absolute;
    height:50px;
    width:auto;
    right:45px;
    top:0;
    max-width:200px;
    display:block;
    margin:0;
    padding:0;
    text-align: center; 
    line-height:45px;
}

.banner-notif #socials a {
    width:auto;
    height:auto;
    position:relative;
    display:inline-block;
}

.banner-notif #socials a img {
    display: inline-block;
    vertical-align: middle;
    width:20px;
    height:auto;
}

.banner-notif #socials a img:first-of-type {
    margin-left:10px;
}

.grid .ad-product img {
    width:100%;
    height:100%;
    position:relative;
    top:0;
    left:0;
    margin:0;
    padding:0;
}

.grid .ad-product .withus {
    position:relative;
    height:45px;
    width:230px;
    background-color:#000;
    border-radius: 4px;
    margin:0 auto;
    display:block;
    font-size:14px;
    top:55%;
    transform: translateY(-55%);
    text-align: center;
    line-height:45px;
    color:white;
    font-weight:bold;
    text-decoration: none;
}

.grid .ad-product h1 {
    font-size:15px;
    text-align: center;
    width:100%;
    top:50%;
    transform: translateY(-50%);
    font-weight: bold;
    display:block;
    position:relative;
    opacity:0.5;
}

.grid .ad-product #ad {
    border:none!important;
}

.grid .ad-product {
    position:relative;
    height:500px;
    text-align: center;
    transition:all 0.1s;
    display: inline-block;
    background-color:#fff;
    color:rgb(92, 92, 92);
    text-decoration: none!important;
    background-size: 100% 50%;
    border:solid 1px #70707011;
}

.grid .product .price #price:only-child {
    color:#1A8D53!important;
    font-size:20px;
    font-weight:bold;

}

.grid .product #buttons #view {
    height:45px;
    width:calc(100% - 55px);
    background-color:#000;
    border-radius: 4px;
    display:inline-block;
    float:right;
    font-size:14px;
    text-align: center;
    line-height:45px;
    color:white;
    font-weight:bold;
    text-decoration: none;
}

.grid .product #buttons .bookmark {
    height:45px;
    width:45px;
    background-color:rgba(0, 0, 0, 0.04);
    border-radius: 4px;
    display:inline-block;
    float:left;
    background-image: url(img/bookmark.png);
    background-repeat: no-repeat;
    background-position: center;
}

.grid .product #buttons {
    width:80%;
    height:45px;
    margin:0 auto;
    display:block;
    margin-top:25px;
    position:relative;
}

.grid .product h1 {
    position:relative;
    text-align: center;
    width:80%;
    max-width:80%;
    overflow:hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height:55px!important;
    margin:0 auto;
    display:-webkit-box;
    margin-top:40px;
    margin-bottom:15px;
    text-overflow: ellipsis;
    font-size:0.9em;
}

.grid .product #store {
    position:relative;
    width:auto;
    height:auto;
    max-height:45px;
    min-height:45px;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(-360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(-360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(-360deg);}
}

.grid .product img:not(#store) {
    max-width:230px;
    min-width:230px;
    min-height:155px;
    max-height: 155px;
    margin-top:25px;

}

.grid .product a:hover{
    opacity:0.9;
}

.grid .product img {
    position:relative;
    border-radius:7px;
    margin:0 auto;
    display:block;
    width:85%;
    padding-bottom:25px;
    height:auto;

}


.loader img {
    position:relative;
    width:50px!important;
    height:50px!important;
    margin:0 auto;
    top:50%;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
}

.loader h2{
    position:relative;
    font-size:0.9em;
    opacity:0.5;
    margin:0 auto;
    top:50%;
    transform: translateY(-50%);
}

.loader {
    position:relative;
    top:0;
    height:850px;
    width:100%;
    text-align: center;
    transition:all 0.1s;
    background-color:rgba(255, 255, 255);
    color:#000;
    z-index: 99!important;
}

.grid .product {
    position:relative;
    height:500px;
    text-align: center;
    transition:all 0.1s;
    display:inline-block;
    background-color:#fff;
    color:#000;
    text-decoration: none!important;
    background-size: 100% 50%;
    border:solid 1px #70707011;
}

.container .grid {
    width:calc(100% - 90px);
    margin:0 auto;
    height:auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    grid-auto-rows: minmax(100, auto);
    grid-gap:15px;
    margin-top:45px;
    align-items: center;
    justify-content: center;
    margin-bottom:0px;
    min-height:100px;


}

.container h2 {
    position:relative;
    left:45px;
    font-size:17px;
    font-size:bold;
    max-width:30%;
    margin-top:40px;
}

.container {
    width:100%;
    height:auto;
    min-height:800px;
    background-color:#FDFDFD;
    padding-bottom:50px;
    position:relative;
}

.submit {
    position:relative;
    display:inline-block;
    width:85px;
    border-radius:15px;
    color:#000;
    border:solid 4px #000;
    border-left:none;
    box-shadow:9px 8px 0px #000;
    font-weight:800;
    cursor:pointer;
    font-size:15px;
    margin-left:-5px;
    font-size:15px;
    height:58px;
    border-top-left-radius: 0;
    border-bottom-left-radius:0;
    background-color:#FDFDFD;
}

.s-query::placeholder {
    color:rgb(61, 61, 61);
}

.s-query {
    position:relative;
    display:inline-block;
    height:50px;
    outline:none;
    text-indent: 35px;
    font-size:15px;
    border-radius:15px;
    font-weight:bold;
    color:#000;
    border:solid 4px #000;
    border-right:none;
    box-shadow:9px 8px 0px #000;
    margin:0;
    padding:0;
    width:calc(70% - 90px);
    border-top-right-radius: 0;
    border-bottom-right-radius:0;
    background-color:#fff;

}


.form {
    width:auto;
    height:auto;
    position:relative;
    margin:0 auto;
    margin-top:50px;
}

body,html{
    margin:0;
    padding:0;
    background-color:#FDFDFD;
    font-family:'Open Sans';
}

@media only screen and (max-device-width:1800px) {
    .list-container-item {
        width:100%;
    }
}

@media only screen and (max-device-width: 950px){ /* phone */

    .content video {
        display:none;
    }

    .banner-notif #socials {
        display:none;
    }

    .contact-content {
        width:90%;
    }

    .header .form {
        top:-45%!important;
        left:50%;
        transform: translate(-50%,-65%)!important;
        width:85%!important;
    }
    .header ul li:not(#head-logo) {
        display:none;
    }

    .header img {
        width:155px!important;
        top:-68%!important;
        left:50%;
        transform: translate(-50%,0%);
        position:absolute;
        z-index: 30;
    }

    .cont .form .submit {
        height:58px!important;
        top:1px!important;
    }

    .cont .s-query {
        width:calc(100% - 120px)!important;
    }

    .s-query {
        width:calc(100% - 80px);
    }

    .header ul a {
        position:absolute;
        left:50%;
        transform:translateX(-50%);
        top:45px;
    }


    .footer .section {
        display:block!important;
    }

    .footer a {
        display:block;
        text-align: center;
    }

    .cont {
        margin-top:55px;
        max-width: 95%;
    }

    .cont h2 {
        font-size:4vw;
    }

    .cont h1 {
        font-size: 6vw;
    }

    .content {
        display:block;
        align-items: top;
    }

    .banner-notif p {
        visibility: hidden;
    }

    .banner-notif {
        height:auto;
    }
    .community-container .builds {
        -moz-column-count: 1;
        column-count:1;
    }
}


@font-face{
    font-family: "Aero Matics";
    src: url('./img/Aero_Matics_Bold_Italic.ttf'),
}