html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Poppins', sans-serif;
}

a.imglink, a.imglink:hover {
    text-decoration: none;
}

.header {
    width: 100%;
    background-color: #141414;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding-top: 53px;
}
.logocol{
}
.contactcol {
    text-align:right;
    padding-top:2px;
}
a.contsales{
    color:white;
    font-size:0.8rem;
}
span.conttel {
    color: white;
    font-size: 0.8rem;
}

ul.mainlinks{
    list-style-type:none;
    padding-top:25px;
}

ul.mainlinks li{
    display:inline-block
}

    ul.mainlinks li a {
        color: white;
        display: inline-block;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
        ul.mainlinks li a:hover {
            text-decoration:none;
            color: #c81c1c;
        }

        ul.mainlinks li a.pageactive {
            font-weight: 700;
            color: #c81c1c;
        }

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    max-height: 0;
    overflow: hidden;
    position: absolute;
    background-color: #ffffff;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    transition: all ease-in-out 0.3s;
}

    .dropdown-content a.drop {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align:left;
    }

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

.dropdown:hover .dropdown-content {
    max-height: 366px;
    overflow: hidden;
    transition: all ease-in-out 0.3s;
}

.homehero {
    background-image: url(../images/homehero.png);
    min-height: 799px;
}
.homeherotext{
    padding-top:228px;
}
.pagehero {
    background-image: url(../images/prods-hero.png);
    min-height: 544px;
}

.abouthero {
    background-image: url(../images/abouthero.png);
    min-height: 544px;
}

.pageherotext {
    padding-top: 118px;
}
.pnyherotext {
    padding-top: 66px;
}
.wpagetitle {
    font-weight: 700;
    font-size: 3.65rem;
    color: white;
    line-height: 3.4rem;
}
.pagetitle {
    font-weight: 700;
    font-size: 3.65rem;
    color: white;
    line-height: 3.4rem;
    padding-bottom: 39px;
    text-shadow: 2px 1px #c81c1c;
}
    .pagetitle span {
        color: #c81c1c;
        text-shadow: 2px 1px white;
    }
