/*
Theme Name: Raypak
Author: Anonymous
Author URI:
Version: 1
Description: Base theme for Wordpress
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: base
Tags: one-column, two-columns
Theme URI:
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video
{
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
}
html
{
    box-sizing: border-box;
}


html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    overflow-x: hidden;
}

body.home{
    padding-bottom: 0;
}
*,
*:before,
*:after
{
    box-sizing: inherit;
}
::-webkit-input-placeholder
{
    color: inherit;
}
::-moz-placeholder
{
    opacity: 1;
    color: inherit;
}
input[type=tel],
input[type=url],
input[type=password],
input[type=text],
input[type=email],
input[type=reset],
input[type=button],
input[type=submit],
button,
textarea
{
    -webkit-border-radius: 0;
    -webkit-appearance: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section
{
    display: block;
}
img
{
    vertical-align: middle;
}
ol,
ul
{
    list-style: none;
}
blockquote,
q
{
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after
{
    content: '';
    content: none;
}
table
{
    border-spacing: 0;
    border-collapse: collapse;
}
a[href],
label[for],
select,
input[type=checkbox],
input[type=radio]
{
    cursor: pointer;
}
button,
input[type=button],
input[type=image],
input[type=reset],
input[type=submit]
{
    overflow: visible;
    padding: 0;
    cursor: pointer;
}
button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=image]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner
{
    border: 0;
}
.hide
{
    position: absolute !important;
    left: -9999em !important;
}
.clearfix:after
{
    display: block;
    clear: both;
    content: '';
}
h1,
h2,
h3,
h4,
h5,
h6
{
    font-weight: normal;
}
strong
{
    font-weight: bold;
}
em
{
    font-style: italic;
}
del
{
    text-decoration: line-through;
}
th,
td
{
    vertical-align: top;
}
th
{
    font-weight: normal;
    text-align: left;
}
address,
cite,
dfn
{
    font-style: normal;
}
abbr,
acronym
{
    cursor: help;
    border-bottom: 1px dotted #333;
}
sub,
sup
{
    font-size: 75%;
    line-height: 0;
    position: relative;
}
sup
{
    top: -.5em;
}
sub
{
    bottom: -.25em;
}
textarea
{
    overflow: auto;
}
img
{
    max-width: 100%;
    height: auto;
}
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    height: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
.slider .item {
    display: none;
}
.slider .item:first-child {
    display: block;
}
.slider .item.slick-slide {
    display: block;
}
.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    outline: none;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden
{
    display: none;
}
.slick-prev,
.slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: #fff;
    z-index: 98;
    border-radius: 25px;
    opacity: 0.3;
}

.slick-prev{
    left:15px;
}
.slick-next{
    right: 15px;
}
.slick-next:before{
    content: '►';
}
.slick-prev:before {
    content: '◄';
}
.slick-prev:before, .slick-next:before{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #000;
    -webkit-font-smoothing: antialiased;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
    opacity: .75;
}
.desktop-only {
    display: none;
}
.desktop-only-a{
display: none; 
}
.desktop-only-txt{
display: none; 
}
.container
{
    width: auto;
    max-width: 1140px;
    margin: auto;
    padding: 0 20px;
    height: auto;
}

html
{
    height: 100%;
}
body
{
    font: 18px/21px 'Roboto', sans-serif;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-direction: column;
    min-height: 100%;
    color: #757166;
    background: #fff;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-text-size-adjust: none;
}
.body
{
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}
a
{
    text-decoration: none;
    color: inherit;
}
.default-content-text{
    /*text-align: justify;*/
    line-height: 22px;
    font-size: 16px;
    padding-bottom: 20px;
    /*overflow-y: hidden;*/
    /*overflow-x: auto;*/
}
.default-content-text p {
    margin: 1rem 0;
}
.default-content-text a { color: #F27930; text-decoration: underline; }

.default-content-text a:hover { color: #ef3e42; text-decoration: none; }
.default-content-text li { margin-bottom: .6rem; }
.default-content-text h1 { font-size: 1.8rem; }
.default-content-text h2 { font-size: 1.6rem; }
.default-content-text h3 { font-size: 1.4rem; }
.default-content-text h4 { font-size: 1.2rem; }
.default-content-text h1,
.default-content-text h2,
.default-content-text h3,
.default-content-text h4{
    color: #F27930;
    padding: 15px 0 5px 0;
}
.default-content-text ul{
    list-style: disc;
    padding-left: 30px;
}
a,
button,
.btn,
input,
select
{
    transition: all .4s ease;
    outline: none;
}
input,
button,
textarea,
select
{
    font-family: 'Roboto', sans-serif;
}
/* Container
------------------------------------------------------------------------------*/
body
{
    padding-top: 82px;
    height: auto;
}
.header
{
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    left: 0;
    height: 82px;
    background: #eb3a43  url(../images/bg_header.svg) no-repeat 50% 0;
    background-size: auto 100%;
}
.header .logo
{
    float: left;
    width: 200px;
    height: 80px;
}
.search-form
{   position: relative;
    float: right;
    width: 118px;
    height: 21px;
    margin: 9px 2px 0 0;
    border: 1px solid #fff;
    border-radius: 4px;
}
.search-form button
{
    position: absolute;
    top: 0;
    right: 2px;
    bottom: 0;
    width: 19px;
    height: 19px;
    border: 0;
    background: url(../images/ico_s.svg) no-repeat 50% 50%;
}
.search-form input
{
    font-size: 12px;
    line-height: 19px;
    display: block;
    width: 100%;
    height: 19px;
    padding: 0 25px 0 10px;
    color: #fff;
    border: 0;
    border: 0;
    background: none;
}
.cat-listing
{
    padding-bottom: 15px;
}
.cat-listing h2
{
    font-family: Roboto;
    font-size: 18px;
    font-weight: 900;
    line-height: 16px;
    text-transform: uppercase;
    color: #555;
}
.cat-listing ul
{
    font-family: Roboto;
    font-size: 0;
    font-weight: 400;
    padding: 1px 0;
    color: #757166;
}
.cat-listing ul li
{
    font-size: 11px;
    display: inline-block;
    letter-spacing: .03em;
}
.cat-listing ul li:after
{
    padding: 0 8px;
    content: '|';
}
.cat-listing ul li:last-child:after
{
    display: none;
}
.cat-listing .orange h3
{
    background-image: url(../images/ico_o.svg);
}
.cat-listing .blue h3
{
    background-image: url(../images/ico_b.svg);
}
.cat-listing .blue2 h3
{
    background-image: url(../images/ico_bl.svg);
}
.category-group-link.active{
    color: #00748C;
}
.orange .category-group-link.active{
    color: #FF5000;
}
.cat-listing .orange .category-group-link.active h3{
    background-image: url("../images/ico_o.png");
}
.cat-listing .blue .category-group-link.active h3{
    background-image: url("../images/ico_b.png");
}
.cat-listing .blue2 .category-group-link.active h3{
    background-image: url("../images/ico_bl.png");
}
.cat-listing article
{
    position: relative;
    transition: all .4s ease;
    margin-top: 15px;
}
.cat-listing article:hover {
    opacity: .8;
}
.cat-listing article h3
{
    font-size: 16px;
    font-weight: 900;
    line-height: 17px;
    min-height: 119px;
    padding: 15px 20px 20px 55px;
    text-transform: uppercase;
    color: white;
    background: #333e48 url(../images/ico_b.svg) no-repeat 20px 19px;
    background-size: 22px auto;
    max-width: 180px;
}
.cat-listing.orange article h3{
    background-color: #B3272D;
}

.category-group-link.active h3{
    background-image: url("../images/ico_o.png");
}
.cat-listing article .image
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 170px;
    overflow: hidden;
    margin-left: 2px;
    background: no-repeat 50% 50%;
    background-size: cover;
}
.cat-listing article .image img
{
    opacity: 0;
}
.cat-listing article .image:before
{
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    content: '';
    border-width: 4480px 1120px 0 0;
    border-style: solid;
    border-color: #333e48 transparent transparent transparent;
}
.cat-listing.orange article .image:before{
    border-color: #B3272D transparent transparent transparent;
}
.cat-listing article .image:after
{
    position: absolute;
    z-index: 5;
    bottom: -18px;
    left: 0;
    width: 0;
    height: 0;
    content: '';
    border-width: 4480px 1120px 0 0;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}
.cat-head
{
    position: relative;
    margin-bottom: 38px;
    padding: 35px 0 20px;
    background: #333e48;
}
.cat-head.orange{
    background: #B3272D;
}
.cat-head .container
{
    position: static;
}
.cat-head .left
{
    width: 55%;
}
.cat-head .desc
{
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    position: absolute;
    z-index: 9;
    z-index: 9;
    right: 0;
    bottom: -25px;
    overflow: hidden;
    max-width: 327px;
    padding: 9px 0;
    padding-right: 35px;
    padding-left: 40px;
    letter-spacing: .03em;
    color: white;
    background: #00748C;
}
.cat-head.orange .desc{
    background: #FF5000;
}
.cat-head .desc strong
{
    font-weight: 900;
}
.cat-head h3
{
    font-family: Roboto;
    font-size: 34px;
    font-weight: 300;
    line-height: 36px;
    position: relative;
    z-index: 15;
    overflow: hidden;
    margin-right: -40px;
    margin-bottom: 20px;
    margin-left: -5000px;
    padding: 13px 0 8px;
    padding-left: 5000px;
    text-transform: uppercase;
    color: white;
}
.cat-head h3:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    content: '';
    border-width: 4480px 1120px 0 0;
    border-style: solid;
    border-color: #00748C transparent transparent transparent;
}
.cat-head.orange h3:before{
    border-color: #FF5000 transparent transparent transparent;
}
.cat-head h1
{
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    text-transform: uppercase;
    color: white;
}
.cat-head .image
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    overflow: hidden;
    margin-left: 2px;
    background: no-repeat 50% 50%;
    background-size: cover;
}
.cat-head .image img
{
    opacity: 0;
}
.cat-head .image:before
{
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    content: '';
    border-width: 4480px 1120px 0 0;
    border-style: solid;
    border-color: #333e48 transparent transparent transparent;
}
.cat-head.orange .image:before{
    border-color: #B3272D transparent transparent transparent;
}
.cat-head .image:after
{
    position: absolute;
    z-index: 5;
    bottom: -15px;
    left: 0;
    width: 0;
    height: 0;
    content: '';
    border-width: 4480px 1120px 0 0;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}
