/*
Theme Name: Tema FGPinhel
Theme URI: http://www.docwings.pt/
Author: Docwings Lda.
Author URI: http://www.docwings.pt/
Description: Tema personalizado Docwings Lda.
Version: 1.0
License: proprietário
License URI: 
Tags: 
*/

/* reset default browser CSS - - -
   ! ! ! remember to define focus styles ! ! !
   ! ! ! tables still need 'cellspacing="0"' in the markup ! ! !
   based on the original Twenty Eleven Wordpress theme - - - */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } body { background: #fff; line-height: 1; } ol, ul { list-style: none; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } :focus { outline: 0; } table { border-collapse: separate; border-spacing: 0; }

/* general classes - - - */
.gc-absolute { position: absolute; }
.gc-body-center { display: block; margin: 0 auto; width: 1000px; }
.gc-clear { clear: both; }
.gc-dn { display: none !important; }

/* font - - - */
textarea, input, select, button,
html { color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
a { color: #00b2f4; text-decoration: none; transition: color 400ms; }
a:hover { color: #0000CC; }

/* background - - - */
html,
body { background: #fff; display: block; min-height: 100%; width: 100%; overflow: hidden; height: auto; }
#body-wrapper { display: block; height: 100%; width: 100%; overflow: auto; position: absolute; }
#dwDB-backgrounds { position: fixed; top: 0; bottom: 0; margin: 0; right: 0; left: 0; background: #f1f1f1; overflow: hidden; z-index: 1; }
#dwDB-backgrounds img { position: absolute; display: block; z-index: 1; opacity: 0.01; filter: alpha(opacity=1); }
#dwDB-backgrounds div { position: absolute; height: 100%; width: 100%; z-index: 3; }
#dwDB-backgrounds img#dwDB-image-one { z-index: 2; }

/* pre-header - - - */

/* header - - - */
#header { display: block; height: 130px; background-color: rgba(255,255,255,0.81); position: absolute; top: 0; left: 0; right: 0; z-index: 10; }
#header > .w { display: block; position: relative; margin: 0 auto; width: 89%; height: 130px; }
#header > .w > .l { display: block; position: absolute; top: 50%; height: 94px; margin-top: -47px; left: 50%; width: 180.283px; margin-left: -90.1415px; }
#header > .w > .l > img { display: block; margin: 0 auto; height: 94px; /* width: 180.283px; */ }
#header > .w > .m { display: block; position: absolute; top: 50%; left: 0; right: 50%; margin-top: -30px; height: 60px; line-height: 60px; white-space: nowrap; margin-right: 112.142px; margin-left: -22px; }
#header > .w > .la { display: block; position: absolute; right: 0; top: 50%; height: 30px; margin-top: -15px; }
#header > .w > .la > .a { display: inline-block; vertical-align: top; width: 30px; height: 30px; margin-left: 10px; }
#header > .w > .la > .a > .n { display: block; position: relative; overflow: hidden; border: 1px solid rgba(0,0,0,0.5); background-color: rgba(255,255,255,0.5); height: 28px; width: 28px; border-radius: 50%; transition: background-color 400ms, border-color 400ms; }
#header > .w > .la > .a > .n:hover { border-color: #000; background-color: #fff; }
#header > .w > .la > .a > .n > .g { display: block; position: absolute; top: 50%; left: 50%; height: 20px; width: 20px; margin: -10px; line-height: 20px; text-align: center; text-transform: uppercase; color: #000; font-size: 14px; transition: color 400ms; }
#header > .w > .la > .a > .n:hover > .g { color: #000; }
#header > .w > .b { display: block; position: absolute; left: 0; top: 21px; height: 19px; padding: 5px; margin: -5px; width: 31.5px; }
#header > .w > .b > img { display: block; width: 100%; }

/* main menu - - - */
#header > .w > .m * { display: inline-block; vertical-align: top; list-style: none; font-size: 0px; }
#header > .w > .m a { font-size: 15.5px; font-weight: bold; padding: 0 22px; color: #000; }
#header > .w > .m a:hover { color: #00b2f4; }
#header > .w > .m .current-menu-item > a { color: #00b2f4; }

/* index - - - */
#index-features { display: block; position: absolute; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
#index-features > .c { display: block; position: absolute; left: 100%; width: 100%; height: 100%; top: 0; overflow: hidden; }
#index-features > .c > img { display: block; position: absolute; top: 0; left: 0; }
#index-features > .c > .c { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; background-color: rgba(0,0,0,0.55); }
#index-features > .c > .w { display: block; position: absolute; top: 10%; left: 0; right: 0; width: 89%; margin: 130px auto 74px; bottom: 10%; z-index: 10; }
#index-features > .c > .w > .t { display: block; /* position: absolute; */ bottom: 0; left: 100px; right: 100px; }
#index-features > .c > .w > .t > .e { width: 50%; max-width: 630px; position: relative; min-width: 350px; display: block; }
#index-features > .c > .w > .t > .e > .p { display: block; color: #fff; line-height: 1.4em; font-size: 18px; hyphens: auto; }
#index-features > .c > .w > .t > .e > .p > h2 { font-size: 31px; font-weight: bold; line-height: 1.2em; padding-bottom: 10px; }
#index-features > .c > .w > .t > .a { display: block; width: 18px; height: 30px; padding: 20px; position: absolute; top: -20px; }
#index-features > .c > .w > .t > .a.l { left: -120px; }
#index-features > .c > .w > .t > .a.r { right: -120px; }
#index-features > .c > .w > .t > .a > .h { display: block; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; border-left: 4px solid #fff; border-bottom: 4px solid #fff; margin: -10px; transition: border-color 400ms; }
#index-features > .c > .w > .t > .a:hover > .h { border-color: #00b2f4; }
#index-features > .c > .w > .t > .a.l > .h { transform: rotate(45deg); margin-left: -6px; }
#index-features > .c > .w > .t > .a.r > .h { transform: rotate(-135deg); margin-left: -14px; }
#index-features > .c > .w > .t > .tlfm { display: block; position: relative; text-align: left; height: 44px; padding-top: 25px; }
#index-features > .c > .w > .t > .tlfm > .l { border: 5px solid #fff; display: block; height: 34px; width: 34px; position: relative; overflow: hidden; border-radius: 50%; transition: border-color 400ms; }
#index-features > .c > .w > .t > .tlfm > .l > .p { display: block; width: 4px; height: 20px; position: absolute; top: 50%; left: 50%; background-color: #fff; margin: -10px -2px; transition: background-color 400ms; }
#index-features > .c > .w > .t > .tlfm > .l > .u { display: block; height: 4px; width: 20px; position: absolute; top: 50%; left: 50%; background-color: #fff; margin: -2px -10px; transition: background-color 400ms; }
#index-features > .c > .w > .t > .tlfm > .l:hover,
#index-features > .c > .w > .t > .tlfm > .l.hover { border-color: #00b2f4; }
#index-features > .c > .w > .t > .tlfm > .l:hover > .p,
#index-features > .c > .w > .t > .tlfm > .l.hover > .p { background-color: #00b2f4; }
#index-features > .c > .w > .t > .tlfm > .l:hover > .u,
#index-features > .c > .w > .t > .tlfm > .l.hover > .u { background-color: #00b2f4; }

/* footer - - - */
#footer { display: block; position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; background-color: rgba(0,0,0,0.81); line-height: 74px; height: 74px; }
#footer > .w { display: block; width: 89%; margin: 0 auto; padding: 14px 0; line-height: 46px; }
#footer > .w > .c { display: inline-block; vertical-align: top; width: 50%; color: #fff; font-size: 13px; font-weight: bold; }
#footer > .w > .r { text-align: right; width: 50%; line-height: 23px; color: #fff; font-size: 13px; font-weight: bold; display: inline-block; vertical-align: top; }
#footer > .w > .r > img { display: inline-block; vertical-align: baseline; margin-right: 7px; margin-bottom: -2px; }

/* general content - - - */
.alignright { float: right; margin: 20px 0 20px 20px; }
.alignnone,
.alignleft { float: left; margin: 20px 20px 20px 0; }
.aligncenter { display: block; margin: 20px auto; }
.content strong { font-weight: bolder; }
.content em { font-style: italic; }
.content p,
.content ul,
.content ol { /* padding-bottom: 0.7em; */ line-height: 1.5em; text-align: left; }
.content p[align="left"] { text-align: left; }
.content p[align="right"] { text-align: right; }
.content p[align="center"] { text-align: center; }
.content p[align="justify"] { text-align: justify; }
.content img { max-width: 100%; height: auto; }
.content li { list-style: outside disc; margin-left: 18px; }
.content img,
.content iframe { max-width: 100%; }

/* page - - - */
/* #page-holder { position: absolute; z-index: 3; top: 110px; bottom: 46px; left: 0; right: 0; margin: 25px 0; } */
/* #page-content { position: absolute; width: 800px; padding: 25px; margin: 0 0 0 -426px; border: 1px solid #fff; background: url('img/white-90pc.png'); color: #000; top: 0; left: 50%; } */

#page-holder { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; }
#page-holder > .i { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; }
#page-holder > .i > .m { display: block; position: absolute; top: 0; left: 0; }
#page-holder > .i > .b { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(0,0,0,0.55); }
#page-holder > .w { display: block; position: absolute; left: 0; right: 0; top: 130px; bottom: 74px; width: 89%; margin: 25px auto; z-index: 100; }
#page-holder > .w > .v { line-height: 1.5em; display: inline-block; vertical-align: middle; width: 45%; /* width: 37.64045%; */ position: relative; margin-left: 100px; /* margin-left: 6.179775%; */ min-width: 500px; }
#page-holder > .w > .v > .s { display: block; position: relative; }
#page-holder > .w > .v > .s > .p { display: block; }
#page-holder > .w > .v > .s.ps-active-y > .p { display: block; padding-right: 25px; }
#page-holder > .w > .v > .s > .p > h1.t { font-size: 28px; font-weight: bold; line-height: 1.2em; padding-bottom: 27px; color: #fff; }
#page-holder > .w > .v > .s > .p > .content,
#page-holder > .w > .v > .s > .p > .content p,
#page-holder > .w > .v > .s > .p > .content ul,
#page-holder > .w > .v > .s > .p > .content ol { line-height: 1.5em; font-size: 15px; hyphens: auto; color: #fff; }

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y:hover { background-color: #fff; }

/* scroll - - - */
/* #page-content { padding-bottom: 0; } */
/* #page-content .resizable { padding-bottom: 25px; } */
.ps-container > .ps-scrollbar-y-rail { background-color: transparent !important; }
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y:hover { background-color: #000000; cursor: pointer; }

/* single - - - */
#page-holder.single-product { top: 130px; bottom: 74px; }
#page-holder.single-product > .b { display: block; position: absolute; z-index: 100; top: 0; left: 0; right: 0; background-color: #00b2f4; }
#page-holder.single-product > .b > .w { display: block; margin: 0 auto; padding: 10px 0; font-size: 14px; line-height: 1.5em; text-align: left; width: 89%; }
#page-holder.single-product > .b > .w > .cat { color: #000; text-transform: uppercase; font-weight: bold; display: inline-block; vertical-align: top; line-height: 1.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 300px; margin-right: 10px; }
#page-holder.single-product > .b > .w > .cat:hover { color: rgba(0,0,0,0.75); }
#page-holder.single-product > .b > .w > .slash { display: inline-block; vertical-align: top; line-height: 1.5em; font-weight: bold; color: #000; margin-right: 10px; }
#page-holder.single-product > .i { right: 50%; top: 41px; }
#page-holder.single-product > .i > .g { display: block; margin: 41px 60px 41px auto; position: absolute; top: 0; bottom: 0; right: 0; }
#page-holder.single-product > .i > .g > .c { display: block; position: absolute; top: 0; left: 0%; width: 100%; height: 100%; overflow: hidden; }
#page-holder.single-product > .i > .g > .c > .cboxElement { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; }
#page-holder.single-product > .i > .g > .c > .cboxElement > img { display: block; position: absolute; top: 0; left: 0; }
#page-holder.single-product > .i > .g > .arrow { display: block; position: absolute; top: 0; bottom: 0; width: 55px; overflow: hidden; z-index: 50; cursor: pointer; }
#page-holder.single-product > .i > .g > .arrow > span { display: block; position: absolute; top: 50%; left: 50%; margin-top: -20px; height: 40px; line-height: 30px; color: #000; transition: color 400ms; font-size: 35px; text-align: center; }
#page-holder.single-product > .i > .g > .arrow:hover > span { color: #00b2f4; }
#page-holder.single-product > .i > .g > .arrow.left { left: -55px; }
#page-holder.single-product > .i > .g > .arrow.right { right: -55px; }
#page-holder.single-product > .i > .g > .arrow.left > span { left: 0px; }
#page-holder.single-product > .i > .g > .arrow.right > span { right: 0px; }
#page-holder.single-product > .w { left: 50%; width: auto; right: 0; margin: 25px 60px; top: 41px; bottom: 0; }
#page-holder.single-product > .w > .v { margin-left: 0px; }
#page-holder.single-product > .i > .p { display: block; position: absolute; bottom: 0; margin-bottom: 41px; right: 60px; line-height: 35px; min-height: 35px; text-align: center; }
#page-holder.single-product > .i > .p > .c { display: inline-block; vertical-align: top; height: 35px; width: 35px; position: relative; }
#page-holder.single-product > .i > .p > .c > .l { display: block; position: absolute; height: 18px; width: 18px; border: 2px solid #00b2f4; border-radius: 50px; left: 50%; margin-left: -10px; bottom: 0; background-color: #fff; transition: background-color 400ms; }
#page-holder.single-product > .i > .p > .c > .l.current,
#page-holder.single-product > .i > .p > .c > .l:hover { background-color: #00b2f4; }
#page-holder.single-product > .w > .v > .s > .p > h1.t { color: #00b2f4; }
#page-holder.single-product > .w > .v > .s > .p > .content,
#page-holder.single-product > .w > .v > .s > .p > .content p,
#page-holder.single-product > .w > .v > .s > .p > .content ul,
#page-holder.single-product > .w > .v > .s > .p > .content ol { color: #555; }
#page-holder.single-product > .w > .v > .s > .p > .content > .the_extra_thing,
#page-holder.single-product > .w > .v > .s > .p > .content > .the_extra_thing > * { font-size: 16px; line-height: 2em; }

/* category - - - */
.holder-of-subcategories { display: block; position: absolute; top: 130px; left: 0; right: 0; overflow: hidden; bottom: 74px; }
.holder-of-subcategories > .c { display: inline-block; vertical-align: top; width: 50%; height: 100%; position: relative; overflow: hidden; }
.holder-of-subcategories > .c > .l { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.holder-of-subcategories > .c > .l > .i { display: block; position: absolute; top: 0; left: 0; }
.holder-of-subcategories > .c > .l > .b { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background-color: rgba(0,0,0,0.55); transition: background-color 400ms; }
.holder-of-subcategories > .c > .l:hover > .b { background-color: rgba(0,0,0,0); }
.holder-of-subcategories > .c > .l > .t { display: block; position: absolute; top: 50%; height: 150px; line-height: 150px; text-align: center; left: 0; right: 0; margin: -75px auto; width: 90%; white-space: normal; z-index: 10; }
.holder-of-subcategories > .c > .l > .t > .m { display: inline-block; vertical-align: middle; color: #00b2f4; font-weight: bold; font-size: 19px; line-height: 1.5em; text-shadow: 0 1px 3px rgba(0,0,0,0.75), 0 1px 10px rgba(0,0,0,0.75); }

.holder-of-products { display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: 130px auto 74px; width: 89%; text-align: center; overflow: hidden; }
.holder-of-products > .v { display: inline-block; vertical-align: middle; white-space: nowrap; position: relative; overflow: hidden; margin-right: -25px; line-height: 1.5em; }
.holder-of-products > .v > .c { display: inline-block; vertical-align: top; position: relative; }
.holder-of-products > .v > .c > .l { display: block; margin-right: 25px; position: relative; }
.holder-of-products > .v > .c > .l > .i { display: block; position: relative; overflow: hidden; }
.holder-of-products > .v > .c > .l > .t { display: block; line-height: 25px; font-size: 16px; white-space: normal; text-align: center; padding-top: 15px; height: 50px; overflow: hidden; opacity: 0; transition: opacity 400ms; }
.holder-of-products > .v > .c.current > .l > .t,
.holder-of-products > .v > .c.permanentcurrent > .l > .t { opacity: 1; }
.holder-of-products > .arrow { display: block; position: absolute; top: 0; bottom: 0; z-index: 10; width: 33.3333%; cursor: pointer; }
.holder-of-products > .arrow.left { left: 0; }
.holder-of-products > .arrow.right { right: 0; }
.holder-of-products > .arrow > .c { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url('img/white-75pc.png'); transition: background-color 400ms; }
.holder-of-products > .arrow.left > .c { background-image: linear-gradient(to right, #fff, rgba(255,255,255,0.8), transparent); }
.holder-of-products > .arrow.right > .c { background-image: linear-gradient(to left, #fff, rgba(255,255,255,0.8), transparent); }
/* .holder-of-products > .arrow.left:hover > .c { background-color: rgba(255,255,255,0.5); } */
/* .holder-of-products > .arrow.right:hover > .c { background-color: rgba(255,255,255,0.5); } */
.holder-of-products > .arrow > .a { display: block; position: absolute; top: 50%; height: 100px; line-height: 90px; margin-top: -82.5px; color: #000; z-index: 20; font-size: 40px; transition: color 400ms; }
.holder-of-products > .arrow:hover > .a { color: #00b2f4; }
.holder-of-products > .arrow.left > .a { left: 0; }
.holder-of-products > .arrow.right > .a { right: 0; }
.holder-of-products > .v > .c > .l > .i > .m { display: block; position: absolute; top: 0; left: 0; }

.holder-of-category-names { display: block; position: absolute; left: 0; right: 0; top: 130px; background-color: #de6e00; }
.holder-of-category-names > .w { display: block; margin: 0 auto; padding: 10px 0; font-size: 14px; line-height: 1.5em; text-align: left; width: 89%; }
.holder-of-category-names > .w > .cat { color: #000; text-transform: uppercase; font-weight: bold; display: inline-block; vertical-align: top; line-height: 1.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 300px; margin-right: 10px; }
.holder-of-category-names > .w > .cat:hover { color: rgba(0,0,0,0.75); }
.holder-of-category-names > .w > .slash { display: inline-block; vertical-align: top; line-height: 1.5em; font-weight: bold; color: #000; margin-right: 10px; }
#page-holder.single-product > .b.butorange { background-color: #de6e00; }

.gallery-text { display: block; position: absolute; bottom: 74px; left: 0; right: 0; overflow: hidden; height: 146px; line-height: 146px; text-align: center; }
.gallery-text > .w { display: block; height: 146px; }
.gallery-text > .w > .v { display: inline-block; vertical-align: middle; line-height: 24px; width: 60%; text-align: center; color: #555; font-size: 16px; max-width: 670px; position: relative; }
.gallery-text > .w > .v > .content { text-align: center; display: block; padding: 25px 0; }
.gallery-text > .w > .v > .content * { text-align: center; }

.gallery-gallery { display: block; position: absolute; top: 130px; bottom: 220px; left: 0; right: 0; overflow: hidden; white-space: nowrap; }
.gallery-gallery > .c { display: inline-block; vertical-align: top; height: 100%; position: relative; overflow: hidden; }
.gallery-gallery > .c > .i { display: block; margin: 0; }
.gallery-gallery > .arrow { display: block; position: absolute; top: 0; bottom: 0; z-index: 10; width: 10%; cursor: pointer; }
.gallery-gallery > .arrow.left { left: 5.5%; border-left: 300px solid transparent; margin-left: -300px; }
.gallery-gallery > .arrow.right { right: 5.5%; border-right: 300px solid transparent; margin-right: -300px; }
.gallery-gallery > .arrow > .t { display: block; position: absolute; top: 50%; height: 100px; line-height: 90px; margin-top: -50px; color: #fff; z-index: 20; font-size: 40px; transition: color 400ms; }
.gallery-gallery > .arrow:hover > .t { color: #00b2f4; }
.gallery-gallery > .arrow.left > .t { left: 0; }
.gallery-gallery > .arrow.right > .t { right: 0; }

/* contacts - - - */
.page-template-template-contacts #page-holder > .i > .b { display: none; }
.page-template-template-contacts #page-holder > .w > .v { background-color: rgba(0,0,0,0.8); width: 22%; min-width: 300px; z-index: 10; max-width: 300px; }
.page-template-template-contacts #page-holder > .w > .v > .s > .p,
.page-template-template-contacts #page-holder > .w > .v > .s.ps-active-y > .p { padding: 25px 30px; }
.page-template-template-contacts #page-holder > .w > .v > .s > .p > h1.t { display: none; }
.page-template-template-contacts #page-holder > .w.second { text-align: right; }
.page-template-template-contacts #page-holder > .w.second > .v { margin-right: 100px; }
.page-template-template-contacts #page-holder > .w.second > .v > .s > .p > .content p { text-align: right; }

.page-template-template-contacts #page-holder > .i { z-index: 8; }
.page-template-template-contacts #page-holder > .w { z-index: unset; }
.page-template-template-contacts #page-holder > .i > #the-map { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.page-template-template-contacts .mapboxgl-ctrl-top-right .mapboxgl-ctrl { margin-top: 140px; }

/* gallery - - - */
.dw-gallery { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; clear: both; position: relative; }
.dw-gallery .overflower { width: 100%; position: relative; overflow: hidden; min-height: 200px; }
.dw-gallery .overflower > div img { display: block; height: auto; left: 50%; max-height: 100%; max-width: 100%; position: absolute; top: 50%; width: auto; z-index: 1; background: url("img/loading.gif") no-repeat scroll center center #000000; }
.dw-gallery .overflower > div img.right { left: 150%; z-index: 2; opacity: 0; filter: alpha(opacity=0); }
.dw-gallery .overflower > div img.left { left: -50%; z-index: 2; opacity: 0; filter: alpha(opacity=0); }
.dw-gallery .overflower > div { bottom: 0; display: block; left: 75px; position: absolute; right: 75px; top: 0; overflow: hidden; }
.dw-gallery .overflower a { display: block; height: 1px; width: 1px; position: absolute; z-index: 0; opacity: 0; filter: alpha ( opacity = 0 ); }
.dw-gallery .overflower a.current { height: auto; width: auto; top: 0; right: 75px; bottom: 0; left: 75px; border: 5px solid #FFF; z-index: 3; transition: opacity 400ms; background: url('img/black-50pc.png'); }
.dw-gallery .overflower a.current:hover { opacity: 1; filter: alpha ( opacity = 100 ); }
.dw-gallery .overflower a.current span { background: url('img/fullscreen.gif') no-repeat center center #000; bottom: 0; display: block; left: 0; opacity: 0.4; filter: alpha ( opacity = 40 ); position: absolute; right: 0; top: 0; }
.dw-gallery .overflower > span,
.dw-gallery > span,
#feature .holder > span { position: absolute; z-index: 4; width: 75px; height: 100%; right: 0; cursor: pointer; min-width: 19px; }
.dw-gallery .overflower > span,
.dw-gallery > span,
#feature .holder > span { background: url('img/spanleft.png') center center repeat-y; }
.dw-gallery .overflower > span:first-child,
.dw-gallery > span.first-child,
#feature .holder > span:first-child { left: 0; }
.dw-gallery .overflower > span:first-child,
.dw-gallery > span.first-child,
#feature .holder > span:first-child { background: url('img/spanright.png') center center repeat-y; }
.dw-gallery .overflower > span span,
.dw-gallery > span span,
#feature .holder > span span { height: 100%; display: block; width: 100%; position: absolute; background: url('img/rarr.png') 0 center no-repeat; right: 0; }
.dw-gallery .overflower > span:hover span,
.dw-gallery > span:hover span,
#feature .holder > span:hover span { background-position: -75px center; }
.dw-gallery .overflower > span:first-child span,
.dw-gallery > span.first-child span,
#feature .holder > span:first-child span { background-image: url('img/larr.png'); }
.dw-gallery .floater { height: 100px; margin: 10px 75px; overflow: hidden; padding: 5px; text-align: left; white-space: nowrap; position: relative; overflow: hidden; }
.dw-gallery .floater img { box-shadow: 0 2px 5px #000; cursor: pointer; margin: -1px 4px -1px -1px; border: 1px solid #FFF; height: 100px; width: 100px; opacity: 0.5; filter: alpha ( opacity = 50 ); transition: opacity 400ms; }
.dw-gallery .floater img:hover,
.dw-gallery .floater img.current { opacity: 1; filter: alpha ( opacity = 100 ); }
.dw-gallery > span { height: 110px; margin-top: 10px; }
.dw-gallery > span span { bottom: 5px; height: auto; top: 5px; background-image: url('img/rarr2.png'); }
.dw-gallery > span.first-child span { background-image: url('img/larr2.png'); }
.dw-gallery .floater > div { position: absolute; left: 0px; text-indent: 5px; min-width: 100%; overflow: visible !important; }
#ie6 .dw-gallery .overflower a.current:hover,
#ie7 .dw-gallery .overflower a.current:hover,
#ie8 .dw-gallery .overflower a.current:hover { background: none; }

/* patch - 19 - 04 - 03 */
.page-template-template-assistence #page-holder > .w > .v { min-width: 0px; display: block; width: auto; margin-right: 6.179775%; }
.page-template-template-assistence #page-holder > .w > .v > .s.ps-container > .ps-scrollbar-x-rail { display: none !important; }
.page-template-template-assistence #page-holder > .w > .v > .s > .p > .content > p.small { font-size: 11px; }
.page-template-template-assistence #page-holder > .w > .v > .s > .p > .content > form { display: block; padding-top: 1.5em; }
.page-template-template-assistence #page-holder > .w > .v > .s > .p > .content > form > .holder { display: block; padding-bottom: 1.5em; }
.page-template-template-assistence #page-holder > .w > .v > .s > .p > .content > form > .holder > .fake-label { display: block; line-height: 1.5em; }
.page-template-template-assistence #page-holder > .w > .v > .s > .p > .content > form > .holder > .holder-of-labels { display: block; margin-right: -1.5em; text-align: left; white-space: normal; }
.page-template-template-assistence #page-holder > .w > .v > .s > .p > .content > form > .holder > .holder-of-labels > .c { display: inline-block; vertical-align: top; white-space: nowrap; padding-right: 1.5em; }
.page-template-template-assistence #page-holder > .w > .v > .s > .p > .content > form > .holder > .holder-of-labels > .c > label { display: block; cursor: pointer; line-height: 1.5em; }
.page-template-template-assistence #page-holder > .w > .v > .s > .p > .content > form > .holder > .holder-of-labels > .c > label > .text { display: inline-block; vertical-align: top; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 300px; }
.page-template-template-assistence #page-holder > .w > .v > .s > .p > .content > form > .holder > .holder-of-labels > .c > label > .input { display: inline-block; vertical-align: top; height: 1.5em; width: 1.5em; position: relative; overflow: hidden; text-align: center; margin-left: 0.5em; }
.page-template-template-assistence #page-holder > .w > .v > .s > .p > .content > form > .holder > .holder-of-labels > .c > label > .input > input { display: inline-block; vertical-align: middle; margin: 0; cursor: pointer; }
.page-template-template-assistence #page-holder > .w > .v > .s > .p > .content > form > .holder > label { display: inline-block; vertical-align: top; line-height: 1.5em; cursor: pointer; }
.page-template-template-assistence #page-holder > .w > .v > .s > .p > .content > form > .holder > label > .text { display: block; }
.page-template-template-assistence #page-holder > .w > .v > .s > .p > .content > form > .holder > .holder-of-input { display: block; padding-right: 0em; }
.page-template-template-assistence #page-holder > .w > .v > .s > .p > .content > form > .holder > .holder-of-input > * { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 100%; padding: 0; margin: 0; border: 0; background: none; color: #fff; line-height: 23px; font-size: 15px; background-image: url('img/inputer2.png'); max-width: 960px; }
.page-template-template-assistence #page-holder > .w > .v > .s > .p > .content > form > .holder > .holder-of-input > textarea { height: 69px; resize: none; overflow: hidden; }
.page-template-template-assistence #page-holder > .w > .v > .s > .p > .content > form > .submit { display: block; text-align: right; }
.page-template-template-assistence #page-holder > .w > .v > .s > .p > .content > form > .submit > input { display: inline-block; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #fff; margin: 0; background: none; color: #fff; line-height: 36px; font-size: 15px; border-radius: 19px; padding: 0 18px; cursor: pointer; transition: color 400ms, background-color 400ms; }
.page-template-template-assistence #page-holder > .w > .v > .s > .p > .content > form > .submit > input:hover { color: #000; background-color: #fff; }

/* patch - 19 - 05 - 21 */
.page-template-template-news-php #page-holder > .w > .v { min-width: 0px; width: 90%; margin-left: 5%; }
.page-template-template-news-php #page-holder > .w > .v > .s > .p > .content { position: relative; overflow: hidden; }

.holder-of-news { display: block; margin: -50px -50px 0 0; text-align: left; white-space: normal; }
.holder-of-news > .c { display: inline-block; vertical-align: top; width: 33.3333%; position: relative; }
.holder-of-news > .c > .h { display: block; margin: 50px 50px 0 0; position: relative; overflow: hidden; border: 1px solid #000; background-color: rgba(0,0,0,0.5); }
.holder-of-news > .c > .h > .b { display: block; margin: -1px; position: relative; overflow: hidden; }
.holder-of-news > .c > .h > .b > .i { position: relative; overflow: hidden; margin: 10px; height: 300px; display: block; }
.holder-of-news > .c > .h > .b > .i > .m { max-width: none; display: block; position: absolute; top: 0; left: 0; }
.holder-of-news > .c > .h > .b > .t { display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 10px; background-color: rgba(0,0,0,0.5); padding: 12px 15px 8px; text-align: center; transition: background-color 400ms; }
.holder-of-news > .c > .h > .b > .t > .e { display: block; font-weight: bold; color: #fff; font-size: 16px; line-height: 1.2em; transition: color 400ms; }
.holder-of-news > .c > .h > .b:hover > .t { background-color: rgba(0,0,0,0.75); }
.holder-of-news > .c > .h > .b:hover > .t > .e { color: #00b2f4; }

/* patch - 19 - 07 - 01 */
#header > .w > .la > .a.s { background-color: rgba(255,255,255,0.5); border: 1px solid rgba(0,0,0,0.5); border-radius: 15px; height: 28px; width: 198px; position: relative; overflow: hidden; white-space: nowrap; }
#header > .w > .la > .a.s > input[type="text"] { display: inline-block; height: 28px; border: 0; width: 156px; padding: 0 0 0 14px; font-size: 14px; line-height: 28px; background: none; margin: 0; border-radius: 0; box-shadow: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; vertical-align: top; }
#header > .w > .la > .a.s > input[type="submit"] { display: inline-block; height: 28px; border: 0; width: 28px; padding: 0; background: none; background-image: url('img/search.png'); background-position: 3px center; background-repeat: no-repeat; background-size: 16px; margin: 0; border-radius: 0; box-shadow: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; vertical-align: top; cursor: pointer; }

.main-search-holder { display: block; position: absolute; top: 171px; left: 0; right: 0; bottom: 74px; overflow: hidden; background-color: #fff; }
.main-search-holder > .w { display: block; margin: 25px auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 89%; }
.main-search-holder > .w > .v { display: inline-block; vertical-align: middle; width: 100%; line-height: 1.5em; margin-top: -2px; }
.main-search-holder > .w > .v > .s { display: block; position: relative; overflow: auto; }
.main-search-holder > .w > .v > .s > .p { display: block; position: relative; overflow: hidden; }
.main-search-holder > .w > .v > .s.ps-active-y > .p { padding-right: 30px; }
.main-search-holder > .w > .v > .s > .p > h1 { display: block; font-size: 28px; padding-bottom: 27px; line-height: 1.2em; font-weight: bold; color: #000; }
.main-search-holder > .w > .v > .s > .p > .h { display: block; margin-right: -30px; margin-top: -30px; }
.main-search-holder > .w > .v > .s > .p > .h > .c { display: inline-block; vertical-align: top; width: 25%; }
.main-search-holder > .w > .v > .s > .p > .h > .c > .p { display: block; margin: 30px 30px 0 0; position: relative; }
.main-search-holder > .w > .v > .s > .p > .h > .c > .p > .f { display: block; position: relative; }
.main-search-holder > .w > .v > .s > .p > .h > .c > .p > .f > .i { display: block; position: relative; height: 300px; overflow: hidden; }
.main-search-holder > .w > .v > .s > .p > .h > .c > .p > .f > .i > .m { max-width: none; display: block; position: absolute; top: 0; left: 0; transition: transform 400ms, opacity 400ms; transform: scale(1); opacity: 1; }
.main-search-holder > .w > .v > .s > .p > .h > .c > .p > .f:hover > .i > .m { opacity: 0.9; transform: scale(1.05); }
.main-search-holder > .w > .v > .s > .p > .h > .c > .p > .f > .t { display: block; font-size: 18px; color: #000; line-height: 2em; font-weight: bold; padding: 0.5em 0 1em; transition: color 400ms; }
.main-search-holder > .w > .v > .s > .p > .h > .c > .p > .f:hover > .t { color: #00b2f4; }
.main-search-holder > .w > .v > .s > .p > .h > .c > .p > .l { line-height: 2em; padding-top: 1em; text-align: right; display: block; }
.main-search-holder > .w > .v > .s > .p > .h > .c > .p > .l > .n { display: inline-block; vertical-align: top; text-align: right; max-width: 100%; color: #de6e00; }
.main-search-holder > .w > .v > .s > .p > .h > .c > .p > .l:hover > .n { color: #00b2f4; }
.main-search-holder > .w > .v > .s > .p > .h > #nav-below { display: block; clear: both; padding-top: 1em; line-height: 2em; text-align: right; overflow: hidden; padding-right: 30px; }
.main-search-holder > .w > .v > .s > .p > .h > #nav-below > div > a { color: #de6e00; }
.main-search-holder > .w > .v > .s > .p > .h > #nav-below > div > a:hover { color: #00b2f4; }
.main-search-holder > .w > .v > .s > .p > .h > #nav-below > .nav-next { display: block; float: left; }
.main-search-holder > .w > .v > .s > .p > .h > #nav-below > .nav-previous { display: inline-block; vertical-align: top; }

/* patch - 19 - 07 - 03 */
#index-features > .c > .w > .t > .e.hoverable { cursor: pointer; }
#index-features > .c > .w > .t > .e.hoverable * { transition: color 400ms; }
#index-features > .c > .w > .t > .e.hoverable:hover *,
#index-features > .c > .w > .t > .e.hoverable.hover * { color: #00b2f4 !important; }

.holder-of-news > .c > .h { border-width: 0px; }
.holder-of-news > .c > .h > .b > .i,
.holder-of-news > .c > .h > .b > .t { margin: 0; }

/* patch - 19 - 07 - 18 */
.falseb201907181642 #header { background-color: #00b2f4; }
.falseb201907181642 #header > .w > .m a { color: #fff; }
.falseb201907181642 #header > .w > .m a:hover { color: #224e5e; }
.falseb201907181642 #header > .w > .m .current-menu-item > a { color: #224e5e; }
.falseb201907181642 #header > .w > .la > .a.s { /* background-color: rgba(255,255,255,0.5); */ border-color: rgba(255,255,255,0.75); }
.falseb201907181642 #header > .w > .la > .a > .n { border-color: rgba(255,255,255,0.75); }

.falseb201907181654 #header { background-color: #de6e00; }
.falseb201907181654 #header > .w > .m a { /* color: #fff; */ }
.falseb201907181654 #header > .w > .m a:hover { color: #fff; }
.falseb201907181654 #header > .w > .m .current-menu-item > a { color: #fff; }
.falseb201907181654 #header > .w > .la > .a.s { /* background-color: rgba(255,255,255,0.5); */ /* border-color: rgba(255,255,255,0.75); */ }
.falseb201907181654 #header > .w > .la > .a > .n { /* border-color: rgba(255,255,255,0.75); */ }

.falseb201907181659 #header { background-color: #000; }
.falseb201907181659 #header > .w > .m a { color: #fff; }
.falseb201907181659 #header > .w > .m a:hover { color: rgba(255,255,255,0.75); }
.falseb201907181659 #header > .w > .m .current-menu-item > a { color: rgba(255,255,255,0.75); }
.falseb201907181659 #header > .w > .la > .a.s { background-color: rgba(255,255,255,0.75); border-color: rgba(255,255,255,1); }
.falseb201907181659 #header > .w > .la > .a > .n { border-color: rgba(255,255,255,1); }
.falseb201907181659 #header > .w > .la > .a > .n { background-color: rgba(255,255,255,0.75); }
.falseb201907181659 #header > .w > .la > .a > .n:hover { background-color: rgba(255,255,255,1); }
.falseb201907181659 #header > .w > .la > .a.s > input[type="text"] { color: #000; }

.b201907181642 .holder-of-category-names { background-color: #00b2f4; }
.b201907181654 .holder-of-category-names { background-color: #de6e00; }
.b201907181659 .holder-of-category-names { background-color: #000; }
.b201907181642 #page-holder.single-product > .b { background-color: #00b2f4; }
.b201907181654 #page-holder.single-product > .b { background-color: #de6e00; }
.b201907181659 #page-holder.single-product > .b { background-color: #000; }

/* patch - 19 - 07 - 19 */
.block-of-products { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 171px 0 74px; overflow: hidden; }
.block-of-products > .h { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 89%; margin: 25px auto; line-height: 375px; }
.block-of-products > .h > .c { display: inline-block; vertical-align: middle; line-height: 2em; text-align: center; width: 100%; margin-top: -2px; }
.block-of-products > .h > .c > .w { display: block; position: relative; max-height: 375px; width: 100%; }
.block-of-products > .h > .c > .w > .p { display: block; position: relative; overflow: hidden; }
.block-of-products > .h > .c > .w > .p > .textor { display: block; margin: 0 auto 50px; color: #00b2f4; max-width: 500px; font-size: 20px; line-height: 1.5em; }
.block-of-products > .h > .c > .w > .p > .container { display: block; margin: -25px -25px 0 0; text-align: center; white-space: normal; }
.block-of-products > .h > .c > .w > .p > .container > .c { display: inline-block; vertical-align: top; width: 25%; }
.block-of-products > .h > .c > .w > .p > .container > .c > .a { display: block; margin: 25px auto 0; width: auto; max-width: 300px; }
.block-of-products > .h > .c > .w > .p > .container > .c > .a > .r { display: block; margin-right: 25px; }
.block-of-products > .h > .c > .w > .p > .container > .c > .a > .r > .i { display: block; border: 2px solid transparent; /*  #555; */ position: relative; overflow: hidden; /* padding: 10px; */ transition: border-color 400ms; }
.block-of-products > .h > .c > .w > .p > .container > .c > .a > .r:hover > .i { border-color: #000; }
.block-of-products > .h > .c > .w > .p > .container > .c > .a > .r > .i > .m { display: block; position: absolute; /* top: 10px; */ /* left: 10px; */ top: 0; left: 0; }
.block-of-products > .h > .c > .w > .p > .container > .c > .a > .r > .t { display: block; line-height: 1.5em; padding-top: 15px; text-align: center; white-space: normal; color: #00b2f4; transition: color 400ms; }
.block-of-products > .h > .c > .w > .p > .container > .c > .a > .r:hover > .t { color: #000; }

.holder-of-product-popups { display: none; position: absolute; top: 130px; left: -22px; right: 0; z-index: 100000; background-color: #fff; /* overflow: hidden; */ }
.holder-of-product-popups > .w { width: 89%; margin: 0 auto; display: block; padding: 50px 0; }
.holder-of-product-popups > .w > .h { margin: -50px -50px 0; display: block; text-align: left; position: relative; }
.holder-of-product-popups > .w > .h > .c { display: inline-block; vertical-align: top; width: 37%; }
.holder-of-product-popups > .w > .h > .c.s { width: 26%; position: absolute; top: 0; bottom: 0; }
.holder-of-product-popups > .w > .h > .c > .p { display: block; margin: 50px 50px 0 0; border-left: 2px solid #555; padding-left: 50px; }
.holder-of-product-popups > .w > .h > .c:first-child > .p { border-color: transparent; }
.holder-of-product-popups > .w > .h > .c.s > .p { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.holder-of-product-popups > .w > .h > .c.s > .p > .s { display: block; position: absolute; bottom: 0; left: 50px; right: 0; }
.holder-of-product-popups > .w > .h > .c > .p > .t,
.holder-of-product-popups > .w > .h > .c > .p > .s > .t { display: block; text-align: left; font-size: 16px; font-weight: bold; color: #00b2f4; line-height: 1.5em; }
.holder-of-product-popups > .w > .h > .c > .p > .o,
.holder-of-product-popups > .w > .h > .c > .p > .s > .o { display: block; margin-right: -25px; text-align: left; }
.holder-of-product-popups > .w > .h > .c > .p > .o > .e,
.holder-of-product-popups > .w > .h > .c > .p > .s > .o > .e { display: inline-block; vertical-align: top; width: 50%; }
.holder-of-product-popups > .w > .h > .c > .p > .o > .e > .l,
.holder-of-product-popups > .w > .h > .c > .p > .s > .o > .e > .l { display: block; margin: 25px 25px 0 0; position: relative; padding-left: 100px; line-height: 80px; }
.holder-of-product-popups > .w > .h > .c > .p > .o > .e > .l > .i,
.holder-of-product-popups > .w > .h > .c > .p > .s > .o > .e > .l > .i { display: block; height: 80px; width: 80px; position: absolute; left: 0; top: 0; overflow: hidden; text-align: center; line-height: 80px; }
.holder-of-product-popups > .w > .h > .c > .p > .o > .e > .l > .i > .m,
.holder-of-product-popups > .w > .h > .c > .p > .s > .o > .e > .l > .i > .m { display: inline-block; max-width: 80px; max-height: 80px; vertical-align: middle; margin-top: -2px; }
.holder-of-product-popups > .w > .h > .c > .p > .o > .e > .l > .t,
.holder-of-product-popups > .w > .h > .c > .p > .s > .o > .e > .l > .t { display: inline-block; vertical-align: middle; line-height: 1.5em; color: #000; transition: color 400ms; font-weight: bold; margin-top: -2px; }
.holder-of-product-popups > .w > .h > .c > .p > .o > .e > .l:hover > .t,
.holder-of-product-popups > .w > .h > .c > .p > .s > .o > .e > .l:hover > .t { color: #00b2f4; }
.holder-of-product-popups > .w > .coverrer { display: block; position: absolute; bottom: 100%; width: 200px; height: 35px; z-index: 10000; }

@media screen and (min-width: 1001px) and (min-height: 501px) {
	#index-features > .c > .w > .t { position: unset; left: auto; bottom: auto; right: auto; display: inline-block; vertical-align: bottom; margin-left: 100px; margin-right: 100px; width: 50%; max-width: 630px; min-width: 350px; }
	#index-features > .c > .w > .t > .e { width: auto; max-width: none; }
	#index-features > .c > .w > .t > .a { top: 50%; margin-top: -35px; }
	#index-features > .c > .w > .t > .a.l { left: -20px; }
	#index-features > .c > .w > .t > .a.r { right: -20px; }
}

/* patch - 19 - 07 - 24 */
.block-of-products > .h > .c > .w > .p > .textor { color: black; font-size: 13px; max-width: 800px; }
#page-holder > .w > .v.special { min-width: auto; margin-right: 50%; width: auto; padding-right: 25px; }
#page-holder > .w > .video { display: block; position: absolute; left: 50%; margin-left: 25px; right: 100px; top: 0; bottom: 0; }
#page-holder > .w > .video iframe { display: block; position: absolute; top: 50%; right: 0; }
#header > .w > .la > .a > .n > .g > img { display: block; position: absolute; top: 15%; left: 15%; width: 70%; }
.holder-of-product-popups > .w > .h > .c > .p > .t.aaaa { margin-top: 20px; }
#footer > .w > .c > span { display: inline-block; vertical-align: middle; width: 100%; line-height: 23px; margin-top: -2px; }
#footer > .w > .c > span > a:hover { color: #fff; }

/* patch - 19 - 07 - 26 */
@media screen and (min-width: 1700px) and (min-height: 501px) {
	#footer > .w > .c > span > .byfc { display: block; height: 0px; overflow: hidden; }
}
.page-id-2198 #page-holder > .i > .b,
.page-id-2201 #page-holder > .i > .b { background-color: #737373; }

/* semi-mobile - - - */
@media screen and (max-width: 1800px) {
	#header > .w > .l { left: 661px; right: 310px; margin-left: auto; margin-right: auto; }
}
@media screen and (max-width: 1500px) {
	.holder-of-product-popups > .w > .h { margin: -25px -25px 0; }
	.holder-of-product-popups > .w > .h > .c > .p { margin: 25px 25px 0 0; padding-left: 25px; }
	.holder-of-product-popups > .w > .h > .c > .p > .o,
	.holder-of-product-popups > .w > .h > .c > .p > .s > .o { margin-top: 10px; margin-right: -15px; }
	.holder-of-product-popups > .w > .h > .c > .p > .o > .e > .l,
	.holder-of-product-popups > .w > .h > .c > .p > .s > .o > .e > .l { padding-left: 50px; line-height: 35px; margin: 15px 15px 0 0; }
	.holder-of-product-popups > .w > .h > .c > .p > .o > .e > .l > .i,
	.holder-of-product-popups > .w > .h > .c > .p > .s > .o > .e > .l > .i { height: 35px; width: 35px; line-height: 35px; }
	.holder-of-product-popups > .w > .h > .c > .p > .o > .e > .l > .i > .m,
	.holder-of-product-popups > .w > .h > .c > .p > .s > .o > .e > .l > .i > .m { max-width: 35px; max-height: 35px; }
	.holder-of-product-popups > .w > .h > .c > .p > .o > .e > .l > .t,
	.holder-of-product-popups > .w > .h > .c > .p > .s > .o > .e > .l > .t { font-weight: normal; line-height: 1.3em; }
	.holder-of-product-popups > .w > .h > .c.s > .p > .s { left: 25px; }

	.holder-of-product-popups > .w > .h > .c > .p { min-height: 321px; }
}
@media screen and (max-width: 1340px) {
	#header > .w > .m { margin-left: -5px; }
	#header > .w > .m a { font-size: 13px; padding: 0 5px; }
	#header > .w > .l { left: 440px; }
}
@media screen and (max-width: 1100px) and (min-width: 1001px) and (min-height: 501px) {
	#header > .w > .l { transform: scale(0.5); left: 340px; right: 210px; }
}
@media screen and (min-width: 1001px) and (min-height: 501px) {
	body.category .block-of-products > .h { width: 100%; margin: 0; }
	body.category .block-of-products > .h > .c { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; width: 100%; }
	body.category .block-of-products > .h > .c > .w { max-height: none !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
	body.category .block-of-products > .h > .c > .w > .p { width: 89%; margin: 25px auto; }
}

/* mobile - - - */
#header > .w > .mobile-menu { display: none; }
@media screen and (max-width: 1000px), screen and (max-height: 500px) {
	html,
	body { overflow: auto; }

	#body-wrapper { position: relative; height: auto; min-height: 100%; overflow: visible; }

	#header { z-index: 1000; }
	#header > .w > .m { display: none; }
	#header > .w > .l { left: 0; right: 0; }
	#header > .w > .b { display: none; }
	#header > .w > .mobile-menu { display: block; border: 1px solid rgba(0,0,0,0.5); height: 50px; width: 50px; margin-top: -26px; background-color: rgba(255,255,255,0.5); border-radius: 50%; top: 50%; position: absolute; left: 0; transition: background-color 400ms, border-color 400ms; }
	#header > .w > .mobile-menu:hover { border-color: rgba(0,0,0,1); background-color: rgba(255,255,255,1); }
	#header > .w > .mobile-menu > span { display: block; margin: 5px auto 0; width: 20px; height: 2px; background-color: #000; }
	#header > .w > .mobile-menu > span:first-child { margin-top: 17px; }
	#header > .w > .mobile-menu > #the-true-mobile-menu { background: #FFFFFF !important; border-color: #000000; border-radius: 0; border-style: solid; border-width: 6px 0 46px; display: block; height: 6px; left: -1px; line-height: 6px; margin: 0; opacity: 0; overflow: hidden; padding: 0; position: absolute; text-indent: 99px; top: -1px; width: 52px; z-index: 100; cursor: pointer; }

	#index-features { position: relative; top: auto; left: auto; right: auto; bottom: auto; height: 700px; }
	#index-features > .c > .w > .t { left: 50px; right: 50px; }
	#index-features > .c > .w > .t > .e { width: auto; min-width: 0px; }
	#index-features > .c > .w > .t > .e > .p { font-size: 14px; line-height: 1.5em; }
	#index-features > .c > .w > .t > .e > .p > h2 { font-size: 22px; }
	#index-features > .c > .w > .t > .a.l { left: -70px; }
	#index-features > .c > .w > .t > .a.r { right: -70px; }

	#footer > .w > .c { width: 212px; display: block; float: left; }
	#footer > .w > .r { width: auto; display: block; }

	#page-holder { position: relative; top: auto; left: auto; right: auto; bottom: auto; height: auto; }
	#page-holder > .w { position: relative; top: auto; bottom: auto; left: auto; right: auto; margin-top: 0; margin-bottom: 0; padding-top: 155px; padding-bottom: 99px; }
	#page-holder > .w > .v { width: auto; margin-left: auto; min-width: 100%; margin-right: 0; vertical-align: top; }
	#page-holder > .w > .v > .s.ps-container { max-height: none !important; overflow: visible !important; }

	.page-template-template-assistence #page-holder > .w > .v { margin-right: 0; }

	.page-template-template-contacts #page-holder > .i { position: relative; top: auto; left: auto; bottom: auto; right: auto; height: 400px; margin-bottom: 73px; }
	.page-template-template-contacts #page-holder > .w { padding-bottom: 0; margin-right: 0; width: auto; min-width: 0px; display: block; float: none; max-width: none; }
	.page-template-template-contacts #page-holder > .w > .v { width: auto; min-width: 0px; max-width: none; display: block; }
	.page-template-template-contacts #page-holder > .w.second { text-align: left; padding-top: 0; margin-bottom: 0; }
	.page-template-template-contacts #page-holder > .w.second > .v { margin-right: 0; }
	.page-template-template-contacts #page-holder > .w.second > .v > .s > .p > .content p { text-align: left; }
	.page-template-template-contacts .mapboxgl-ctrl-top-right .mapboxgl-ctrl { margin-top: 10px; }
	#page-holder.single-product > .b { position: relative; top: auto; left: auto; right: auto; }

	.holder-of-news { margin: -25px -25px 0 0; }
	.holder-of-news > .c { width: 50%; }
	.holder-of-news > .c > .h { margin: 25px 25px 0 0; }

	.single #page-holder > .i { position: relative; left: auto; right: auto; bottom: auto; top: auto; }
	.single #page-holder.single-product > .i { top: auto !important; right: auto; margin-top: 10px; }
	.single #page-holder.single-product > .i > .g { position: relative; margin: 0; top: auto; bottom: auto; right: auto; height: auto; width: auto !important; }
	/* .single #page-holder.single-product > .i > .g > .c { left: auto !important; position: relative; height: auto; top: auto; } */
	/* .single #page-holder.single-product > .i > .g > .c > .cboxElement { position: relative; top: auto; bottom: auto; left: auto; right: auto; } */
	/* .single #page-holder.single-product > .i > .g > .c > .cboxElement > img { position: relative; left: auto; top: auto; width: auto !important; max-width: 100%; height: auto !important; max-height: 300px; margin: 0 auto !important; } */
	.single #page-holder.single-product > .w { position: relative; top: auto !important; line-height: 21px !important; margin: 0 auto !important; padding: 20px 0; left: auto; right: auto; bottom: auto; max-width: 90%; }
	.single #page-holder.single-product { top: auto; bottom: auto; padding: 130px 0 0; }
	.single #footer { position: relative; bottom: auto; left: auto; right: auto; }

	/* patch - 19 - 07 - 25 */
	#header > .w > .la { margin-top: -35px; height: 70px; text-align: right; }
	#header > .w > .la > .a.s { display: block; margin-bottom: 10px; }
	.holder-of-subcategories { position: relative; left: auto; right: auto; top: auto; bottom: auto; padding-top: 130px; }
	.holder-of-subcategories > .c { width: 100% !important; display: block; height: 200px !important; }
	body.category { background-color: #fff; }
	body.category #footer { position: relative; bottom: auto; left: auto; right: auto; background: #000; }
	html, body { background-color: #000; }
	.holder-of-category-names { position: relative; left: auto; right: auto; top: auto; padding-top: 130px; }
	.block-of-products { position: relative; top: auto; left: auto; right: auto; bottom: auto; margin: 0; }
	.block-of-products > .h { position: relative; top: auto; left: auto; right: auto; bottom: auto; }
	.block-of-products > .h > .c { display: block; margin-top: 0; }
	.block-of-products > .h > .c > .w { max-height: none !important; }
	.block-of-products > .h > .c > .w > .p > .container > .c { width: 33.3333%; }

	.single #page-holder.single-product { background-color: #fff; }
	.single #page-holder.single-product > .i > .g { right: auto !important; bottom: auto !important; height: 250px !important; }
	.single #page-holder.single-product > .i > .p { margin-top: 10px; position: relative; right: auto; bottom: auto; line-height: 25px; min-height: 25px; width: auto !important; margin-right: 0 !important; margin-bottom: 25px; }
	.single #page-holder.single-product > .i > .p > .c { width: 25px; height: 25px; }
	.single #page-holder.single-product > .i > .p > .c > .l { width: 14px; height: 14px; margin-left: -8px; }
	.single #page-holder > .w > .v > .s > .p > h1.t { font-size: 22px; }
	#page-holder.single-product > .i > .g > .arrow.left { left: 5%; }
	#page-holder.single-product > .i > .g > .arrow.right { right: 5%; }
	.gallery-gallery { position: relative; top: auto; border-top: 130px solid #fff; left: auto; right: auto; height: 250px; bottom: auto; }
	.gallery-gallery > .c { height: 250px !important; }
	.page-template-template-gallery #footer { position: relative; bottom: auto; left: auto; right: auto; }
	.gallery-text { position: relative; bottom: auto; left: auto; right: auto; background-color: #fff; height: auto; line-height: 20px; }
	.gallery-text > .w { height: auto; }
	.gallery-text > .w > .v { display: block; margin: 0 auto; max-height: none !important; }

	#page-holder > .w > .video { right: 0; }
	#footer { position: relative; left: auto; right: auto; bottom: auto; background-color: #000; }
	#page-holder > .w { padding-bottom: 25px !important; }

	/* patch - 19 - 07 - 26 */
	body.category #header { background-color: #fff; }
}
@media screen and (max-width: 1000px) {
	#footer { height: auto; }
	#footer > .w > .c { float: none; width: auto; text-align: center; line-height: 1.5em; padding-bottom: 1em; }
	#footer > .w > .r { text-align: center; }
}
@media screen and (max-width: 890px) {
	#page-holder > .w { padding-bottom: 132px; }

	.page-template-template-contacts #page-holder > .i { margin-bottom: 106px; }
}
@media screen and (max-width: 800px) {
	#page-holder > .w > .v.special { padding-right: 0; margin-right: 0; }

	#page-holder > .w > .video { right: auto; bottom: auto; left: auto; margin-left: auto; margin-right: auto; position: relative; height: 250px; top: auto; padding: 25px 0; }
	#page-holder > .w > .video iframe { top: auto; right: auto; margin: 0 auto !important; position: relative; }
	.page-id-28 #page-holder > .w,
	.page-id-186 #page-holder > .w { line-height: 20px !important; }
}
@media screen and (max-width: 640px) {
	#header > .w > .la > .a.s { width: 108px; }
	#header > .w > .la > .a.s > input[type="text"] { font-size: 12px; letter-spacing: 0; width: 66px; }
}
@media screen and (max-width: 600px) {
	.holder-of-news > .c { width: 100%; }
}
@media screen and (max-width: 560px) {
	.block-of-products > .h > .c > .w > .p > .container > .c { width: 50%; }
}
@media screen and (max-width: 480px) {
	#header > .w > .l { left: 52px; right: 110px; }
}
@media screen and (max-width: 430px) {
	#page-holder > .w { padding-bottom: 155px; }

	.page-template-template-contacts #page-holder > .i { margin-bottom: 129px; }

	#header > .w > .l { left: -48px; right: 10px; transform: scale(0.5); }
}