a.herobtn {
    background: linear-gradient(to right, #c81c1c 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    color: white;
    font-weight: 700;
    font-size: 1rem;
    border: 1px solid #ffffff;
    border-radius: 35px;
    padding: 13px 10px 13px 10px;
    width: 183px;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    text-align: center;
}
    a.herobtn:hover {
        background-position: left bottom;
        border: 1px solid #c81c1c;
        transition: all 0.3s ease-in-out;
        text-decoration: none;
    }

a.enquirebtn {
    width: 137px;
    margin-bottom: 3px;
}


.formsubmitbtn {
    background: linear-gradient(to right, #c81c1c 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    color: #202020;
    font-weight: 700;
    font-size: 1rem;
    border: 1px solid #c81c1c;
    border-radius: 35px;
    padding: 13px 10px 13px 10px;
    width: 137px;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    text-align: center;
}

    .formsubmitbtn:hover {
        background-position: left bottom;
        color: #ffffff;
        transition: all 0.3s ease-in-out;
        text-decoration: none;
    }

.modalpadlockwhite {
    padding-bottom: 5px;
    display: inline-block;
    transition: all ease 0.3s
}

a.modalpadbtn:hover .modalpadlockwhite{
    display:none;
    transition: all ease 0.5s
}

.modalpadlockred {
    padding-bottom: 5px;
    display: none;
    transition: all ease 0.3s
}

a.modalpadbtn:hover .modalpadlockred {
    display: inline-block;
    transition: all ease 0.5s
}

a.transparentbtn {
    background: linear-gradient(to right, #c81c1c 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    color: white;
    font-weight: 700;
    font-size: 1rem;
    border: 1px solid #ffffff;
    border-radius: 35px;
    padding: 13px 10px 13px 10px;
    width: 183px;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    text-align: center;
}

    a.transparentbtn:hover {
        background-position: left bottom;
        color: white;
        border: 1px solid #c81c1c;
        transition: all 0.3s ease-in-out;
        text-decoration: none;
    }

a.tpbtnreseller {
    padding: 3px 21px 3px 21px;
    width: 208px;
}

.padlock {
    display: inline-block;
    padding-bottom: 5px;
}

a.databtn, a.pngdatabtn {
    width: 199px;
}

a.databtn {
    margin-bottom: 3px;
}

.error{
    color:#c81c1c;
}

.matroxlight a.enquirebtn,
.amdlight a.enquirebtn, .pnqlight a.enquirebtn, .pnylight a.enquirebtn, .connexlight a.enquirebtn,
.samsungmain a.enquirebtn, .pngwhite a.enquirebtn,
.matroxlight a.databtn, .matroxlight a.watchbtn,
.amdlight a.databtn, .pnqlight a.databtn, .pnylight a.databtn, .connexlight a.databtn,
.samsungmain a.databtn, a.pngdatabtn {
    color: #202020;
    border: 1px solid #c81c1c;
}

    .matroxlight a.enquirebtn:hover,
    .amdlight a.enquirebtn:hover, .pnqlight a.enquirebtn:hover, .pnylight a.enquirebtn:hover, .connexlight a.enquirebtn:hover,
    .samsungmain a.enquirebtn:hover, .pngwhite a.enquirebtn:hover,
    .matroxlight a.databtn:hover, .matroxlight a.watchbtn:hover,
    .amdlight a.databtn:hover, .pnqlight a.databtn:hover, .pnylight a.databtn:hover, .connexlight a.databtn:hover,
    .samsungmain a.databtn:hover, a.pngdatabtn:hover {
        color: #ffffff;
        border: 1px solid #c81c1c;
    }

a.watchbtn {
    width: 137px;
    margin-bottom: 3px;
    color: #202020;
}

a.watchbtnlight {
    width: 137px;
    margin-bottom: 3px;
}

.spagetitle {
    font-weight: 700;
    font-size: 2.4rem;
    color: #c81c1c;
    padding-bottom: 4px;
}
.cbreadcrumb {
    min-height: 46px;
    background-color: #f0efef;
    width:100%;
    padding-top:11px;
}
a.cbclink{
    color:black;
}
.cbcitem{
    color:#c81c1c;
    font-weight:700;
}
.redtitle {
    margin-top: 0;
    margin-bottom: 17px;
    color: #c81c1c;
    display: inline-block;
    font-size: 2.5rem;
    font-weight: 700;
}
.std-para {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.2rem;
}

/*#region home */
.homemain {
    padding-top: 60px;
    padding-bottom: 31px;
}
.homecol {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.homebox {
    background-repeat: no-repeat;
    background-size: contain;
    width: 343px;
    height: 318px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}
.hbone{
    background-image:url(../images/prod-one.png);
}
.hbtwo {
    background-image: url(../images/prod-two.png);
}
.hbthree {
    background-image: url(../images/prod-three.png);
}
.hbfour {
    background-image: url(../images/prod-four.png);
}
.hbfive {
    background-image: url(../images/prod-five.png);
}
.hbsix {
    background-image: url(../images/prod-six.png);
}
.hbseven {
    background-image: url(../images/prod-eight.png);
}
.hbeight {
    background-image: url(../images/prod-seven.png);
}
.hbnine {
    background-image: url(../images/prod-nine.png);
}
.hbblank{
    height:44%;
}
.hbtext {
    background-color: rgba(0,0,0,.7);
    height: 56%;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    width:342px;
    padding:20px;
}
.hbabout, .hbquadro {
    padding: 20px 14px 20px 14px;
}
.hbtitle {
    color: white;
    font-weight: 700;
    font-size: 1.8rem;
    margin-bottom: 6px;
}
.hbp {
    color: white;
    font-size: 1rem;
}

a.hbbtn {
    background: linear-gradient(to right, #c81c1c 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    color: white;
    font-weight: 700;
    font-size: 1rem;
    border: 1px solid #ffffff;
    border-radius: 35px;
    padding: 3px 10px 3px 10px;
    width: 132px;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    text-align: center;
}

    a.hbbtn:hover {
        background-position: left bottom;
        color: white;
        border: 1px solid #c81c1c;
        transition: all 0.3s ease-in-out;
        text-decoration: none;
    }

/*#endregion */

/*#region about */
.aboutone, .aboutone > .container > .row{
    min-height:407px;
}

.col-aboutone-left{
    text-align:center;
}

.abouttwo {
    background-color: #0f1a22;
    width: 100%;
    padding-top: 61px;
    padding-bottom: 64px;
}

.aboutthree {
    background-color: #1c0303;
    width: 100%;
    padding-top: 61px;
    padding-bottom: 64px;
}

.person{
    color:white;
}

    .person h2 {
        font-size: 1.5rem;
        font-weight: 700;
    }
        .person h2 span {
            font-size: 1.5rem;
            color:#c81c1c;
            font-weight: 400;
        }

    .person p{
        font-size: 1.2rem;
    }
    .person p.stripe{
        font-size:0.5rem;
    }

ul.thingslist {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}

    ul.thingslist li {
        background-image: url(../images/likes.png);
        background-repeat: no-repeat;
        background-position: 0px 10px;
        padding-left: 42px;
        color: white;
        padding-bottom: 17px;
    }
    ul.thingslist li strong{
        color:#c81c1c;
    }
        ul.thingslist li.loves {
            background-image: url(../images/loves.png);
            background-position: 0px 10px;
        }
        ul.thingslist li.food {
            background-image: url(../images/food.png);
            background-position: 0px 10px;
        }
        ul.thingslist li.drink {
            background-image: url(../images/drink.png);
            background-position: 0px 10px;
        }

/*#endregion */

/*#region amdradeonpro */
.amdhero{
    background-image:url(../images/radeon-world.png);
    background-repeat:no-repeat;
    background-position:top left;
    min-height: 640px;
    background-size:contain;
}
    .amdhero .row {
        min-height: 640px;
    }
    .amdhero h2 {
        font-size: 2.5rem;
        font-weight: 700;
        color: #c81c1c;
        line-height: 2.3rem;
        padding-bottom: 8px;
    }
        .amdhero h2 span {
            font-size: 1.9rem;
            color: #202020
        }
    .amdhero p {
        font-size: 1rem;
        color: #202020
    }

.amdfirstdark {
    background-image: url(../images/radeonpro-wx9100.png);
    background-repeat: no-repeat;
    background-position: top right -114px;
    min-height: 540px;
    background-size: contain;
    background-color: #000000;
    padding-top: 101px;
    padding-bottom: 72px;
}
    .amdfirstdark .textcol h2 {
        font-size: 2.5rem;
        font-weight: 700;
        color: #ffffff;
        line-height: 2.3rem;
        padding-bottom: 8px;
    }

        .amdfirstdark .textcol h2 span {
            font-size: 1.9rem;
            color: #c81c1c;
        }

        .amdfirstdark .textcol p {
            font-size: 1rem;
            color: #ffffff;
            padding-bottom:14px;
        }

.amdlight .textcol .stripe {
    font-size: 0.5rem;
    margin-bottom: 11px;
    color: #202020;
}
.amddark .textcol .stripe {
    font-size: 0.5rem;
    margin-bottom: 11px;
    color: white;
}
.amdfirstdark .textcol .stripe {
    font-size: 0.5rem;
    color: white;
    margin-bottom:11px;
}

.amdlight {
    min-height: 540px;
}

    .amdlight .row {
        min-height: 540px;
    }

        .amdlight .textcol h2 {
            font-size: 2.5rem;
            font-weight: 700;
            color: #202020;
            line-height: 2.3rem;
            padding-bottom: 8px;
        }
            .amdlight .textcol h2 span {
                font-size: 1.9rem;
                color: #c81c1c;
            }

        .amdlight .textcol p {
            color: #202020;
            font-size: 1rem;
            padding-bottom: 14px;
        }

.amddark {
    background-color: #0f1a22;
    min-height:540px;
}
    .amddark .row {
        min-height: 540px;
    }

.darkwine {
    background-color: #1c0303
}

    .amddark .textcol h2 {
        font-size: 2.5rem;
        font-weight: 700;
        color: white;
        line-height: 2.3rem;
        padding-bottom: 8px;
    }

        .amddark .textcol h2 span {
            font-size: 1.9rem;
            color: #c81c1c;
        }

    .amddark .textcol p {
        color: white;
        font-size: 1rem;
        padding-bottom: 14px;
    }

/*#endregion */

/*#region matrox */

.matroxlight{
    min-height:407px
}
    .matroxlight .row {
        min-height: 407px
    }
    .matroxlight .textcol h2 {
        font-size: 2.5rem;
        font-weight: 700;
        color: #c81c1c;
        line-height: 2.3rem;
        padding-bottom: 8px;
    }
    .matroxlight .textcol p {
        color: #202020;
        font-size: 1rem;
        padding-bottom: 14px;
    }

.matroxlightgrey {
    min-height: 587px;
    background-color:#f5f5f5;
}

    .matroxlightgrey .row {
        min-height: 587px
    }

    .matroxlightgrey .textcol h2 {
        font-size: 2.5rem;
        font-weight: 700;
        color: #202020;
        line-height: 2.3rem;
        padding-bottom: 8px;
    }

        .matroxlightgrey .textcol h2 span {
            font-size: 1.9rem;
            color: #c81c1c;
        }

.matroxdark .textcol h2 {
    font-size: 1.9rem;
    color: #c81c1c;
    font-weight: 700;
    line-height: 2.3rem;
    padding-bottom: 8px;
}

.matroxdark {
    min-height: 460px;
    background-color: #0f1a22;
}

    .matroxdark .row {
        min-height: 460px
    }

    .matroxdark .textcol p {
        color: white;
        font-size: 1rem;
        padding-bottom: 0px;
    }
    .matroxdark .textcol .stripe {
        font-size: 0.5rem;
        color: white;
        margin-bottom: 30px;
    }

.vws-panel {
    min-height: 550px;
}

    .vws-panel .row {
        min-height: 550px
    }
.modal-xl {
    max-width: 65%;
}
.modal-content {
    background-color: transparent;
    border: none;
}
.xxx {
    max-height: 95vh;
}
.nomodpad {
    padding: 0 !important;
}
.mxclose {
    color: white;
    font-weight: bold;
}
.mxclose:hover {
    color: white;
    font-weight: bold;
    text-decoration:underline;
}

/*#endregion */
/*#region pny */
.yt {
    padding-top: 89px;
    padding-bottom: 88px;
}
.quadrow{
    padding-top:70px;
}

.pnyquadrobanner {
    margin: 2px auto;
    border: 1px solid #b8b8b8;
    background-image: url(../images/pnymiddle.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: left 32px center;
    width: 783px;
    height: 111px;
    padding-right: 30px;
    display: flex;
    align-items: center;
    justify-content:flex-end;
}

a.quadrodatabtn {
    color: #202020;
    width: 165px;
}

.lightone {
    min-height: 535px;
    padding-top: 40px;
    padding-bottom: 40px;
}
    .lightone .row {
        min-height: 535px;
    }
.lighttwo {
    min-height: 499px;
}

    .lighttwo .row {
        min-height: 499px;
    }

.darkone {
    background-color: #000000;
    min-height:582px;
}
    .darkone .row {
        min-height: 582px;
    }

.darktwo {
    background-color: #0f1a22;
    min-height: 555px;
}

    .darktwo .row {
        min-height: 555px;
    }


.pnylight {
}

    .pnylight .textcol h2 {
        font-size: 2.5rem;
        font-weight: 700;
        color: #c81c1c;

        line-height: 2.3rem;
        padding-bottom: 8px;
    }

        .pnylight .textcol h2 span {
            font-size: 1.9rem;
            color: #c81c1c;
        }

    .pnylight .textcol p {
        color: #202020;
        font-size: 1rem;
        padding-bottom: 0px;
    }
    ul.extend li{
        padding-bottom:10px
    }
    .pnylight .textcol .stripe {
        font-size: 0.5rem;
        color: #202020;
        margin-bottom: 10px;
    }

    .pnylight .buttons {
        padding-top: 25px;
    }

.pnydark .textcol h2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: white;
    line-height: 2.3rem;
    padding-bottom: 8px;
}

    .pnydark .textcol h2 span {
        font-size: 1.9rem;
        color: #c81c1c;
    }

.pnydark .textcol p {
    color: white;
    font-size: 1rem;
    padding-bottom: 14px;
}
.pnydark ul.reddotlist li {
    color: white;
}

.pnydark .textcol .stripe {
    font-size: 0.5rem;
    color: white;
    margin-bottom: 10px;
}
.pnydark .buttons{
    padding-top:25px;
}

/*#endregion */

/*#region connex */

.connexhero {
    background-image: url(../images/3d-one.png);
    background-repeat: no-repeat;
    background-position: top left;
    min-height: 538px;
    background-size: contain;
    background-color: #fdfdfd;
    padding-top: 40px;
    padding-bottom: 40px;
}

    .connexhero .row {
        min-height: 538px;
    }

    .connexhero h2 {
        font-size: 2.5rem;
        font-weight: 700;
        color: #c81c1c;
        line-height: 2.3rem;
        padding-bottom: 8px;
    }

        .connexhero h2 span {
            font-size: 1.9rem;
            color: #202020
        }

    .connexhero p {
        font-size: 1rem;
        color: #202020
    }

.connexchoose {
    min-height: 766px;
}

    .connexchoose > .container > .row {
        min-height: 766px;
    }

    .connexchoose h2 {
        font-size: 2.5rem;
        font-weight: 700;
        color: #c81c1c;
        line-height: 2.3rem;
        padding-bottom: 32px;
    }

    .connexchoose a {
        text-align:center;
        display:inline-block;
        padding-bottom: 14px;
    }
        .connexchoose a span {
            font-size: 1rem;
            color: #202020;
            font-weight: 700;
            padding-bottom: 15px;
            display: inline-block;
            padding-top: 6px;
        }

.opachover {
    opacity: 1;
    transition: .3s ease-in-out;
}

    .opachover:hover {
        opacity: .5;
    }

.connexlight .textcol .stripe {
    font-size: 0.5rem;
    margin-bottom: 11px;
    color: #202020;
}

.connexdark .textcol .stripe {
    font-size: 0.5rem;
    margin-bottom: 11px;
    color: white;
}

.lastdark .stripe {
    font-size: 0.5rem;
    margin-bottom: 11px;
    color: white;
}


.connexlight {
    min-height: 540px;
}

    .connexlight .row {
        min-height: 540px;
    }


.connexlight .textcol h2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #202020;
    line-height: 2.3rem;
    padding-bottom: 8px;
}

    .connexlight .textcol h2 span {
        font-size: 1.9rem;
        color: #c81c1c;
    }

.connexlight .textcol p {
    color: #202020;
    font-size: 1rem;
    padding-bottom: 14px;
}

    .connexlight .textcol p.buttons {
    }


.connexdark {
    background-color: #0f1a22;
    min-height: 540px;
}

    .connexdark .row {
        min-height: 540px;
    }


.darkwine {
    background-color: #1c0303
}



.connexdark .textcol h2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: white;
    line-height: 2.3rem;
    padding-bottom: 8px;
}

    .connexdark .textcol h2 span {
        font-size: 1.9rem;
        color: #c81c1c;
    }

.connexdark .textcol p {
    color: white;
    font-size: 1rem;
    padding-bottom: 14px;
}


.lastdark {
    background-color: #000000;
    min-height:891px;
}

    .lastdark .row {
        min-height: 891px;
    }

    .lastdark ul.reddotlist li {
        color: white;
    }

        .lastdark ul.reddotlist li:nth-of-type(1) {
            color: white;
            background-image: none;
            font-weight: 700;
            padding-left: 0;
        }

    .lastdark h2 {
        font-size: 2.5rem;
        font-weight: 700;
        color: white;
        line-height: 2.3rem;
        padding-bottom: 8px;
    }

        .lastdark h2 span {
            font-size: 1.9rem;
            color: #c81c1c;
        }

    .lastdark p {
        color: white;
        font-size: 1rem;
        padding-bottom: 14px;
    }

.cdarkone{
    min-height:540px;
    background-color:#000000;

}
    .cdarkone .row {
        min-height: 540px;
    }

.cdarkone .piccol{
    padding-top:43px;
}

.spacemousepro {
    background-image: url(../images/3d-three.png);
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    background-position: top center;
    min-height: 540px;
    background-size: cover;
}
    .spacemousepro .row {
        min-height: 540px;
    }
    .spacemousepro .textcol{
        padding-top:40px;
    }

.cdarktwo {
    min-height: 540px;
}

    .cdarktwo .row {
        min-height: 540px;
    }

.clightone {
    min-height: 540px;
    background-color:#f5f5f5;
}

    .clightone .row {
        min-height: 540px;
    }

.clighttwo, .clightthree {
    min-height: 540px;
}

    .clighttwo .row, .clightthree .row {
        min-height: 540px;
    }
.cwine {
    min-height: 540px;
    background-color: #1c0303;
}

    .cwine .row {
        min-height: 540px;
    }
/*#endregion */

/*#region samsung */
.samsungtop {
    background-image: url(../images/samsung01.png);
    background-color: #000203;
    background-repeat: no-repeat;
    background-position: top 34px center;
    min-height: 826px;
    background-size: contain;
    padding-top: 81px;
    padding-bottom: 10px;
}

.samsungtop h2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #ffffff;
    line-height: 2.3rem;
    padding-bottom: 8px;
}

    .samsungtop h2 span {
        font-size: 2.3rem;
        color: #c81c1c;
    }

.ssspacer{
    min-height:398px;
}
.seqrow{
    padding-top:104px;
}
.sequential {
    color: white;
    font-size: 1.5rem;
}
.mbps {
    font-size: 2.5rem;
    font-weight: 700;
    color: #ffffff;
    line-height: 2.3rem;
}

.samsungmain {
    min-height: 874px;
    padding-top: 99px;
    padding-bottom: 99px;
}

.samsungmain h2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #202020;
    line-height: 2.3rem;
    padding-bottom: 8px;
}

    .samsungmain h2 span {
        font-size: 1.9rem;
        color: #c81c1c;
    }

.samsungmain p {
    color: #202020;
    font-size: 1rem;
    padding-bottom: 14px;
}

.samsungmain .stripe {
    font-size: 0.5rem;
    margin-top: 27px;
    margin-bottom: 11px;
    color: #202020;
}

/*#endregion */

/*#region PNY Quadro */
.pnqsubhero {
    background-image: url(../images/pnq--01.png);
    background-repeat: no-repeat;
    background-position: top left;
    min-height: 580px;
    background-size: cover;
}

    .pnqsubherorow {
        min-height: 580px;
    }

    .pnqsubhero h2 {
        font-size: 2.5rem;
        font-weight: 700;
        color: #c81c1c;
        line-height: 2.3rem;
        padding-bottom: 8px;
    }

        .pnqsubhero h2 span {
            font-size: 1.9rem;
            color: #202020
        }

    .pnqsubhero p {
        font-size: 1rem;
        color: #202020
    }

.pnqsubhero .reddotlist a{
    text-decoration:underline;
}
    .pnqsubhero .reddotlist a:hover {
        text-decoration: none;
    }

.pnq570 {
    min-height: 570px;
}
.pnq515 {
    min-height: 515px;
}
.pnq570 .row {
    min-height: 570px !important;
}

.pnq515 .row {
    min-height: 515px !important;
}
.pnqlight .textcol .stripe {
    font-size: 0.5rem;
    margin-bottom: 11px;
    color: #202020;
}

.pnqdark .textcol .stripe {
    font-size: 0.5rem;
    margin-bottom: 11px;
    color: white;
}

    .pnqlight .row {
        min-height: 540px;
    }

.pnqlight .textcol h2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #202020;
    line-height: 2.3rem;
    padding-bottom: 8px;
}

    .pnqlight .textcol h2 span {
        font-size: 1.9rem;
        color: #c81c1c;
    }