.main-nav
{
    font-size: 0;
    float: right;
    clear: right;
    padding: 23px 0 0;
}
.main-nav li + li:before
{
    padding: 0 8px;
    content: '|';
}
.main-nav li
{
    font-size: 11.5px;
    font-weight: 400;
    display: inline-block;
    letter-spacing: .02em;
    color: white;
}
.main-nav .current a
{
    font-weight: 900;
    text-decoration: none;
    color: #333;
}
.main-nav a:hover
{
    text-decoration: none;
    color: #333;
}
.body
{
    padding: 5px 0;
}
.data-cols
{
    overflow: hidden;
    margin-top: -69px;
    padding-bottom: 8px;
}
.product-list{
    display: inline-block;
    width: 100%;

}
.product-list .product-item{
    width: 25%;
    float: left;
    min-height: 280px;
    padding: 15px 10px;
    text-align: center;
}
.product-list .product-detail{
    padding: 5px 5px 0 5px;
    background-color: #F4F4F3;
    height: 100%;
}
.product-list .product-detail .image-area{
    height: 180px;
    overflow: hidden;
}
.product-list .holder{
    background-color: #00748C;
    display: inline-block;
    margin: -5px;
    width: 100%;
}
.product-list .holder.orange{
    background-color: #FF5000;
}
.product-list .holder h2 {
    padding: 10px;
    color: #fff;
    font-size: 14px;
    text-transform: none;
    font-weight:normal;
    text-align: left;
    width: 75%;
    /*float: left;*/
    min-height: 60px;
    height: 60px;
    overflow: hidden;
}
.product-list .holder .btn-white{
    min-width: 30px;
    float: right;
    padding: 5px;
    height: 30px;
    line-height: 20px;
    margin: 20px 5px;
}
.product-list.hidden{
    max-height: 0;
    transition: max-height 1s ease-out;
    overflow: hidden;
}
.product-list.active {
    max-height: 9999px;
    transition: max-height 1s ease-in;
}
.data-cols .acc-list
{
    float: left;
    width: 68%;
}
.data-cols .right-col
{
    float: right;
    width: 30%;
    padding-top: 63px;
}
.data-cols .how
{
    padding-bottom: 40px;
}
.data-cols h6
{
    font-size: 14px;
    font-weight: 900;
    line-height: 16px;
    padding-bottom: 17px;
    text-transform: uppercase;
    color: #757166;
}
.interested
{
    display: none;
    padding-bottom: 40px;
}
.interested ul
{
    margin-top: -10px;
}
.interested li
{
    font-size: 12px;
    font-weight: 400;
    line-height: 40px;
    padding-left: 35px;
    text-transform: uppercase;
    color: #757166;
    background: url(../images/ico_plus_g.svg) no-repeat 0 48%;
    background-size: 21px 21px;
}
.interested li a:hover
{
    color: #fb522d;
}
.acc-item
{
    position: relative;
    z-index: 5;
    margin-bottom: 14px;
}
.acc-item.active h4
{
    color: #fb522d;
    background-image: url(../images/ico_minus.svg);
}
.blue .acc-item.active h4{
    color: #00748C;
    background-image: url(../images/ico_minus-blue.png);
}
.blue .acc-item h4:hover{
    color: #00748C;
}
.acc-item h4:hover
{
    color: #fb522d;
}
.acc-item h4
{
    font-size: 14px;
    font-weight: 900;
    line-height: 18px;
    padding: 17px 15px 15px 52px;
    cursor: pointer;
    text-transform: uppercase;
    color: #757166;
    border: 1px solid #b0aba3;
    border-radius: 3px;
    background: url(../images/ico_plus_g.svg) no-repeat 10px 50%;
}
.acc-item .content
{
    display: none;
    margin: 0 12px;
    padding: 25px 40px 5px;
    background-color: #f6f5f5;
    font-size: 16px;
    line-height: 22px;
}
.acc-item .content li a
{
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    width: auto;
    height: 40px;
    margin-bottom: 25px;
    padding-left: 60px;
    text-transform: uppercase;
    color: #757166;
    background: no-repeat;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.acc-item .content li a:hover
{
    color: #fb522d;
}
.acc-item .content li a.ico-docs
{
    background-image: url(../images/ico_doc.svg);
}
.acc-item .content li a.ico-broc
{
    background-image: url(../images/ico_bros.svg);
}
.acc-item .content li a.ico-parts
{
    background-image: url(../images/ico_parts.svg);
}
.acc-item .content li a.ico-manual
{
    background-image: url(../images/ico_manual.svg);
}
.acc-item .content li a.ico-war
{
    background-image: url(../images/ico_warranty.svg);
}
.prodcut-d
{
    position: relative;
    overflow: hidden;
    margin-top: -35px;
}
.prodcut-d h1
{
    font-size: 38px;
    font-weight: 900;
    line-height: 41px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    margin-right: -90px;
    margin-bottom: 18px;
    margin-left: -5000px;
    padding: 17px 0 15px;
    padding-left: 5000px;
    text-transform: uppercase;
    color: white;
}
.prodcut-d h1:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    content: '';
    border-width: 4480px 1120px 0 0;
    border-style: solid;
    border-color: #fb522d transparent transparent transparent;
}
.prodcut-d.blue h1:before{
    border-color: #3E4543 transparent transparent transparent;
}
.prodcut-d .text
{
    float: left;
    width: 58%;
    padding-top: 40px;
}
.prodcut-d .short-desc
{
    padding-right: 25px;
    padding-bottom: 15px;
    letter-spacing: .03em;
    font-size: 16px;
}
.prodcut-d .image
{
    position: relative;
    float: right;
    width: 42%;
    padding: 25px 0;
    padding-left: 10%;
    text-align: center;
    min-height: 350px;
}
.prodcut-d .image:before
{
    position: absolute;
    z-index: -1;
    bottom: 110px;
    left: 0;
    width: 0;
    height: 0;
    content: '';
    border-width: 0 0 4480px 1120px;
    border-style: solid;
    border-color: transparent transparent #ebebec transparent;
}
.browser-products
{
    padding: 20px 0 70px;
}
.browser-products .desc
{
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    padding-top: 10px;
    padding-bottom: 20px;
    color: #757166;
}
.browser-products h2
{
    font-size: 18px;
    font-weight: 900;
    line-height: 16px;
    margin: 0;
    text-transform: uppercase;
    color: #757166;
}
.browser-products section
{
    font-size: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    margin-right: -5px;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.browser-products section article
{
    display: inline-block;
    width: 196px;
    vertical-align: top;
}
.browser-products section input
{
    position: absolute;
    left: -9999em;
    opacity: 0;
}
.browser-products section .image
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    width: 100%;
    height: 140px;
    padding-right: 13%;
    text-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.browser-products section .image img
{
    display: inline-block;
}
.browser-products section label
{
    position: relative;
    display: block;
    height: 125px;
    padding-top: 10px;
    cursor: pointer;
}
.browser-products section label input + span
{
    display: block;
    opacity: .56;
    position: relative;
}
.browser-products section label input + span:before
{
    position: absolute;
    z-index: -1;
    top: -10px;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: url(../images/bg_set.svg) no-repeat 0 6px;
}
.browser-products section label input:checked + span
{
    opacity: 1;
}
.browser-products section label .title
{
    font-size: 16px;
    font-weight: 900;
    line-height: 17px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    height: 50px;
    /*margin: 0 16px;*/
    margin: 0;
    padding-left: 35px;
    text-transform: uppercase;
    color: white;
    /*background: url(../images/ico_plus_w.svg) no-repeat 0 50%;
    background-size: 21px 21px;*/
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.help
{
    padding: 32px 0 26px;
    text-align: center;
}
.help h2
{
    font-size: 18px;
    font-weight: 900;
    line-height: 16px;
    padding-bottom: 29px;
    text-transform: uppercase;
    color: #555;
}
.help section
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    margin-right: -10px;
}
.help section article
{
    width: 50%;
}
.help .image
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    height: 150px;
    margin: -7px 0 1px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.help h3
{
    font-size: 18px;
    font-weight: 400;
    padding: 15px 0;
    text-transform: uppercase;
    color: #fefeff;
}
.help .item
{
    position: relative;
    margin: 0 -18px 0 -20px;
    padding-bottom: 17px;
    padding-left: 9%;
    background: no-repeat 50% 50%;
    background-size: 100% 100%;
}
.help .item a:first-child
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
}
.slick-dots
{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 14px 20px;
}
.slick-dots li
{
    float: left;
    padding-right: 8px;
}
.slick-dots button
{
    font-size: 0;
    width: 13px;
    height: 13px;
    cursor: pointer;
    text-indent: -999em;
    border: 2px solid #fff;
    border-radius: 50%;
    background: none;
}
.slick-dots .slick-active button
{
    background: #fff;
}
.btn-red
{
    font-size: 1rem;
    font-weight: 300;
    line-height: 21px;
    display: inline-block;
    min-width: 85px;
    /*height: 22px;*/
    /*padding: 0 10px;*/
    padding: 10px 20px;
    text-transform: uppercase;
    color: #ee3a43;
    border: 1px solid #ee3a43;
    border-radius: 4px;
    background: none;
}
.btn-white
{
    font-size: 20px;
    font-weight: 300;
    line-height: 40px;
    display: inline-block;
    min-width: 165px;
    height: 40px;
    padding: 0 10px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    background: none;
}
.docs-list
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    margin-right: -3px;
    padding-bottom: 20px;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.docs-list .doc-item
{
    margin-bottom: 26px;
    border: 1px solid #b0aba3;
    border-radius: 4px;
}
.docs-list .col
{
    width: 100%;
}
.docs-list h4
{
    font-size: 15px;
    font-weight: 700;
    padding: 11px 15px 10px;
    cursor: pointer;
    color: #757166;
    background: url(../images/ico_plus.svg) no-repeat right 8px center;
    background-size: 25px 25px;
}
.docs-list .active h4
{
    background-image: url(../images/ico_minus.svg);
}
.docs-list .content
{
    display: none;
    padding: 12px 15px 23px;
}
.docs-list .content li p
{
    font-size: 15px;
    font-weight: 300;
    line-height: 19px;
    padding: 1px 0;
    color: #5a5a5a;
}
.docs-list .content li span
{
    font-size: 13px;
    font-style: italic;
    display: block;
    margin-bottom: -2px;
    color: #F27930;
}
.docs-list .content li + li:before
{
    display: block;
    width: 46px;
    height: 1px;
    margin: 32px 0 20px;
    content: '';
    border-top: 1px dashed #5a5a5a;
}
.docs-list .content .btn-red
{
    display: inline-block;
    text-align: center;
    margin-top: 8px;
    vertical-align: top;
}
.docs-list .content .ico-pdf
{
    display: inline-block;
    width: 19px;
    height: 22px;
    margin-top: 8px;
    margin-left: 7px;
    vertical-align: top;
    background: url(../images/ico_pdf.png) no-repeat;
}
.search-products
{
    padding: 30px 0 33px;
    text-align: center;
}
.search-products h2
{
    font-size: 14px;
    font-weight: 900;
    line-height: 16px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    color: #757166;
}
.search-products .checks
{
    padding: 14px 0 16px;
    text-align: center;
}
.search-products .checks label + label
{
    padding-left: 3px;
}
.search-products .checks label
{
    display: inline-block;
    cursor: pointer;
}
.search-products .checks label input
{
    position: absolute;
    left: -999em;
    opacity: 0;
}
.search-products .checks label input:checked + span:before
{
    background: #757166;
}
.search-products .checks label span
{
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    display: block;
    color: #757166;
    padding-right: 6px;
}
.search-products .checks label span:before
{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    content: '';
    vertical-align: top;
    border: 1px solid #757166;
    border-radius: 2px;
    background-color: white;
}
.search-products .set
{
    /*    display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;*/
    /*height: 29px;*/
    margin: 11px 38px;
    text-align: center;
    /*border: 1px solid #e1e1e1;*/
    border-radius: 5px;
    background-color: white;
}
.search-products .set input,
.search-products .set .item,
.search-products .set select
{
    /*font-size: 12px;*/
    font-weight: 400;
    line-height: 27px;
    /*width: 100%;*/
    width: 50%;
    /*height: 27px;*/
    /*text-align: center;*/
    color: #757166;
    border: 0;
    background: none;
}
.search-products .set input:first-child,
.search-products .set .item:first-child
{
    border-radius: 5px 0 0 5px;
}
.search-products .set input.red,
.search-products .set .item.red
{
    font-weight: bold;
    line-height: 29px;
    width: 33.3%;
    height: 29px;
    margin: -1px 0 -1px -1px;
    color: #fff;
    background: #ee3a43;
}
.search-products .set .item
{
    /*width: 33.3%;*/
    /*width: 100%;*/
    width: 48%;
    margin: 0 .4rem .4rem 0;
    display: inline-block;
}
/*.search-products .set .item + .item
{
    border-left: 1px solid #e1e1e1;
}*/
.search-products .set input[type="text"],
.search-products .set select
{
    border: 1px solid #b0aba3;
    padding: .6rem;
    font-size: 1.1rem;
    margin-bottom: .4rem;
    border-radius: .4rem;
    width: 100%;
}
.docs-d
{
    position: relative;
    overflow: hidden;
    margin-top: -35px;
    padding-top: 40px;
    padding-bottom: 18px;
}
.docs-d .container
{
    position: static;
}
.docs-d .image
{
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 57.5%;
    background: no-repeat 50% 50% !important;
    background-size: cover;
}
.docs-d .image img
{
    margin: 0;
    opacity: 1;
}
.docs-d .image:before
{
    position: absolute;
    z-index: -2;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    content: '';
    border-width: 0 0 4480px 1120px;
    border-style: solid;
    border-color: transparent transparent #ebebec transparent;
}
.docs-d .text
{
    width: 64.5%;
}
.docs-d .text h1
{
    font-size: 28px;
    font-weight: 900;
    line-height: 21px;
    position: relative;
    z-index: 10;
    overflow: hidden;
    margin-right: -70px;
    margin-bottom: 18px;
    margin-left: -5000px;
    padding: 11px 0 13px;
    padding-left: 5000px;
    text-transform: uppercase;
    color: white;
}
.docs-d .text h1 span
{
    font-size: 17px;
    display: block;
    padding-bottom: 7px;
}
.docs-d .text h1:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    content: '';
    border-width: 4480px 1120px 0 0;
    border-style: solid;
    border-color: #333e48 transparent transparent transparent;
}
.breadcrumbs
{
    font-weight: 400;
    line-height: 13px;
    position: relative;
    z-index: 15;
    padding: 10px 0;
    color: #757166;
}
.breadcrumbs.white
{
    margin-bottom: -35px;
    color: #fff;
}
.breadcrumbs li + li:before
{
    padding: 0 6px;
    content: '/';
}
.breadcrumbs li
{
    font-size: 11px;
    display: inline-block;
}
.breadcrumbs a:hover
{
    text-decoration: none;
    color: #fb522d;
}

