/*---------------------
General
---------------------*/
a { font-weight: normal; color: #353535; text-decoration: underline; }
a:hover					{text-decoration:none;}

h1, h2, h3				{color:#000;}
h1						{font-size:30px; margin:0 0 10px 0; font-weight:600;}
h2						{font-size:22px; margin:25px 0 5px 0; font-weight: 600;}
h3                      { font-size: 18px; margin: 25px 0 5px 0; font-weight: 600; }
h4						{margin:25px 0 5px 0; font-weight:bold; line-height:1.5;}
p						{margin:0 0 10px 0;}

::selection             {background:#d0e8ff;}
::-moz-selection        {background:#d0e8ff;}

table,
table tr,
table tr td				{font:normal 12px/1.5 Arial, Verdana, Sans-serif;}

img, table				{border:0;}
html 					{margin:0; padding:0;}
body { margin: 0; padding: 0; COLOR: #4f4f4f; font-size: 12px; font-family: "Montserrat", Arial, Sans-serif; line-height: 1.5; background-color: #fff; }

/*---------------------
Body layout
---------------------*/
#wrapper 					{margin:0 auto;}
.inner                      {max-width: 1206px; margin:0 auto;}

#logo                       {height: 60px; flex-basis: 197px;}
#logo img                   {display:block; height: 100%;}

.header 						{background-color:#fff;}
.header .inner                {min-height:112px; position:relative; display:flex; justify-content:space-between; align-items:center;}


.searchDiv { border: 1px solid rgba(38,36,76,.2); border-radius: 4px; padding: 0px 14px; display: flex; position: relative; align-items: center; justify-content: flex-start; flex-basis: 607px; box-sizing: border-box; }
    .searchDiv input[type=text] { font-size: 14px; color: #353535; border: none; padding: 10px 0; width: 100%; outline: none; font-family: "Montserrat", Arial, Sans-serif; }
    .searchDiv input[type="text"]::placeholder { color: #757575; }

    .searchDiv .searchload {display:none; margin: 0 0 0 0; }
#searchResults { display:none; position: absolute; top: 39px; left: -1px; width: 677px; max-width: 100%; z-index: 1000; background: #fff; border-right: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #000; }
    #searchResults ul { list-style: none; padding: 0; margin: 0; }
        #searchResults ul li.productRow:hover {background:#00000010;}
        #searchResults ul li.productRow a { display: flex; justify-content: flex-start; align-items: center; padding: 10px; height: 86px; box-sizing: border-box; border-bottom: 1px solid #F6F6F6; }
        #searchResults ul li.productRow .image { width: 15%; height: 66px; overflow: hidden; display: flex; justify-content: center; align-items: center; margin: 0 4% 0 0; }
            #searchResults ul li.productRow .image img { height: 100%; width: 100%; object-fit: cover; }
        #searchResults ul li a { font-size: 14px; color: #000; text-decoration: none; }
        #searchResults ul li a .productInfo { width: 61%; }
            #searchResults ul li a .productInfo.fullwidth { width: 81%; }
            #searchResults ul li a .productInfo.extrafullwidth { width: 100%; }
        #searchResults ul li a .price { font-weight: bold; color: #000; width: 18%; margin: 0 0 0 2%; }
        #searchResults ul li p { margin: 0; color: #000; font-weight: 500; }
            #searchResults ul li p.sku { font-size: 12px; }
        #searchResults ul li .text p { font-size: 12px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
        #searchResults ul li .text ul { display: none; }
        #searchResults ul li p.hits { font-size: 10px; }
        #searchResults ul li.pageRow { padding: 10px; }
        #searchResults ul li.allSearchResults { background: #000; padding: 25px 0px; }
            #searchResults ul li.allSearchResults:hover { background: #5C6C77; }
            #searchResults ul li.allSearchResults a { color: #fff; font-size: 16px; font-weight: bold; line-height: 1em; text-align: center; display: flex; justify-content: center; align-items: center; }
                #searchResults ul li.allSearchResults a img { margin: 0 0 0 20px; transform: rotate(180deg); }
    #searchResults .overlay-search-alert { padding: 20px; }
    #searchResults .noHits {padding: 10px; margin: 0; font-weight:bold;}

    .headerLinks {display:flex; justify-content:flex-start; align-items:flex-end; gap: 30px;}
        .headerLinks a,
        .headerLinks #ctl00_ShoppingCartHeader_updPnlShoppingcart  { display: block; text-align: center; text-decoration: none; }
        .headerLinks .headerLink.bg { background: #ECECEC; padding: 5px; border-radius: 4px; }
    .headerLinks .headerLink img,
    .headerLinks .headerLink span {display:block; margin: auto; font-weight:600; font-size: 10px; text-transform:uppercase; color:#000;}
    .headerLinks .headerLink img {margin: 0 auto 9px auto;}
        .headerLinks .headerLink.bg img { margin: 0 auto 4px auto; }
        .headerLinks .headerLink .productCountDiv {display:flex; justify-content:space-between; gap: 0px; align-items:center; margin: 0 0 9px 0;}
            .headerLinks .headerLink .productCountDiv img {margin:0;}
            .headerLinks .headerLink .productCountGfx { width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 7px solid #ECECEC; }
        .headerLinks .headerLink .productCount { background: #ECECEC; color: #353535; font-size: 12px; width: 32px; height: 24px; display: block; line-height: 24px;; }
.windows8 { position: relative; width: 20px; height: 20px; margin: auto; }
    .windows8 .wBall { position: absolute; width: 16px; height: 16px; opacity: 0; transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); animation: orbit 6.96s infinite; -o-animation: orbit 6.96s infinite; -ms-animation: orbit 6.96s infinite; -webkit-animation: orbit 6.96s infinite; -moz-animation: orbit 6.96s infinite; }
        .windows8 .wBall .wInnerBall { position: absolute; width: 3px; height: 3px; background: rgb(0,0,0); left: 0px; top: 0px; border-radius: 10px; }
    .windows8 #wBall_1 { animation-delay: 1.52s; -o-animation-delay: 1.52s; -ms-animation-delay: 1.52s; -webkit-animation-delay: 1.52s; -moz-animation-delay: 1.52s; }
    .windows8 #wBall_2 { animation-delay: 0.3s; -o-animation-delay: 0.3s; -ms-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; }
    .windows8 #wBall_3 { animation-delay: 0.61s; -o-animation-delay: 0.61s; -ms-animation-delay: 0.61s; -webkit-animation-delay: 0.61s; -moz-animation-delay: 0.61s; }
    .windows8 #wBall_4 { animation-delay: 0.91s; -o-animation-delay: 0.91s; -ms-animation-delay: 0.91s; -webkit-animation-delay: 0.91s; -moz-animation-delay: 0.91s; }
    .windows8 #wBall_5 { animation-delay: 1.22s; -o-animation-delay: 1.22s; -ms-animation-delay: 1.22s; -webkit-animation-delay: 1.22s; -moz-animation-delay: 1.22s; }
.headerLinks .headerLink select { background: #ECECEC; border: none; font-weight: 600; text-transform: uppercase; font-family: "Montserrat", Arial, Sans-serif; font-size: 10px; }
/*---------------------
Page layout
---------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix 			{height: 1%;}

.content					{ background-color:#fff; }
.content .inner             {min-height:450px; overflow:hidden; padding: 0 0 40px 0;}
.contentcenter   			{width:100%; margin:0; padding:0; overflow:hidden;}

.newsletterWrapper { background: #353535; padding: 64px 0; }
.newsletterWrapper .inner {display:flex; justify-content:space-between; align-items:center;}
.newsletterWrapper .inner .text h4 {font-size: 24px; color:#fff; font-weight:600; margin: 0 0 15px 0;}
.newsletterWrapper .inner .text p {font-size: 14px; color:#fff;}
    .newsletterWrapper .form input[type=text] { background: #fff; border: 1px solid #5C6C77; padding: 11px 23px; color: #353535; width: 378px; box-sizing:border-box; }
    .newsletterWrapper .form input[type=submit] { background: #353535; color:#fff; cursor:pointer; border: 1px solid #fff; font-size: 12px; font-weight: 600; padding: 12px 20px; box-sizing:border-box; }
        .newsletterWrapper .form input[type=submit]:hover {background:#fff; color:#353535; }
        /*---------------------
Footer layout
---------------------*/
#footer { padding: 100px 0 40px; position: relative; font-size: 14px; line-height: 16px; color: #000; background: #fff; }
#footer .inner          {display:flex; justify-content:space-between; align-items:flex-start; position:relative;}
#footer h3 {font-size: 18px; margin: 0 0 25px 0; text-transform:uppercase;}
#footer p {line-height: 1.5em;}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer ul {list-style:none; padding: 0; margin: 0;}
#footer ul li {margin: 0 0 10px 0;}
#footer .langDDL {position:absolute; bottom: 40px; left: 0; display:flex; justify-content:flex-start; align-items:center; gap: 10px;}
    #footer .langDDL.bg { border: 1px solid #000; padding: 5px 10px; border-radius: 4px; }
    #footer .langDDL img,
    #footer .langDDL .text {display:flex; flex-direction:column;}
    #footer .langDDL span { display: block; font-weight: 600; font-size: 10px; text-transform: uppercase; color: #000; margin: 0 0 5px 0;}
    #footer .langDDL img { margin: 0 auto 9px auto; }
    #footer .langDDL.bg img { margin: 0 auto 4px auto; }
    #footer .langDDL select { background: #fff; border: 1px solid #000; font-weight: 600; text-transform: uppercase; font-family: "Montserrat", Arial, Sans-serif; font-size: 10px; }

@media screen and (max-width: 1210px) {
    .inner {max-width: 95%;}
    .searchDiv {flex-basis: 50%;}
}

@media screen and (max-width: 1000px) 
{
    .newsletterWrapper .inner {flex-direction:column; gap: 20px; align-items:flex-start;}
}

@media screen and (max-width: 860px) {
    #logo { flex-basis: 20%; height: 30px; }
    .headerLinks { flex-basis: 30%; justify-content: flex-end; gap: 10px; }
    .searchDiv { flex-basis: 45%; }
    #footer{padding: 10px 0;}
        #footer .inner{flex-direction:column; gap: 15px;}
        #footer .langDDL {position:initial;}

        table.responsive-table,
        table.responsive-table thead,
        table.responsive-table tbody,
        table.responsive-table th,
        table.responsive-table td,
        table.responsive-table tr { display: block; border: 0; }
        table.responsive-table thead tr { position: absolute; top: -9999px; left: -9999px; }
        table.responsive-table tr { border: 1px solid #ccc; }
        table.responsive-table td { padding: 4px 6px; }
        table.responsive-table td { border: none; border-bottom: 1px solid #ddd; position: relative; padding-left: 50%; white-space: normal; text-align: left !important; }
            table.responsive-table td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; }
            table.responsive-table td:before { content: attr(data-title); }
}

@media screen and (max-width: 600px)
{
    .header .inner {min-height: 80px; padding: 0 0 40px 0;}
    .searchDiv {position:absolute; top: 70px; flex-basis:100%; width:100%;}
    .headerLinks { flex-basis: 70%; }
    .newsletterWrapper {padding: 30px 0;}
    .newsletterWrapper .form input[type=text] { width: 300px; padding: 10px; }
    .newsletterWrapper .form input[type=submit]{padding: 10px 20px;}
}

@media screen and (max-width: 480px)
{
    .newsletterWrapper .form input[type=text] { width: 200px; }
}


@media screen and (max-width: 380px)
{
    .newsletterWrapper .form input[type=text] { width: 150px; }

}


@keyframes orbit {
    0% { opacity: 1; z-index: 99; transform: rotate(180deg); animation-timing-function: ease-out; }

    7% { opacity: 1; transform: rotate(300deg); animation-timing-function: linear; origin: 0%; }

    30% { opacity: 1; transform: rotate(410deg); animation-timing-function: ease-in-out; origin: 7%; }

    39% { opacity: 1; transform: rotate(645deg); animation-timing-function: linear; origin: 30%; }

    70% { opacity: 1; transform: rotate(770deg); animation-timing-function: ease-out; origin: 39%; }

    75% { opacity: 1; transform: rotate(900deg); animation-timing-function: ease-out; origin: 70%; }

    76% { opacity: 0; transform: rotate(900deg); }

    100% { opacity: 0; transform: rotate(900deg); }
}

@-o-keyframes orbit {
    0% { opacity: 1; z-index: 99; -o-transform: rotate(180deg); -o-animation-timing-function: ease-out; }

    7% { opacity: 1; -o-transform: rotate(300deg); -o-animation-timing-function: linear; -o-origin: 0%; }

    30% { opacity: 1; -o-transform: rotate(410deg); -o-animation-timing-function: ease-in-out; -o-origin: 7%; }

    39% { opacity: 1; -o-transform: rotate(645deg); -o-animation-timing-function: linear; -o-origin: 30%; }

    70% { opacity: 1; -o-transform: rotate(770deg); -o-animation-timing-function: ease-out; -o-origin: 39%; }

    75% { opacity: 1; -o-transform: rotate(900deg); -o-animation-timing-function: ease-out; -o-origin: 70%; }

    76% { opacity: 0; -o-transform: rotate(900deg); }

    100% { opacity: 0; -o-transform: rotate(900deg); }
}

@-ms-keyframes orbit {
    0% { opacity: 1; z-index: 99; -ms-transform: rotate(180deg); -ms-animation-timing-function: ease-out; }

    7% { opacity: 1; -ms-transform: rotate(300deg); -ms-animation-timing-function: linear; -ms-origin: 0%; }

    30% { opacity: 1; -ms-transform: rotate(410deg); -ms-animation-timing-function: ease-in-out; -ms-origin: 7%; }

    39% { opacity: 1; -ms-transform: rotate(645deg); -ms-animation-timing-function: linear; -ms-origin: 30%; }

    70% { opacity: 1; -ms-transform: rotate(770deg); -ms-animation-timing-function: ease-out; -ms-origin: 39%; }

    75% { opacity: 1; -ms-transform: rotate(900deg); -ms-animation-timing-function: ease-out; -ms-origin: 70%; }

    76% { opacity: 0; -ms-transform: rotate(900deg); }

    100% { opacity: 0; -ms-transform: rotate(900deg); }
}

@-webkit-keyframes orbit {
    0% { opacity: 1; z-index: 99; -webkit-transform: rotate(180deg); -webkit-animation-timing-function: ease-out; }

    7% { opacity: 1; -webkit-transform: rotate(300deg); -webkit-animation-timing-function: linear; -webkit-origin: 0%; }

    30% { opacity: 1; -webkit-transform: rotate(410deg); -webkit-animation-timing-function: ease-in-out; -webkit-origin: 7%; }

    39% { opacity: 1; -webkit-transform: rotate(645deg); -webkit-animation-timing-function: linear; -webkit-origin: 30%; }

    70% { opacity: 1; -webkit-transform: rotate(770deg); -webkit-animation-timing-function: ease-out; -webkit-origin: 39%; }

    75% { opacity: 1; -webkit-transform: rotate(900deg); -webkit-animation-timing-function: ease-out; -webkit-origin: 70%; }

    76% { opacity: 0; -webkit-transform: rotate(900deg); }

    100% { opacity: 0; -webkit-transform: rotate(900deg); }
}

@-moz-keyframes orbit {
    0% { opacity: 1; z-index: 99; -moz-transform: rotate(180deg); -moz-animation-timing-function: ease-out; }

    7% { opacity: 1; -moz-transform: rotate(300deg); -moz-animation-timing-function: linear; -moz-origin: 0%; }

    30% { opacity: 1; -moz-transform: rotate(410deg); -moz-animation-timing-function: ease-in-out; -moz-origin: 7%; }

    39% { opacity: 1; -moz-transform: rotate(645deg); -moz-animation-timing-function: linear; -moz-origin: 30%; }

    70% { opacity: 1; -moz-transform: rotate(770deg); -moz-animation-timing-function: ease-out; -moz-origin: 39%; }

    75% { opacity: 1; -moz-transform: rotate(900deg); -moz-animation-timing-function: ease-out; -moz-origin: 70%; }

    76% { opacity: 0; -moz-transform: rotate(900deg); }

    100% { opacity: 0; -moz-transform: rotate(900deg); }
}