.pnqlight .textcol p {
    color: #202020;
    font-size: 1rem;
    padding-bottom: 14px;
}


.pnqdark {
    background-color: #0f1a22;
}

    .pnqdark .row {
        min-height: 540px;
    }


.pnqdark .textcol h2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: white;
    line-height: 2.3rem;
    padding-bottom: 8px;
}

.pnqdark .textcol h2 span {
    font-size: 1.9rem;
    color: #c81c1c;
}

.pnqdark .textcol p {
    color: white;
    font-size: 1rem;
    padding-bottom: 14px;
}


/*#endregion */

/*#region PNY GeForce */
.pngsubhero {
    background-image: url(../images/pnygeforce01.png);
    background-repeat: no-repeat;
    background-position: top left;
    min-height: 536px;
    background-size: cover;
}

    .pngsubhero .row {
        min-height: 536px;
    }

    .pngsubhero h2 {
        font-size: 2.5rem;
        font-weight: 700;
        color: #c81c1c;
        line-height: 2.3rem;
        padding-bottom: 8px;
    }

        .pngsubhero h2 span {
            font-size: 1.9rem;
            color: #202020
        }

    .pngsubhero p {
        font-size: 1rem;
        color: #202020
    }

    .pngsubhero .reddotlist a {
        text-decoration: underline;
    }

        .pngsubhero .reddotlist a:hover {
            text-decoration: none;
        }