.breadcrumbs .current_item span,
.breadcrumbs .current
{
    font-weight: 700;
    color: #fb522d;
}
.blue .breadcrumbs .current_item span,
.blue .breadcrumbs .current{
    color: #00748C;
}
.blue .breadcrumbs a:hover{
    color: #00748C;
}
.footer
{
    font-size: 11px;
    font-weight: 400;
    line-height: 27px;
    padding-bottom: 15px;
    color: #757166;
    background: #ebebec;
    position: relative;
}
.footer .iso
{
    float: right;
}
.footer .container{
    padding-top: 15px;
}
.footer .fast-links
{
    font-size: 0;
    font-weight: 400;
    margin-bottom: 0;
    padding: 5px 0;
    text-align: center;
    color: white;
    background: #eb3a43;
}
.footer .fast-links .container{
    padding-top:0;
}
.footer .fast-links li
{
    font-size: 11px;
    display: inline-block;
    vertical-align: top;
    letter-spacing: .03em;
}
.footer .fast-links li:after
{
    padding: 0 10px;
    content: '|';
}
.footer .fast-links li:last-child:after
{
    display: none;
}
.footer .social{
    text-align: center;
    padding: 15px 0;
}
.slider
{
    position: relative;
    overflow: hidden;
    margin: 0;
}
.slider .item
{
    position: relative;
    overflow: hidden;
    min-height: 777px;
}
.slider .over-title
{
    position: absolute;
    top: 0;
    left: 0;
    padding: 50px 75px;
    text-align: right;
}
.slider .over-title h2
{
    font-size: 32pt;
    font-weight: 400;
    line-height: 36pt;
    text-transform: uppercase;
    color: white;
}
.slider .over-title h2 .big
{
    font-size: 53.55pt;
    font-weight: 900;
    display: inline-block;
    margin-right: -24px;
    padding: 10px 0;
    vertical-align: top;
    text-transform: uppercase;
}
.slider .over-title h2 .first
{
    font-size: 32pt;
    letter-spacing: -.04em;
}
.slider .over-title h2 .sm
{
    font-size: 20px;
}
.slider .right{
    position: relative;
    z-index: 10;
    float: right;
    width: 39%;
    min-height: 777px;
    padding-left: 1.6%;
    text-align: right;
}
.slider .right:before
{
    position: absolute;
    z-index: -2;
    bottom: 0;
    left: -6px;
    width: 0;
    height: 0;
    content: '';
    border-width: 0 0 4480px 1120px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}