.pngdark {
    background-color: #000000;
    min-height: 723px;
}

.pnggreybg {
    background-color: #0f1a22;
}

.pngwine {
    background-color: #220f0f;
    min-height: 762px;
}

.pngdark .row {
    min-height: 723px;
}

.pngwine .row {
    min-height: 762px;
}

.pngdark .stripe {
    font-size: 0.5rem;
    margin-bottom: 11px;
    color: white;
    margin-top: 36px;
}

    .pngdark h2 {
        font-size: 2.5rem;
        font-weight: 700;
        color: white;
        line-height: 2.3rem;
        padding-bottom: 8px;
    }

        .pngdark h2 span {
            font-size: 1.9rem;
            color: #c81c1c;
        }

    .pngdark p {
        color: white;
        font-size: 1rem;
        padding-bottom: 14px;
    }

.pngwhite {
    min-height: 820px;
}

    .pngwhite .row {
        min-height: 820px;
    }

    .pngwhite h2 {
        font-size: 2.5rem;
        font-weight: 700;
        color: #202020;
        line-height: 2.3rem;
        padding-bottom: 8px;
        margin-top: 21px;
    }

        .pngwhite h2 span {
            font-size: 1.9rem;
            color: #c81c1c;
        }

    .pngwhite p {
        color: #202020;
        font-size: 1rem;
        padding-bottom: 14px;
    }