.slider .right:after
{
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    content: '';
    border-width: 0 0 4480px 1120px;
    border-style: solid;
    border-color: transparent transparent #313D47 transparent;
}
.slider .right.orange:after{
    border-color: transparent transparent #B3272D transparent;
}
.slider .right h3
{
    font-size: 40px;
    font-weight: 400;
    line-height: 45px;
    position: relative;
    z-index: 9;
    display: block;
    overflow: hidden;
    margin: 160px 0 2px;
    padding: 12px 20px 10px 23%;
    text-align: left;
    vertical-align: top;
    letter-spacing: 0;
    text-transform: uppercase;
    color: white;
}
.slider .right h3 span:nth-child(1)
{
    padding-left: 12px;
}
.slider .right h3 span
{
    display: block;
}
.slider .right h3 span:nth-child(2)
{
    padding-left: 6px;
}
.slider .right h3 strong
{
    font-weight: 900;
}
.slider .right h3:before
{
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    content: '';
    border-width: 0 0 4480px 1120px;
    border-style: solid;
    border-color: transparent transparent #00748C transparent;
}
.slider .right.orange h3:before{
    border-color: transparent transparent #FF5000 transparent;
}
.slider .right .btn-white
{
    margin: 16px 0 0 -8px;
}
.slider .right h5
{
    font-size: 35px;
    font-weight: 400;
    line-height: 40px;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 10px 37px 10px 18.5%;
    text-align: left;
    vertical-align: top;
    letter-spacing: 0;
    text-transform: uppercase;
    color: white;
}
.slider .right h5 > span:nth-child(1)
{
    padding-left: 15px;
}
.slider .right h5 > span:nth-child(3)
{
    padding-left: 6px;
}
.slider .right h5 span
{
    display: block;
}
.slider .right h5 > span:nth-child(2)
{
    padding-left: 10px;
}
.slider .right h5 strong
{
    font-size: 35px;
    font-weight: 900;
}
.slider .image
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 80%;
    background: no-repeat 50% 50%;
    background-size: cover;
}
.btn-red:hover,
.btn-white:hover
{
    opacity: .7;
}
.help article .item.home-main-category{
    margin: 0;
    padding-left: 0;
    padding: 0;
    margin: 0 10px;
    padding-top:70px;
    background: url(/media/themes/raypak/images/bg_poll2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.help article .item.home-main-category.red{
    background: url(/media/themes/raypak/images/bg_poll1.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
}
.help article .item.home-main-category a{
    height: 60px;
    width: 100%;
    color: #fff;
    padding: 0 20px;
    margin: 0;
    display: inline-block;
    text-align: left;
    background: #313D47 url(../images/ico_b.svg) no-repeat right 15px center;
    background-size: 22px auto;
    line-height: 60px;
}
.help article .item.home-main-category.red a{
    background-color: #B3272D;
    background-image: url(../images/ico_o.svg);
}
.help .item:hover .btn-white
{
    opacity: .7;
}
.related-product{
    width: 50%;
    padding:10px;
    float: left;
    display: block;
    text-align: center;
}
.related-product .image{
    height: 100px;
    width: auto;
}
.related-product h3{
    font-size: 12px;
}
.pi-display-flex { display: flex; }
.pi-flex-direction-column { flex-direction: column; }
.pi-flex-direction-row { flex-direction: row; }
.pi-align-items-flex-start { align-items: flex-start; }
.pi-align-items-center { align-items: center; }
.documents-results-list .ico-pdf {
    display: inline-block;
    width: 19px;
    height: 22px;
    margin-top: 8px;
    margin-left: 7px;
    vertical-align: top;
    background: url(../images/ico_pdf.png) no-repeat;
}
.documents-results-list .ico-doc {
    display: inline-block;
    width: 19px;
    height: 22px;
    margin-top: 8px;
    margin-left: 7px;
    vertical-align: top;
    background: url(../images/ico_doc.png) no-repeat;
}
.documents-results-list .ico-rfa {
    display: inline-block;
    width: 19px;
    height: 22px;
    margin-top: 8px;
    margin-left: 7px;
    vertical-align: top;
    background: url(../images/ico_rfa.png) no-repeat;
}
.documents-results-list .ico-xls {
    display: inline-block;
    width: 19px;
    height: 22px;
    margin-top: 8px;
    margin-left: 7px;
    vertical-align: top;
    background: url(../images/ico_xls.png) no-repeat;
}
.documents-results-list .ico-dwg {
    display: inline-block;
    width: 19px;
    height: 22px;
    margin-top: 8px;
    margin-left: 7px;
    vertical-align: top;
    background: url(../images/ico_dwg.png) no-repeat;
}
.documents-results-list .ico-zip {
    display: inline-block;
    width: 19px;
    height: 22px;
    margin-top: 8px;
    margin-left: 7px;
    vertical-align: top;
    background: url(../images/ico_zip.png) no-repeat;
}

.documents-results-list .ico-img
{
    display: inline-block;
    width: 19px;
    height: 22px;
    margin-top: 8px;
    margin-left: 7px;
    vertical-align: top;
    background: url(../images/ico_png.png) no-repeat;
}

.documents-results-list { display: flex; flex-direction: column; }
.documents-results-list .documents-results-item { flex-direction: row; align-items: flex-start; margin: 0 0 1rem 0; display: flex;  width: 100%;  padding:  0 0 1rem 0; border-bottom: 1px solid #757166; }
.documents-results-list .documents-results-item:last-child { border-bottom: 0; }
.documents-results-item h4 , .documents-results-item p , .documents-results-item div { padding: .4rem; }
.documents-results-item h4 { font-weight: 700; width: 30%; color: #757166; }
.documents-results-item h4 span { display: inline-block; font-weight: normal; font-size: .6rem; font-style: italic; background-color: #ee3a43; color: #fff; padding: 1px 4px; border-radius: 4px; }
.documents-results-item p { width: 50%; }
.documents-results-item p span { display: inline-block; 	font-style: italic; color: #F27930; margin-right: .6rem; }
.documents-results-item div { width: 20%; }
.document-results-sort-area { background-color: #F27930; color: #fff; padding: 0; font-size: 1rem; margin-bottom: 1rem; cursor: pointer; }
.document-results-sort-area a.pi-active { background-color: #df8535; }
.document-results-sort-area a { display: inline-block; padding: .4rem 1rem; margin: 0; border-right: 1px solid #fff; transition: background-color .4s ease-in-out; }
.document-results-sort-area a:hover { background-color: #d1792b; }
.document-results-sort-area a:last-child { border-right: 0; }

/* /document-results */

/* Product Library */

.pi-product-results-list { display: flex; flex-direction: column; }

.pi-product-results-list .pi-product-results-item { flex-direction: row; align-items: flex-start; margin: 0 0 1rem 0; display: flex;  width: 100%;  padding: 0 0 1rem 0; border-bottom: 1px solid #757166; }

.pi-product-results-list .pi-product-results-item:last-child { border-bottom: 0; }

.pi-product-results-sort-area { 	background-color: #F27930; color: #fff; padding: 0; font-size: 1rem; margin-bottom: 1rem; cursor: pointer; }

.pi-product-results-sort-area .pi-product-img , .pi-product-results-sort-area .pi-product-part-number , .pi-product-results-sort-area .pi-product-description { 	display: inline-block; padding: .4rem 1rem; margin: 0; border-right: 1px solid #fff; transition: background-color .4s ease-in-out; }

.pi-product-results-item .pi-product-img , .pi-product-results-item .pi-product-part-number , .pi-product-results-item .pi-product-description { padding: .4rem; }

.pi-product-results-sort-area .pi-product-img ,
.pi-product-results-item .pi-product-img { width: 25%; }

.pi-product-results-sort-area .pi-product-part-number ,
.pi-product-results-item .pi-product-part-number { width: 25%; }

.pi-product-results-item .pi-product-part-number a { color: #757166; text-decoration: underline; }

.pi-product-results-item .pi-product-part-number a:hover { color: #fb522d; text-decoration: none; }

.pi-product-results-sort-area .pi-product-description,
.pi-product-results-item .pi-product-description { width: 50%; }

.pi-product-results-search { margin: 10px 38px 38px 38px; text-align: center; border-radius: 5px; }

.pi-product-results-search .set input[type="text"] { border: 1px solid #b0aba3;	padding: .6rem; font-size: 1.1rem; margin-bottom: .4rem; border-radius: .4rem; width: 100%; }

.pi-product-results-search label { display: block; margin-bottom: 1rem; }

.pi-product-results-search select { border: 1px solid #b0aba3!important; height: auto; padding: .6rem; font-size: 1.1rem; margin-bottom: .4rem; border-radius: .4rem; font-weight: 400; line-height: 27px; width: 100%; color: #757166; border: 0; background: none; }

/* /Product Library */

.pi-visible { visibility: visible; }
.pi-hidden { visibility: hidden; }
.pi-sort-section-title { width: 30%; }
/* loading animation */
@keyframes lds-ripple {
    0% {
        top: 96px;
        left: 96px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: 18px;
        left: 18px;
        width: 156px;
        height: 156px;
        opacity: 0;
    }
}
@-webkit-keyframes lds-ripple {
    0% {
        top: 96px;
        left: 96px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: 18px;
        left: 18px;
        width: 156px;
        height: 156px;
        opacity: 0;
    }
}
.lds-ripple {
    position: relative;
    margin: 40px auto;
}
.lds-ripple div {
    box-sizing: content-box;
    position: absolute;
    border-width: 4px;
    border-style: solid;
    opacity: 1;
    border-radius: 50%;
    -webkit-animation: lds-ripple 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    animation: lds-ripple 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(1) {
    border-color: #F27930;
}
.lds-ripple div:nth-child(2) {
    border-color: #F27930;
    -webkit-animation-delay: -0.75s;
    animation-delay: -0.75s;
}
.lds-ripple {
    width: 200px !important;
    height: 200px !important;
    -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
    transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

/* /loading animation */
/* Media
------------------------------------------------------------------------------*/
.retina-only
{
    display: none !important;
}

@media screen and (min-width: 1200px) {
    .desktop-only {
        display: block;
        /*background-color: deeppink;*/
        width: 200px;
        height: 300px;
        margin-bottom: 10px;
        margin-left: 55%;
    }
    .desktop-only-a {
        display: contents;
        /*background-color: deeppink;*/
        width: 85%;
        height: 85%;
        margin-bottom: 20px;
        /* margin-left: 55%;*/
    }
   .desktop-only-txt {
	display: block; 
	display: contents; 
	width: 85%;
        height: 85%;
	padding-left: 20px; 
        margin-bottom: 20px;
}
    .desktop-only img {
        /*-webkit-filter: drop-shadow(0px 0px 10px #aaa);
        filter: drop-shadow(0px 0px 10px #aaa);*/
    }
}

@media screen and (max-width: 1176px){
    .slider .item{
        min-height: 500px;
    }
    .slider .right{
        width: 40%;
        min-height:550px;
    }
    .slider .right h3{
        margin-top:50px;
    }
}
@media screen and (max-width: 926px){
    .slider .right{
        width: 44%;
        min-height: 650px;
    }
}
@media screen and (max-width: 800px)
{
    .help .item
    {
        margin: 0 -15px 0 -20px;
    }
    .docs-list
    {
        margin-right: 0;
    }
    .cat-listing article
    {
        margin-left: 0;
    }
    .help section {
        margin-right: -5px;
    }
    .product-list .product-item{
        width: 50%;
    }
}
@media screen and (max-width: 930px)
{
    body{
        padding-top: 0;
    }
    .acc-list{
        margin-top: 0;
    }
    .slider .item{
        min-height: 350px;
    }
    .slider .right{
        width: 46%;
        min-height:650px;
    }
    .slider .over-title{
        padding: 22px 15px;
    }
    .slider .over-title h2 .big
    {
        font-size: 30px;
        padding: 5px 0;
        margin-right: 0;
    }
    .slider .over-title h2 .first,
    .slider .over-title h2
    {
        font-size: 25px;
        line-height: 29px;
    }
    .slider .right h3,
    .slider .right h5{
        font-size: 32px;
    }
    .slider .right h5 strong{
        font-size: 34px;
    }
    .cat-listing article h3
    {
        padding-left: 50px;
        background-position: 15px 19px;
    }
    .footer .fast-links
    {
        padding-top: 20px;
    }
    .help section
    {
        margin-right: 0;
    }
    .help .item
    {
        margin: 0 -10px;
    }
    .home .footer p,
    .footer p,
    .footer .fast-links li
    {
        font-size: 14px;
        line-height: 1.5;
    }
    .help section
    {
        display: block;
        padding: 0 20px;
    }
    .footer .fast-links li:after
    {
        padding: 0 5px;
    }
    .help section article
    {
        width: auto;
        max-width: 380px;
        margin: 0 auto 20px;
    }
    .help h3
    {
        font-size: 16px;
        padding-left: 3%;
    }
    .docs-list
    {
        display: block;
    }
    .docs-list .col
    {
        width: auto;
    }
    .docs-d .text h1
    {
        font-size: 20px;
        line-height: 1.2;
        padding-right: 15px;
    }
    .docs-d .text h1 span
    {
        font-size: 15px;
    }
    .search-products .set input:first-child,
    .search-products .set .item:first-child
    {
        border-radius: 1rem;
    }
    .search-products .set
    {
        display: block;
        overflow: hidden;
        height: auto;
        margin: 10px 0;
    }
    .search-products .set .item
    {
        display: block;
        min-width: 100%;
        margin: 0 !important;
        border: 0 !important;
    }
    .search-products .set.hidden{
        display: none;
    }
    .product-search-result .info-row{
        display: initial !important;
        text-align: center;
    }
    .product-search-result .col{
        width: 100% !important;
        float: none !important;
    }
    .browser-products section
    {
        display: block;
        text-align: center;
    }
    .browser-products section article + article
    {
        margin-top: 70px;
    }
    .docs-d .image img
    {
        max-width: none;
        height: 100%;
    }
    .cat-head .left
    {
        width: 90%;
    }
    .cat-head h1
    {
        font-size: 18px;
        position: relative;
        z-index: 15;
        margin: -10px 0 0;
        padding: 0 0 15px;
    }
    .cat-head h3
    {
        font-size: 20px;
        line-height: 1.2;
        display: inline-block;
        padding-right: 40px;
        padding-bottom: 15px;
    }
    .prodcut-d
    {
        margin-top: 0;
    }
    .menu-trigger
    {
        position: absolute;
        z-index: 9;
        top: 62px;
        right: 20px;
        display: block;
        width: 30px;
        height: 16px;
        margin-top: -8px;
        cursor: pointer;
    }
    .menu-trigger:before
    {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: -28px;
        content: '';
    }
    .menu-trigger span
    {
        display: block;
        height: 2px;
        margin-bottom: 6px;
        transition: all .4s ease;
        background: #fff;
    }
    .header
    {
        background: #eb3a43 url(../images/bg_h_m.svg) no-repeat -60px 0;
        background-size: auto 100%;
        position: relative;
    }
    .data-cols .right-col,
    .prodcut-d .text
    {
        float: none;
        width: auto;
        padding: 0;
    }
    .data-cols
    {
        margin: 0;
    }
    .interested
    {
        display: block !important;
    }
    .interested,
    .data-cols .how
    {
        padding-bottom: 30px;
    }
    .footer .iso
    {
        float: none;
        padding-bottom: 15px;
        text-align: center;
    }
    .footer p
    {
        line-height: 1.5;
        text-align: center;
    }
    .interested li
    {
        font-size: 14px;
    }
    .acc-item .content
    {
        padding: 15px 15px 4px;
    }
    .data-cols .acc-list
    {
        float: none;
        width: auto;
        padding-bottom: 20px;
    }
    .prodcut-d h1
    {
        margin-right: 0;
        padding-right: 25px;
    }
    .prodcut-d .text{
        min-height: auto;
    }
    .prodcut-d .image
    {
        position: relative;
        float: none;
        overflow: hidden;
        width: auto;
        margin-top: 20px;
        margin-right: -20px;
        padding-left: 0;
        min-height: 340px;
    }
    .product-list .holder h2{
        width: 100%;
        float: none;
    }
    .main-nav
    {
        position: absolute;
        top: 80px;
        right: 0;
        left: 0;
        display: none;
        padding: 0 20px;
        background: #F27930;
    }
    .main-nav li
    {
        font-size: 14px;
        display: block;
        padding: 10px 0px 0px 0px;
        margin-bottom: 10px;
    }
    .main-nav>ul>li>a{
        border-top: 1px solid #fff;
        width: 100%;
        display: block;
        padding-top: 10px;
    }
    .main-nav li + li:before
    {
        display: none;
    }
    .active-menu .main-nav
    {
        display: block;
    }
    .active-menu .menu-trigger span:nth-child(2)
    {
        opacity: 0;
    }
    .active-menu .menu-trigger span:nth-child(1)
    {
        margin: 7px 0 -10px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .active-menu .menu-trigger span:nth-child(3)
    {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .documents-results-list { display: flex; flex-direction: column; }

    .documents-results-list .documents-results-item { flex-direction: column; align-items: flex-start; }

    .documents-results-item h4 , .documents-results-item p , .documents-results-item div { width: 100%; }


}

@media screen and (min-width: 341px)
    and (max-width: 398px){
        .slick-dots{
            bottom: 18px;
    }
}

@media screen and (max-width: 688px){
    .slider .item{
        min-height: 280px;
    }
    .slider .right{
        width: 55%;
        min-height:465px;
    }
    .slider .over-title h2 .big
    {
        font-size: 20px;
        padding: 5px 0;
        margin-right: 0;
    }
    .slider .over-title h2 .first,
    .slider .over-title h2
    {
        font-size: 18px;
        line-height: 22px;
    }
    .slider .right h3,
    .slider .right h5{
        font-size: 20px;
        line-height: 24px;
    }
    .slider .right h5{
       padding: 40px 37px 10px 27.5%;
    }
    .slider .right h5 strong{
        font-size: 22px;
    }
    .btn-white{
        font-size: 17px;
        min-width: 130px;
    }
    .slick-prev, .slick-next{
        opacity: 0.1;
    }

    .pi-product-results-list .pi-product-results-item { flex-direction: column; }

    .pi-product-results-sort-area .pi-product-img ,
    .pi-product-results-item .pi-product-img ,
    .pi-product-results-sort-area .pi-product-part-number ,
    .pi-product-results-item .pi-product-part-number ,
    .pi-product-results-sort-area .pi-product-description,
    .pi-product-results-item .pi-product-description { width: 100%; text-align: center; }

}
@media screen and (max-width: 340px){
    .slider .over-title h2 .big
    {
        font-size: 14px;
        padding: 5px 0;
        margin-right: 0;
    }
    .slider .over-title h2 .first,
    .slider .over-title h2
    {
        font-size: 14px;
        line-height: 16px;
    }
    .slider .right h3,
    .slider .right h5{
        font-size: 11px;
        line-height: 16px;
    }
    .slider .right h5{
       padding: 40px 37px 10px 32.5%;
    }
    .slider .right h5 strong{
        font-size: 15px;
    }
    .btn-white{
        font-size: 11px;
        line-height: 30px;
        min-width: 118px;
        height: 30px;
    }
    .prodcut-d h1{
        font-size: 30px;
    }
    .product-list .product-item{
        width: 100%;
    }

    .cat-head h1{
        max-width: 200px;
    }

    .slick-next, .slick-prev{
        top: 85%;
    }

    .help article .item.home-main-category.red a {
        line-height: 30px;
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
{
    .retina-none
    {
        display: none !important;
    }
    .retina-only
    {
        display: initial !important;
    }
}

/*modal*/
.modal-window {
    position: absolute;
    /*background-color: rgba(255, 255, 255, 0.15);*/
    top: -100px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.pi-parts-modal {
	position: fixed;
	top: 20%;
	bottom: inherit;
}
.pi-parts-modal div:first-child {
	width: 500px;
}
.pi-parts-modal .modal-body {
	text-align: center;
}

.modal-window:target {
    opacity: 1;
    pointer-events: auto;
}
.modal-window>div {
    width: 80%;
    margin: 0 auto;
    position: relative;
    padding: 2rem;
    background: #fff;
    color: #444;
    -webkit-box-shadow: 0px 0px 38px -9px rgba(107,107,107,0.73);
    -moz-box-shadow: 0px 0px 38px -9px rgba(107,107,107,0.73);
    box-shadow: 0px 0px 38px -9px rgba(107,107,107,0.73);
}
/*.pi-parts-modal {
	width: 420px;
}*/

.modal-window header {
    font-weight: bold;
}
.modal-close {
    color: #aaa;
    line-height: 50px;
    font-size: 80%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 70px;
    text-decoration: none;
}
.modal-close:hover {
    color: #000;
}
.modal-window h4 {
    font-size: 22px;
    margin: 0 0 15px;
    color: #fb522d;
    font-weight: 700;
}
.modal-body .active{
    display: block;
}
.modal-body .hidden{
    display: none;
}
.modal-footer{
    border-top: 1px #e8e8e8 solid;
    padding-top:10px;
    display: inline-block;
    width: 100%;
}
.thumbnail{
    width: 64px;
    display: inline-block;
    margin: 0 auto;
    margin-right: 5px;
    margin-top: 10px;
    float: left;
}
.thumbnail-video{
    width: 100%;
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.thumbnail-video iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.thumbnail img{
    margin: auto;
    display: block;
}
.video-thumbnail-icon{
    position: absolute;
    width: 64px;
    background-color: #ccc;
    opacity: 0.7;
    height: 64px;
}
.clearfix{
    clear: both;
}
/*Search page*/
.product-search-result .info-row{
    clear: both;
    display: flex;}
.product-search-result .col{
    float: left;
    width: 25%;
    padding: 15px;
}
.product-search-result .col img{
    max-height: 120px;}
.product-search-result .col p{
    min-height: 90px;}
.search-result .acc-item .content li a{
    padding-left: 24px;
    display: block;
    height: auto;
    margin-bottom: 15px;
}
.search-result .acc-item .content li a img{
    padding: 0 5px 5px 0;
    margin-left: -30px;
}

.text-left{
    text-align: left;
}
.hidden{
    display: none;
}
.ajax-loader{
    display: none;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.documents-dropdown {
}
.documents-dropdown::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.documents-list {
    display: none;
    position: absolute;
    top: 155px;
    left: 0;
    min-width: 10rem;
    padding: .5rem 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 1px solid #bbb;
    border-radius: .25rem;
    z-index: 90;
    width: 100%;
}
.documents-list a {
    display: block;
    font-size: 14px;
    padding: 5px 10px;
}
.documents-list a:hover {
    background: #eee;
}
.product-list .holder.orange,
.product-list .holder {
    position: relative;
}

.documents-list-button {
    margin: 5px 10px;
    cursor: pointer;
    font-size: 14px;
}
.documents-list-button:hover {
    color: #00748C;
}
.orange .documents-list-button:hover {
    color: #FF5000;
}
.documents-list-button:before {
    content: "+";
    margin-right: 5px;
    border: 1px solid #666;
    padding: 0 5px;
    cursor: pointer;
    color: #666;
}
.documents-list-button.active:before {
    content: "\2014";
    padding: 0px 3px 0 4px;
}
.documents-list-subtype {
    display: none;
}
.btn-product-white {
    background: none;
    border: 1px solid #fff;
    color: #fff;
    padding: 10px;
    border-radius: 4px;
    margin: 10px;
    font-size: 14px;
    line-height: 14px;
    display: block;
    width: calc(100% - 20px);
    box-sizing: border-box;
    text-align: center;
}
@media screen and (max-width: 500px) {
    .btn-product-white {
        font-size: 11px;
    }
    .documents-dropdown::after {
    }
}
@media screen and (min-width: 501px) and (max-width: 768px) {
    .documents-dropdown {
        margin: 16px 5px 16px 10px;
    }
}