.pngwtall {
    min-height: 868px;
}

    .pngwtall .row {
        min-height: 868px;
    }

.pngvbg {
    background-image: url(https://www.elmtec.co.uk/images/5090.png);
    background-repeat: no-repeat;
    background-size: auto;
    height: 0%;
    margin-top: 10px;
}
.pngvtwo {
    background-image: url(https://www.elmtec.co.uk/images/5080.png);
}
.pngvthree {
    background-image: url(https://www.elmtec.co.uk/images/5070ti.png);
}
.pngvfour {
    background-image: url(https://www.elmtec.co.uk/images/5070.png);
}
.pngvfive {
    background-image: url(https://www.elmtec.co.uk/images/3090.png);
}
/*#endregion */
/*#region contact */
.contactdetails {
    min-height: 152px;
    max-width: 1194px;
    margin-left: auto;
    margin-right: auto;
}
    .contactdetails .row {
        min-height: 152px;
    }
 

.contdetailcontain {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.contlocation {
    background-image: url(../images/cont01.png);
    background-repeat: no-repeat;
    background-position: left center;
    min-height: 85px;
    background-size: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 88px;
    flex: 1 1 405px;
    margin:5px;
}
    .contlocation h2 {
        font-size: 1.9rem;
        font-weight: 700;
        color: #c81c1c;
        line-height: 1.6rem;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .contlocation p {
        font-size: 1.2rem;
        font-weight: 400;
        color: #202020;
        line-height: 1.1rem;
        padding-top: 4px;
        margin-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }

.contcall {
    background-image: url(../images/cont02.png);
    background-repeat: no-repeat;
    background-position: left center;
    min-height: 85px;
    background-size: auto;
    padding-top: 21px;
    padding-bottom: 10px;
    padding-left: 88px;
    flex: 1 1 289px;
}
.contemail {
    background-image: url(../images/cont03.png);
    background-repeat: no-repeat;
    background-position: left center;
    min-height: 85px;
    background-size: auto;
    padding-top: 21px;
    padding-bottom: 10px;
    padding-left: 88px;
    flex: 1 1 369px;
}
    .contemail h2, .contcall h2 {
        font-size: 1.9rem;
        font-weight: 700;
        color: #c81c1c;
        line-height: 1.6rem;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .contemail p, .contcall p {
        font-size: 1.2rem;
        font-weight: 400;
        color: #202020;
        line-height: 1.1rem;
        padding-top: 0;
        margin-top: 0;
        padding-bottom: 8px;
        margin-bottom: 0;
    }

.contactform {
    background-color: #f5f5f5;
    width: 100%;
    min-height:757px;
}

    .contactform .mainrow {
        min-height: 757px;
    }

.mainrow label, .modallabel {
    font-weight: 700;
    margin-bottom: 1px;
    margin-top: 24px;
}

.elmcont {
    border: 2px solid transparent;
    border-radius: 0;
    padding-top: 26px;
    padding-bottom: 26px;
}

    .elmcont:hover, .elmcont:active,
    .form-control:focus {
        border: 2px solid #bfbfbf;
        box-shadow:none;
    }

.elmconttext {
    border: 2px solid transparent;
    border-radius: 0;
    margin-bottom:29px;
}

    .elmconttext:hover, .elmconttext:active,
    .form-control:focus {
        border: 2px solid #bfbfbf;
        box-shadow: none;
    }


/*#endregion */
/*#region reseller page */
.getintouchpanel {
    background-image: url(../images/resellerbg.png);
    background-repeat: no-repeat;
    background-position: top center;
    min-height: 740px;
    background-size: cover;
}

.resellcol{
    text-align:center;
    padding-top:79px;
}

.resellcol p{
    color:#202020;
    font-size:1.2rem;
}

a.redlink{
    color:#c81c1c;
    font-weight:700;
    text-decoration:underline;
}

a.redlink:hover {
    text-decoration: none;
}

/*#endregion */
/*#region modal */
.resellmodal {
    background-color: #f5f5f5;
    border-radius: 2rem;
}

    .resellmodal h2 {
        font-size: 1.9rem;
        font-weight: 700;
        color: #c81c1c;
        line-height: 2.3rem;
        padding-bottom: 8px;
    }
.resellmodal .modal-header{
    border-bottom:none;
}
.resellmodal .modal-footer {
    border-top: none;
}
a.modallink{
    color:#202020;
}
.linkcol {
    padding-top: 32px
}
.buttoncol {
    padding-top:20px
}
/*#endregion */
/*#region end of page */
.distropartner {
    background-image: url(../images/distro-bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    min-height: 448px;
    background-size: cover;
    padding-top: 108px;
    padding-bottom: 59px;
}
.distrotitle{
    font-weight:700;
    font-size:2.4rem;
    color:white;
}
.distrotitle span {
    color: #c81c1c;
}
.distrop {
    color: white;
    font-size: 1.25rem;
    padding-top: 7px;
    line-height: 1.65rem;
    padding-bottom: 12px;
}

.prefooter {
    padding-top: 44px;
    padding-bottom:26px;
}
.pftitle{
    font-weight: 700;
    font-size: 1.1rem;
    color:#202020;
    padding-bottom:9px;
}

.prodcol {
    border-right: 1px solid #c0c0c0;
    padding-right: 36px !important;
}
.concol {
    padding-left: 36px !important;
}

ul.reddotlist{
    list-style-type:none;
    padding-left:0;
    margin-left:0;
    margin-bottom:0;
}
    ul.reddotlist li {
        background-image: url(../images/reddot.png);
        background-repeat: no-repeat;
        background-position: 0px 8px;
        padding-left: 13px;
    }
        ul.reddotlist li a {
            color:#202020;
            font-size:1rem;
        }

.contactp {
    color: #202020;
    font-size: 1rem;
    margin-bottom: 0;
}
.contactp span{
    color:#c81c1c;
    font-weight:700;
}

a.plainlink {
    color: #202020;
    font-size: 1rem;
    text-decoration:none;
}

    a.plainlink:hover {
        text-decoration: underline;
    }

ul.footlinks {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
    padding-top: 26px;
}
    ul.footlinks li {
        display:inline-block;
    }

        ul.footlinks li a {
            color: #202020;
            font-size: 0.8rem;
            font-weight:700;
        }

.footer {
    background-color: #202020;
    width: 100%;
    padding-top: 18px;
    min-height: 65px;
}
.colfootertext{

}

.colfooterimg {
    text-align:right;
}

.footer p {
    color: white;
    font-size: 1.15rem;
}

/*#endregion */

@media screen and (max-width:1200px) {
    .newsletter{
        padding-bottom:30px;
    }
    .nlcol, .emailcol{
        text-align:center;

    }
    .amdhero {
        background-image: none;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .connexhero {
        background-image: none;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.mobtop {
    display: none;
}
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

    .sidenav .closebtn {
        position: absolute;
        top: -12px;
        right: 8px;
        font-size: 36px;
        margin-left: 50px;
    }

    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 20px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

    .sidenav a.pageactive {
        color: #c81c1c;
    }

ul.mobmenu, ul.submobmenu {
    list-style-type: none;
}

ul.mobmenu li a, ul.submobmenu li a {
    font-weight:700;
    color:white;
}

    ul.mobmenu li a:hover, ul.submobmenu li a:hover {
        color: #c81c1c;
    }

@media screen and (max-width:1380px) {
    .pnyquadrocol, .pnygeforcecol {
        background-color: rgba(255, 255, 255, 0.7);
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media screen and (max-width:992px) {
    .pageherotext{
        padding-top:157px;
    }
    .pnyherotext {
        padding-top: 86px;
    }
    .homeherotext {
        padding-top: 187px;
    }
    .dtlinks{
        display:none;
    }
    .mobtop {
        display: block;
        width: 100%;
        text-align: right;
        background-color: #151216;
    }

    .contactcol {
        text-align: center;
        padding-top: 22px;
    }
    .brno{
        display:none;
    }
    .aboutone {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .amdhero, .pnqsubhero, .amdfirstdark, .spacemousepro, .pngsubhero {
        background-image: none;
    }
    .pngdark, .pngwhite, .matroxlight,
    .matroxdark, .amddark, .amdlight, .pnydark, .pnylight,
    .cdarktwo, .pnqlight, .pnqdark, .contactdetails, .contactform {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .textcol{
        padding-top:20px;
    }
    .matroxdark .piccol, .piccol{
        text-align:center;
    }
    .samsungcol{
        padding-top:30px;
    }
    .concol {
        padding-left: 15px !important;
        padding-top:20px;
    }
    .prodcol {
        border-right: none;
        padding-right: 15px !important;
    }
    a.tpbtnreseller{
        display:none;
    }
    .pnyquadrobanner {
        background-image: url(../images/pnymiddle-mob.png);
        background-position: top 12px center;
        width: 330px;
        height: 140px;
        padding-right: 0px;
        justify-content: center;
        padding-top: 49px;
    }
    .pngvbg{
        display:none;
    }
}

@media screen and (max-width:768px) {
    .wpagetitle {
        font-size: 2.3rem;
        line-height: 2.4rem;
    }
    .pagetitle {
        font-size: 2.65rem;
        line-height: 2.8rem;
    }
    .resellmodalmain{
        max-width:92%;
    }
}