/* normalize */
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
/* sanitize */
*,::after,::before{background-repeat:no-repeat;box-sizing:inherit}::after,::before{text-decoration:inherit;vertical-align:inherit}html{box-sizing:border-box;cursor:default;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}body,button,input,optgroup,select,textarea{margin:0}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}nav ol,nav ul{list-style:none}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg{fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,select,textarea{color:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}[hidden],template{display:none}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}[aria-disabled]{cursor:default}
/* reset */
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

@font-face {
    font-family: 'Twemoji Country Flags';
    unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E0063, U+E0065, U+E0067, U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;
    src: url('../font/TwemojiCountryFlags.woff2') format('woff2');
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../font/HelveticaNowDisplay-Medium.eot');
    src: url('../font/HelveticaNowDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/HelveticaNowDisplay-Medium.woff2') format('woff2'),
        url('../font/HelveticaNowDisplay-Medium.woff') format('woff'),
        url('../font/HelveticaNowDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../font/HelveticaNowDisplay-Regular.eot');
    src: url('../font/HelveticaNowDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/HelveticaNowDisplay-Regular.woff2') format('woff2'),
        url('../font/HelveticaNowDisplay-Regular.woff') format('woff'),
        url('../font/HelveticaNowDisplay-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../font/HelveticaNowDisplay-ExtraBold.eot');
    src: url('../font/HelveticaNowDisplay-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../font/HelveticaNowDisplay-ExtraBold.woff2') format('woff2'),
        url('../font/HelveticaNowDisplay-ExtraBold.woff') format('woff'),
        url('../font/HelveticaNowDisplay-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../font/HelveticaNowDisplay-MedIta.eot');
    src: url('../font/HelveticaNowDisplay-MedIta.eot?#iefix') format('embedded-opentype'),
        url('HelveticaNowDisplay-MedIta.woff2') format('woff2'),
        url('../font/HelveticaNowDisplay-MedIta.woff') format('woff'),
        url('../font/HelveticaNowDisplay-MedIta.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../font/HelveticaNowDisplay-RegIta.eot');
    src: url('../font/HelveticaNowDisplay-RegIta.eot?#iefix') format('embedded-opentype'),
        url('../font/HelveticaNowDisplay-RegIta.woff2') format('woff2'),
        url('../font/HelveticaNowDisplay-RegIta.woff') format('woff'),
        url('../font/HelveticaNowDisplay-RegIta.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../font/HelveticaNowDisplay-ExtBdIta.eot');
    src: url('../font/HelveticaNowDisplay-ExtBdIta.eot?#iefix') format('embedded-opentype'),
        url('../font/HelveticaNowDisplay-ExtBdIta.woff2') format('woff2'),
        url('../font/HelveticaNowDisplay-ExtBdIta.woff') format('woff'),
        url('../font/HelveticaNowDisplay-ExtBdIta.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

/* html */
* { margin: 0; padding: 0; }
.cleaner { position: relative; display: block; clear: both; }
.aligncenter { text-align: center !important; margin-left: auto; margin-right: auto; display: block; }
.tocenter { text-align: center !important; }
.toleft { float: left; }
.alignleft { text-align: left !important; }
.toright { float: right; }
.alignright { text-align: right !important; }
a { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
button { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
input { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
img { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
img:hover { -webkit-filter: brightness(110%); -moz-filter: brightness(110%); -o-filter: brightness(110%); filter: brightness(110%); }

/* body - desktop 1367 * more for 1200px */
html { height: 100%; width: 100%; scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; touch-action: manipulation; -ms-touch-action: manipulation; z-index: 0; }
body { margin: auto; text-align: center; min-height: 0px; height: 100%; min-width: 100%; width: 100%; text-rendering: optimizeLegibility; font-family: 'Helvetica Now Display', 'Segoe UI Emoji'; font-weight: 400; font-size: 10px; background-color: #F2F2F2; background-repeat: repeat-x; background-position: top left; color: #000; z-index: 1; }

/* cookieconsent */
body.cookieconsent { /*padding-top: 35px;*/ }
#cookieconsent-wrap { transform-style: preserve-3d; position: absolute; font-size: 12px; top: 0px; left: 0px; right: 0px; height: 30px; width: 100%; min-width: 1200px; background: rgb(113,174,107); color: #fff; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset; z-index: 9995; }
#cookieconsent-wrap:before, #cookieconsent-wrap:after { transform: translateZ(-1px); content: ""; position: absolute; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.8); -moz-box-shadow:0 0 10px rgba(0,0,0,0.8); box-shadow:0 0 10px rgba(0,0,0,0.8); top: 5px; bottom: 5px; left: 0; right: 0; -moz-border-radius: 50px/5px; border-radius: 50px/5px; z-index: 9994; }
#cookieconsent-wrap:after { right: 5px; left: auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); }
#cookieconsent-wrap #cookieconsent { position: relative; display: block; height: 30px; vertical-align: middle; width: 1200px; padding-left: 25px; padding-right: 25px; margin-left: auto; margin-right: auto; text-align: center; background: rgb(113,174,107); color: #fff; z-index: 9996; }
#cookieconsent-wrap #cookieconsent p { display: inline-block; line-height: 30px; background: rgb(113,174,107); color: #fff; }
#cookieconsent-wrap #cookieconsent p#cookieenabled { display: inline-block; visibility: visible; opacity: 1; }
#cookieconsent-wrap #cookieconsent p#cookiedisabled { display: none; visibility: hidden; opacity: 0; }
#cookieconsent-wrap #cookieconsent button { display: inline-block; float: right; margin-top: 5px; margin-right: 2.5px; font-size: 13px; cursor: pointer; background-color: #fff; border: 1px solid #A9A9A9; padding: 2px; letter-spacing: 0; color: #000; height: 21px; min-width: 0; vertical-align: middle; }
#cookieconsent-wrap #cookieconsent button:hover, #cookieconsent-wrap #cookieconsent button:active, #cookieconsent-wrap #cookieconsent button:focus { background-color: #E8E8E8; }
#cookieconsent-wrap #cookieconsent img { display: inline-block; float: right; margin-top: 8px; margin-left: 4px; height: 14px; width: 14px; opacity: 0.8; /*-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 81); filter: alpha(opacity= 81);*/ -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=81); filter: alpha(opacity=81); }
#cookieconsent-wrap #cookieconsent img:hover, #cookieconsent-wrap #cookieconsent img:active, #cookieconsent-wrap #cookieconsent img:focus { opacity: 1; /*-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 100); filter: alpha(opacity= 100);*/ -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); }

/* cookieconsent noscript */
#cookieconsentnoscript-wrap { transform-style: preserve-3d; position: absolute; font-size: 12px; top: 0px; left: 0px; right: 0px; height: 30px; width: 100%; min-width: 1110px; background: rgba(113,174,107, 1); color: #fff; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset; z-index: 9998; }
#cookieconsentnoscript-wrap:before, #cookieconsentnoscript-wrap:after { transform: translateZ(-1px); content: ""; position: absolute; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.8); -moz-box-shadow:0 0 10px rgba(0,0,0,0.8); box-shadow:0 0 10px rgba(0,0,0,0.8); top: 5px; bottom: 5px; left: 0; right: 0; -moz-border-radius: 50px/5px; border-radius: 50px/5px; z-index: 9997; }
#cookieconsentnoscript-wrap:after { right: 5px; left: auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); }
#cookieconsentnoscript-wrap #cookieconsentnoscript { position: relative; display: block; height: 30px; vertical-align: middle; width: 1110px; padding-left: 25px; padding-right: 25px; margin-left: auto; margin-right: auto; text-align: center; z-index: 9999; }
#cookieconsentnoscript-wrap #cookieconsentnoscript p { display: inline-block; line-height: 30px; }
#cookieconsentnoscript-wrap #cookieconsentnoscript button { display: inline-block; float: right; margin-top: 5px; margin-right: 4px; font-size: 13px; cursor: pointer; background-color: #fff; border: 1px solid #A9A9A9; padding: 2px; letter-spacing: 0; color: #000; height: 21px; min-width: 0; vertical-align: middle; }
#cookieconsentnoscript-wrap #cookieconsentnoscript button:hover, #cookieconsent-wrap #cookieconsentnoscript button:active, #cookieconsent-wrap #cookieconsentnoscript button:focus { background-color: #E8E8E8; }
#cookieconsentnoscript-wrap #cookieconsentnoscript img { display: inline-block; float: right; margin-top: 8px; margin-left: 4px; height: 14px; width: 14px; opacity: 0.8; /*-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 81); filter: alpha(opacity= 81);*/ -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=81); filter: alpha(opacity=81); }
#cookieconsentnoscript-wrap #cookieconsentnoscript img:hover, #cookieconsentnoscript-wrap #cookieconsentnoscript img:active, #cookieconsentnoscript-wrap #cookieconsentnoscript img:focus { opacity: 1; /*-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 100); filter: alpha(opacity= 100);*/ -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); }

/* cookieconsent reopen */
#cookieconsent-reopen { display: none; visibility: hidden; position: fixed; bottom: 20px; left: 20px; font-size: 24px; filter: grayscale(1); opacity: 0.2; /*-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 19); filter: alpha(opacity= 19);*/ -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=19); filter: alpha(opacity=19); text-decoration: none; }
#cookieconsent-reopen:hover, #cookieconsent-reopen:active, #cookieconsent-reopen:focus { filter: grayscale(0); opacity: 1; /*-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 100); filter: alpha(opacity= 100);*/ -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); text-decoration: none; }

/* cookieconsentpanel */
body.panel { background: rgba(113,174,107, 1); }
#cookieconsentpanel-wrap { display: none; visibility: hidden; position: fixed; font-size: 12px; top: 0px; bottom: 0px; left: 0px; right: 0px; height: 100%; width: 100%; min-width: 1110px; background: rgba(113,174,107, 1); color: #fff; overflow-y: auto; z-index: 10001; }
#cookieconsentpanel-wrap #cookieconsentpanel { position: relative; padding-top: 35px; padding-bottom: 55px; display: block; min-height: 0; vertical-align: middle; width: 1110px; padding-left: 50px; padding-right: 50px; margin-left: auto; margin-right: auto; text-align: left; background: rgba(113,174,107, 1); color: #fff; z-index: 9999; }
#cookieconsentpanel-wrap #cookieconsentpanel h3 { font-size: 18px; font-weight: 700; color: #E2EEE1; margin-bottom: 20px; }
#cookieconsentpanel-wrap #cookieconsentpanel h4 { font-size: 15px; font-weight: 700; color: #E2EEE1; margin-top: 10px; margin-bottom: 10px; }
#cookieconsentpanel-wrap #cookieconsentpanel p { display: inline-block; line-height: 1.2; margin-bottom: 10px; }
#cookieconsentpanel-wrap #cookieconsentpanel p.last { margin-bottom: 15px; }
#cookieconsentpanel-wrap #cookieconsentpanel button { display: inline-block; margin-top: 5px; margin-bottom: 15px; margin-right: 4px; font-size: 13px; cursor: pointer; background-color: #fff; border: 1px solid #A9A9A9; padding: 2px; letter-spacing: 0; color: #000; height: 21px; min-width: 0; vertical-align: middle; }
#cookieconsentpanel-wrap #cookieconsentpanel button:hover, #cookieconsentpanel-wrap #cookieconsentpanel button:active, #cookieconsentpanel-wrap #cookieconsentpanel button:focus { background-color: #E8E8E8; }
#cookieconsentpanel-wrap #cookieconsentpanel h5 { font-size: 14px; font-weight: 700; color: #E2EEE1; margin-top: 10px; margin-bottom: 15px; }
#cookieconsentpanel-wrap #cookieconsentpanel h6 { margin-bottom: 5px; }
#cookieconsentpanel-wrap #cookieconsentpanel a { color: #fff; text-decoration: underline; }
#cookieconsentpanel-wrap #cookieconsentpanel a:hover, #cookieconsentpanel-wrap #cookieconsentpanel a:active, #cookieconsentpanel-wrap #cookieconsentpanel a:focus { color: #fff; text-decoration: none; }
#cookieconsentpanel-wrap #cookieconsentpanel a.show { display: inline-block; margin-top: 3px; margin-bottom: 17px; }
#cookieconsentpanel-wrap #cookieconsentpanel table { display: block; border-collapse: collapse; max-width: 100%; vertical-align: middle; margin-bottom: 30px; text-align: center; }
#cookieconsentpanel-wrap #cookieconsentpanel table thead { border-collapse: collapse; width: 100%; color: #fffacd; }
#cookieconsentpanel-wrap #cookieconsentpanel table thead tr { background-color: #009933; }
#cookieconsentpanel-wrap #cookieconsentpanel table thead tr th { vertical-align: middle; width: auto; border-style: solid; border-width: 1px; border-color: #000; padding: 3px; padding-left: 30px; padding-right: 30px; }
#cookieconsentpanel-wrap #cookieconsentpanel table thead tr th:first-of-type { width: 30%; }
#cookieconsentpanel-wrap #cookieconsentpanel table thead tr th:last-of-type { width: 5%; }
#cookieconsentpanel-wrap #cookieconsentpanel table thead tr th.big { padding-left: 50px; padding-right: 50px; }
#cookieconsentpanel-wrap #cookieconsentpanel table thead tr th a { color: #fffacd; }
#cookieconsentpanel-wrap #cookieconsentpanel table tbody { border-collapse: collapse; width: 100%; }
#cookieconsentpanel-wrap #cookieconsentpanel table tbody tr { -webkit-transition: background-color .3s linear; -moz-transition: background-color .3s linear; -o-transition: background-color .3s linear; transition: background-color .3s linear; }
#cookieconsentpanel-wrap #cookieconsentpanel table tbody tr:nth-of-type(even) { background-color: #5bb759; }
#cookieconsentpanel-wrap #cookieconsentpanel table tbody tr:nth-of-type(odd) { background-color: #4ea94c; }
#cookieconsentpanel-wrap #cookieconsentpanel table tbody tr:hover { background-color: #feffdf; color :#000; }
#cookieconsentpanel-wrap #cookieconsentpanel table tbody tr a { -webkit-transition: initial; -moz-transition: initial; -o-transition: initial; transition: initial; }
#cookieconsentpanel-wrap #cookieconsentpanel table tbody tr:hover a { color :#000; }
#cookieconsentpanel-wrap #cookieconsentpanel table tbody tr td { vertical-align: middle; width: auto !important; width: auto; border-style: solid; border-width: 1px; border-color: #000; padding: 3px; padding-left: 25px; padding-right: 25px; }
#cookieconsentpanel-wrap #cookieconsentpanel table tbody tr td checkbox { width: 25px; height: 25px; cursor: pointer; }
#cookieconsentpanel-wrap #cookieconsentpanel table tbody tr td checkbox:hover { cursor: pointer; }
#cookieconsentpanel-wrap #cookieconsentpanel #cookieconsent-purposes-list { display: none; visibility: hidden; opacity: 0; }
#cookieconsentpanel-wrap #cookieconsentpanel #cookieconsent-recipients-list { display: none; visibility: hidden; opacity: 0; }

/* browserupgrade */
#browserupgrade-wrap { position: relative; font-size: 12px; height: 30px; width: 100%; min-width: 1110px; color: #000; z-index: 9998; }
#browserupgrade-wrap #browserupgrade { position: relative; display: block; height: 30px; vertical-align: middle; width: 1110px; padding-left: 25px; padding-right: 25px; margin-left: auto; margin-right: auto; text-align: center; z-index: 9999; }
#browserupgrade-wrap #browserupgrade p { display: inline-block; line-height: 30px; }
#browserupgrade-wrap #browserupgrade p a { color: #000; text-decoration: underline; }
#browserupgrade-wrap #browserupgrade p a:hover, #browserupgrade-wrap #browserupgrade p a:active, #browserupgrade-wrap #browserupgrade p a:focus { color: #000; text-decoration: none; }


/* header */
header { position: relative; border-bottom-color: #DBDBDB; border-bottom-style: solid; border-bottom-width: 1px; display: block; width: 100%; height: 85px; overflow: visible; text-align: center; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; }
header #logo { position: relative; display: block; width: 95px; height: 30px; float: left; margin-top: 28px; margin-right: 31px; }
header #slogan { position: relative; display: block; width: 169px; height: 50px; float: left; margin-top: 16px; }
/* header, show-menu */
header #show-menu { display: none; visibility: hidden; }
header #show-menu img { width: 30px; height: auto; position: absolute; top: 36px; right: 20px; }
/* header, menu */
header #menu { position: relative; display: block; min-width: 0; height: 85px; float:right; text-align: left; }
header #menu .item { position: relative; display: inline-block; min-width: 0px; height: 85px; padding-left: 9.5px; padding-right: 9.5px; padding-top: 30px; text-decoration: none; color: #000; font-size: 18px; font-weight: 500; line-height: 1.444444444444444; }
header #menu .item.active { color: #3693FF; text-decoration: none; }
header #menu .item:hover, header #menu .item:active, header #menu .item:focus { color: #3693FF; text-decoration: none; }
header #menu .lang { position: relative; display: inline-block; min-width: 0px; height: 85px; margin-left: 18px; padding-left: 0; padding-right: 0; text-decoration: none; color: #000; font-size: 18px; font-weight: 500; line-height: 1.444444444444444; }
header #menu .lang.active { color: #3693FF; text-decoration: none; }
header #menu .lang:hover, header #menu .lang:active, header #menu .lang:focus { color: #3693FF; text-decoration: none; }
header #menu .lang img { margin-right: 4px; float: left; margin-top: 5px; }


/* main */
main { position: relative; display: block; width: 100%; min-height: 0; }
main h1.shadow { position: relative; display: block; height: 332px; width: 100%; text-align: center; font-size: 70px; line-height: 1.142857142857143; color: #fff; padding-top: 127px; padding-bottom: 127px; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); } 
main h1.shadow#rolls:before { z-index: -1; content: ""; position: absolute; top:0; left:0; right: 0; height: 100%; width: 100%;  background-image: url('../img/rolls-header-b.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
html.webp main h1#rolls:before { background-image: url('../img/rolls-header-b.webp'); }
/*html.avif main h1#rolls:before { background-image: url('../img/AWU-Precision-Slovakia-061-_MG_4517-daviddoros-2017retus-2020-02.avif'); }*/
/**/
main h1.shadow#mandrels:before { z-index: -1; content: ""; position: absolute; top:0; left:0; right: 0; height: 100%; width: 100%;  background-image: url('../img/mandrels-header-b.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
html.webp main h1#mandrels:before { background-image: url('../img/mandrels-header-b.webp'); }
/*html.avif main h1#mandrels:before { background-image: url('../img/mandrels-header-b.avif'); }*/
/**/
main h1.shadow#shafts:before { z-index: -1; content: ""; position: absolute; top:0; left:0; right: 0; height: 100%; width: 100%;  background-image: url('../img/shafts-header-c.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
html.webp main h1#shafts:before { background-image: url('../img/shafts-header-b.webp'); }
/*html.avif main h1#shafts:before { background-image: url('../img/shafts-header-b.avif'); }*/
/**/
main h1.shadow#columns:before { z-index: -1; content: ""; position: absolute; top:0; left:0; right: 0; height: 100%; width: 100%;  background-image: url('../img/columns-header-c.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
html.webp main h1#columns:before { background-image: url('../img/columns-header-c.webp'); }
/*html.avif main h1#columns:before { background-image: url('../img/columns-header-c.avif'); }*/
/**/
main h1.shadow#technicalcompetencies:before { z-index: -1; content: ""; position: absolute; top:0; left:0; right: 0; height: 100%; width: 100%;  background-image: url('../img/technical-header.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
html.webp main h1#technicalcompetencies:before { background-image: url('../img/technical-header.webp'); }
/*html.avif main h1#technicalcompetencies:before { background-image: url('../img/columns-header.avif'); }*/
/**/
main table { position: relative; display: block; width: 900px; margin-left: auto; margin-right: auto; margin-top: 60px; margin-bottom: 60px; text-align: left; font-size: 20px; line-height: 1.25; font-weight: 500; border-style: solid; border-width: 1px; border-color: #DBDBDB; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
main table tr { background-color: #F2F2F2; }
main table tr:nth-child(even) { background-color: #EAEAEA; }
main table tr:first-of-type td:first-of-type { -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; padding-top: 51px; }
main table tr:first-of-type td:last-of-type { -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; padding-top: 51px; }
main table tr:last-of-type td:first-of-type { -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; padding-bottom: 36px; }
main table tr:last-of-type td:last-of-type { -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; padding-bottom: 36px; }
main table tr td { padding-left: 50px; padding-top: 31px; padding-bottom: 17px; }
main table tr td strong { font-weight: 800; width: 232px; display: block; }
main table tr td ul { list-style-image: url('../img/arrow-right.svg'); list-style-position: outside; }
main table tr td ul li { width: 516px; margin-bottom: 15px; padding-left: 3px; }
main table tr td:last-of-type { padding-right: 50px; }
/**/
main a#photogallery { position: relative; text-align: center; display: block; float: left; height: 500px; width: 50%; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); background-size: 371px 100%; }
/*main a#photogallery:before { z-index: -1; content: ""; position: absolute; top:0; left:0; right: 0; height: 100%; width: 100%;  background-image: url('../img/AWU-Precision-Slovakia-060-_MG_4514-daviddoros-2017.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
html.webp main a#photogallery:before { background-image: url('../img/AWU-Precision-Slovakia-060-_MG_4514-daviddoros-2017.webp'); }
html.avif main a#photogallery:before { background-image: url('../img/AWU-Precision-Slovakia-060-_MG_4514-daviddoros-2017.avif'); }*/
main a#photogallery:before { z-index: -1; content: ""; position: absolute; top:0; left:0; right: 0; height: 100%; width: 100%;  background-image: url('../img/AWU_2023_011_DD_4669-daviddoros-2023.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
html.webp main a#photogallery:before { background-image: url('../img/AWU_2023_011_DD_4669-daviddoros-2023.webp'); }
/*html.avif main a#photogallery:before { background-image: url('../img/AWU_2023_011_DD_4669-daviddoros-2023.avif'); }*/
main a#photogallery h2 { color: #fff; text-decoration: underline; font-size: 30px; line-height: 1.3; font-weight: 800; padding-top: 409px; }
main a#photogallery:hover, main a#photogallery:active, main a#photogallery:focus { color: #fff; text-decoration: none; }
main a#photogallery:hover h2, main a#photogallery:active h2, main a#photogallery:focus h2 { color: #fff; text-decoration: none; }
main a#photogallery h2:hover, main a#photogallery h2:active, main a#photogallery h2:focus { color: #fff; text-decoration: none; }
/**/
main a#photogallery.mandrels:before { background-image: url('../img/mandrels-bg.jpg') !important; }
html.webp main a#photogallery.mandrels:before { background-image: url('../img/mandrels-bg.webp') !important; }
/**/
main a#photogallery.columns:before { background-image: url('../img/columns-bg.jpg') !important; }
html.webp main a#photogallery.columns:before { background-image: url('../img/columns-bg.webp') !important; }
/**/
main a#photogallery.shafts:before { background-image: url('../img/shafts-foto.jpg') !important; }
html.webp main a#photogallery.shafts:before { background-image: url('../img/shafts-foto.webp') !important; }
/**/
main a#pdf { position: relative; text-align: center; display: block; float: left; height: 500px; width: 50%; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); background-size: 371px 100%; }
main a#pdf:before { z-index: -1; content: ""; position: absolute; top:0; left:0; right: 0; height: 100%; width: 100%;  background-image: url('../img/AWU_2021-008-_MG_9936-daviddoros.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
html.webp main a#pdf:before { background-image: url('../img/AWU_2021-008-_MG_9936-daviddoros.webp'); }
html.avif main a#pdf:before { background-image: url('../img/AWU_2021-008-_MG_9936-daviddoros.avif'); }
main a#pdf h2 { color: #fff; text-decoration: underline; font-size: 30px; line-height: 1.3; font-weight: 800; padding-top: 409px; }
main a#pdf:hover, main a#pdf:active, main a#pdf:focus { color: #fff; text-decoration: none; }
main a#pdf:hover h2, main a#pdf:active h2, main a#pdf:focus h2 { color: #fff; text-decoration: none; }
main a#pdf h2:hover, main a#pdf h2:active, main a#pdf h2:focus { color: #fff; text-decoration: none; }
/**/
main section { position: relative; display: inline-block; margin-top: 60px; margin-bottom: 60px; padding-left: 50px; padding-right: 50px; padding-top: 43px; padding-bottom: 0; margin-left: auto; margin-right: auto; text-align: left; width: 900px; min-height: 289px; background-color: #3693FF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
main section h2 { color: #fff; font-size: 30px; font-weight: 800; line-height: 1.3; margin-bottom: 25px; }
main section p { color: #fff; font-size: 18px; font-weight: 500; line-height: 1.166666666666667; margin-bottom: 27px; width: 670px; }
main section a { color: #fff; font-size: 18px; font-weight: 500; line-height: 1.055555555555556; margin-right: 29px; text-align: left; text-decoration: none; }
main section a span { margin-right: 1px; text-decoration: none; }
main section a:hover, main section a:active, main section a:focus { color: #fff; text-decoration: none; }
main section a:hover span, main section a:active span, main section a:focus span { color: #fff; text-decoration: underline; }
/**/
main nav { position: relative; text-align: center; height: 258px; width: 100%; background-color: rgba(0,0,0,0.6); padding-top: 63px; }
main nav:before { z-index: -1; content: ""; position: absolute; top:0; left:0; right: 0; height: 100%; width: 100%; background-image: url('../img/IMG_4112.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
html.webp main nav:before { background-image: url('../img/IMG_4112.webp'); }
html.avif main nav:before { background-image: url('../img/IMG_4112.avif'); }
main nav h2 { text-align: center; color: #fff; font-size: 30px; font-weight: 800; line-height: 1.3; margin-bottom: -17px; }
main nav a.button { padding-left: 20px; padding-right: 20px; padding-top: 21px; font-size: 18px; font-weight: 400; line-height: 1.111111111111111; color: #fff; margin-left: 10px; margin-right: 10px; background-color: rgba(0,0,0,0.5); text-decoration: none; display: inline-block; height: 64px; min-width: 0px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
main nav a.button:hover, main nav a.button:active, main nav a.button:focus { background-color: rgba(0,0,0,1); text-decoration: none; }
/**/
main h1.main { margin-top: 34px; margin-bottom: 0; font-size: 70px; line-height: 1.142857142857143; font-weight: 800; color: #000; text-align: center; max-width: 1065px; margin-left: auto; margin-right: auto; }
main p.main { margin-top: 43px; margin-bottom: 0; font-size: 20px; line-height: 1.3; font-weight: 500; color: #000; text-align: center; max-width: 700px; margin-left: auto; margin-right: auto; }
main p.main a { color: #3693FF; text-decoration: none; }
main p.main a:hover, main p.main a:active, main p.main a:focus { color: #3693FF; text-decoration: underline; }
main img.mainslogan { display: block; margin-top: 51px; margin-bottom: 0; width: 200px; height: 59px; text-align: center; margin-left: auto; margin-right: auto; }
/**/
main a.button { margin-top: 49px; margin-bottom: 80px; display: inline-block; min-width: 0; padding-left: 20px; padding-right: 20px; height: 67px; font-size: 20px; line-height: 67px; color: #fff; text-decoration: none; background-color: #3693FF; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
main a.button:hover, main a.button:active, main a.button:focus { color: #fff; background-color: #1c86ff; text-decoration: none; }
/**/
main a.button.empty { background-color: transparent; border-color: #3693FF; border-style: solid; border-width: 5px; height: 67px; color: #3693FF; line-height: 57px; margin-left: 19px; }
main a.button.empty:hover, main a.button.empty:active, main a.button.empty:focus { background-color: #3693FF; color: #fff; }
/**/
main a.badge { height: 120px; width: 120px; background-color: #FD8D8D; position: absolute; top: 257px; left: 24%; border-radius: 50%; color: #000000; padding-top: 49px; font-size: 16px; line-height: 20px; text-align: center; text-decoration: none; }
main a.badge:hover, main a.badge:active, main a.badge:focus { background-color: #fc7474; color: #000000; text-decoration: none; }
/**/
main a#company-profile { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; position: relative; text-decoration: none; text-align: center; display: block; float: left; width: 100%; min-width: 1280px; height: 500px; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); background-size: 500px 100%; }
/*main a#company-profile:before { z-index: -1; content: ""; position: absolute; top:0; left:0; right: 0; height: 100%; width: 100%;  background-image: url('../img/AWU_2019-001-awu_panorama1-daviddoros-2019-retus_08-2020.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
html.webp main a#company-profile:before { background-image: url('../img/AWU_2019-001-awu_panorama1-daviddoros-2019-retus_08-2020.webp'); }*/
/*html.avif main a#company-profile:before { background-image: url('../img/AWU_2019-001-awu_panorama1-daviddoros-2019-retus_08-2020.avif'); }*/
main a#company-profile video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; min-width: 100%; max-width: 100%; height: auto; text-align: center; }
main a#company-profile h2 { font-size: 70px; font-weight: 700; color: #fff; text-align: center; margin-left: auto; margin-right: auto; margin-top: 274px; margin-bottom: 46px; text-decoration: none; }
main a#company-profile span.button { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; display: inline-block; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; text-align: center; height: 60px; min-width: 0; line-height: 60px; font-size: 15px; color: #fff; background-color: rgba(0,0,0,0.5); text-decoration: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
main a#company-profile span.button:hover, main a#company-profile span.button:active, main a#company-profile span.button:focus { background-color: rgba(0,0,0,0.9); }
main a#company-profile:hover span.button { background-color: rgba(0,0,0,0.9); }
/**/
main a#products { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; position: relative; text-decoration: none; text-align: center; display: block; float: left; width: 100%; min-width: 1280px; height: 500px; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); background-size: 500px 100%; }
main a#products:before { z-index: -1; content: ""; position: absolute; top:0; left:0; right: 0; height: 100%; width: 100%;  background-image: url('../img/AWU-Precision-Slovakia-061_MG_4517-daviddoros-2017retus-2020-02.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
html.webp main a#products:before { background-image: url('../img/AWU-Precision-Slovakia-061_MG_4517-daviddoros-2017retus-2020-02.webp'); }
/*html.avif main a#company-profile:before { background-image: url('../img/AWU-Precision-Slovakia-061_MG_4517-daviddoros-2017retus-2020-02.avif'); }*/
main a#products h2 { font-size: 70px; font-weight: 700; color: #fff; text-align: center; margin-left: auto; margin-right: auto; margin-top: 274px; margin-bottom: 46px; text-decoration: none; }
main a#products span.button { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; display: inline-block; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; text-align: center; height: 60px; min-width: 0; line-height: 60px; font-size: 15px; color: #fff; background-color: rgba(0,0,0,0.5); text-decoration: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
main a#products span.button:hover, main a#products span.button:active, main a#products span.button:focus { background-color: rgba(0,0,0,0.9); }
main a#products:hover span.button { background-color: rgba(0,0,0,0.9); }
/**/
main a#outsourcing { padding-left: 52px; padding-right: 52px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; position: relative; text-decoration: none; text-align: left; display: block; float: left; width: 50%; min-width: 640px; height: 500px; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(54,147,255,0.9)); background-size: 500px 100%; }
main a#outsourcing:before { z-index: -1; content: ""; position: absolute; top:0; left:0; right: 0; height: 100%; width: 100%;  background-image: url('../img/AWU-Precision-Slovakia-018_MG_3296-daviddoros-2017.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
html.webp main a#outsourcing:before { background-image: url('../img/AWU-Precision-Slovakia-018_MG_3296-daviddoros-2017.webp'); }
/*html.avif main a#outsourcing:before { background-image: url('../img/AWU-Precision-Slovakia-018_MG_3296-daviddoros-2017.avif'); }*/
main a#outsourcing h3 { font-size: 30px; font-weight: 800; color: #fff; text-align: left; margin-top: 227px; margin-bottom: 17px; text-decoration: none; }
main a#outsourcing p { font-size: 20px; font-weight: 500; line-height: 1.3; color: #fff; text-align: left; max-width: 527px; margin-bottom: 31px; }
main a#outsourcing span.button { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; display: inline-block; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; text-align: center; height: 67px; min-width: 0; line-height: 67px; font-size: 20px; color: #fff; background-color: rgba(0,0,0,0.5); text-decoration: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
main a#outsourcing span.button:hover, main a#outsourcing span.button:active, main a#outsourcing span.button:focus { background-color: rgba(0,0,0,0.9); }
main a#outsourcing:hover span.button { background-color: rgba(0,0,0,0.9); }
/**/
main a#sales { padding-left: 52px; padding-right: 52px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; position: relative; text-decoration: none; text-align: left; display: block; float: left; width: 50%; min-width: 640px; height: 500px; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); background-size: 500px 100%; }
main a#sales:before { z-index: -1; content: ""; position: absolute; top:0; left:0; right: 0; height: 100%; width: 100%;  background-image: url('../img/AWU_kalendar_07_2023-daviddoros.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
html.webp main a#sales:before { background-image: url('../img/AWU_kalendar_07_2023-daviddoros.webp'); }
/*html.avif main a#sales:before { background-image: url('../img/AWU_kalendar_07_2023-daviddoros.avif'); }*/
main a#sales h3 { font-size: 30px; font-weight: 800; color: #fff; text-align: left; margin-top: 227px; margin-bottom: 17px; text-decoration: none; }
main a#sales p { font-size: 20px; font-weight: 500; line-height: 1.3; color: #fff; text-align: left; max-width: 527px; margin-bottom: 31px; }
main a#sales span.button { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; display: inline-block; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; text-align: center; height: 67px; min-width: 0; line-height: 67px; font-size: 20px; color: #fff; background-color: rgba(54,147,255,0.5); text-decoration: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
main a#sales span.button:hover, main a#sales span.button:active, main a#sales span.button:focus { background-color: rgba(54,147,255,0.9); }
main a#sales:hover span.button { background-color: rgba(54,147,255,0.9); }
/**/
main h1.video { position: relative; display: block; height: 500px; width: 100%; text-align: center; font-size: 70px; line-height: 1.142857142857143; color: #fff; padding-top: 127px; padding-bottom: 127px; overflow: hidden; } 
main h1.video span { position: relative; display: block; z-index: 9997; }
main h1.video .button { position: relative; margin-top: 41px; display: inline-block; margin-left: auto; margin-right: auto; height: 60px; font-size: 15px; line-height: 60px; color: #fff; background-color: rgba(54,147,255,0.5); font-weight: 400; z-index: 9997; }
main h1.video .button:hover, main h1.video .button:active, main h1.video .button:focus { background-color: rgba(54,147,255,0.9); }
main h1.video video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; min-width: 100%; max-width: 100%; height: auto; text-align: center; }
main h1.video .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; min-width: 100%; max-width: 100%; height: 100%; min-height: 100%; max-height: 100%; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); }
/**/
main section.paragraphs { background-color: #F2F2F2; border-color: #DBDBDB; border-width: 1px; border-style: solid; padding-top: 51px; padding-bottom: 30px; }
main section.paragraphs:first-of-type { margin-top: 70px; }
main section.paragraphs h3 { color: #000; font-size: 20px; line-height: 1.25; font-weight: 800; margin-bottom: 15px; }
main section.paragraphs p { color: #000; font-size: 20px; line-height: 1.25; font-weight: 500; width: auto; margin-bottom: 25px; }
main section.paragraphs h1 { color: #000; font-size: 30px; line-height: 1.166666666666667; font-weight: 800; margin-top: -3px; margin-bottom: 24px; }
main section.paragraphs h2 { color: #000; font-size: 30px; line-height: 1.166666666666667; font-weight: 800; margin-top: -3px; margin-bottom: 24px; }
/**/
main section.paragraphs ul { color: #000; font-size: 20px; line-height: 1.25; font-weight: 500; width: auto; margin-bottom: 36px; list-style-image: url('../img/arrow-right.svg'); list-style-position: outside; list-style-type: none; }
main section.paragraphs ul li { margin-left: 23px; color: #000; padding-left: 2px; font-size: 20px; line-height: 1.25; font-weight: 500; width: auto; list-style-image: url('../img/arrow-right.svg'); list-style-position: outside; list-style-type: none; }
main section.paragraphs .button { margin-top: -4px; margin-bottom: 29px; }
/**/
main h1.without { width: 800px; font-size: 30px; line-height: 1.166666666666667; color: #000; font-weight: 800; text-align: center; margin-left: auto; margin-right: auto; margin-top: 74px; margin-bottom: 36px; }
main p.without { width: 800px; color: #000; font-size: 20px; line-height: 1.25; font-weight: 500; margin-bottom: 2px; text-align: center; margin-left: auto; margin-right: auto; }
/**/
main small { display: block; margin-left: auto; margin-right: auto; font-size: 20px; font-weight: 500; line-height: 1.25; color: #A7A7A7; max-width: 800px; }
main small sup { font-size: 13px; }
main hr { border: none; height: 1px; background-color: #DBDBDB; margin-top: 39px; margin-bottom: 39px; }
main img.mmarg { margin-top: 10px; margin-bottom: 10px; }
/**/
main #sales { position: relative; float: none; display: inline-block; width: 1044px; text-align: left; margin-left: auto; margin-right: auto; }
/**/
main #sales nav#left { position: relative; display: block; float: left; width: 287px; min-height: 0; margin-right: 40px; text-align: left; background: none; }
main #sales nav#left:before { background: none; }
main #sales nav#left h1 { position: relative; display: block; font-size: 25px; color: #000; line-height: 1.4; margin-bottom: 27px; text-align: left; margin-top: -13px; }
main #sales nav#left a { display: block; color: #000; font-size: 25px; font-weight: 500; line-height: 1; margin-bottom: 15px; text-decoration: none; text-align: left; }
main #sales nav#left a:hover, main #sales nav#left a:active, main #sales nav#left a:focus { color: #000; text-decoration: none; font-weight: 800; }
main #sales nav#left a small { font-family: 'Twemoji Country Flags' !important; display: inline; }
/**/
main #sales div#countries { position: relative; display: block; float: left; width: 717px; min-height: 0; }
main #sales div#countries section { width: 717px; background-color: #F2F2F2; border-color: #DBDBDB; border-width: 1px; border-style: solid; color: #000; margin-top: 49px; margin-bottom: 1px; opacity: 0.3; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
main #sales div#countries section h2 { font-size: 30px; font-weight: 800; color: #000; line-height: 1.166666666666667; }
main #sales div#countries section p { font-size: 20px; font-weight: 500; color: #000; line-height: 1.25; margin-top: 11px; margin-bottom: 61px; }
main #sales div#countries section p a { font-size: 20px; font-weight: 500; line-height: 1.25; color: #838383; text-decoration: underline; display: inline-block; }
main #sales div#countries section p a:hover, main div#countries section p a:active, main div#countries section p a:focus { color: #838383; text-decoration: none; }
main #sales div#countries section p span { display: inline-block; }
main #sales div#countries section.active { opacity: 1; }
main #sales div#countries section.active p a { color: #3693FF; text-decoration: underline; }
main #sales div#countries section.active p a:hover, main #sales div#countries section.active p a:active, main #sales div#countries section.active p a:focus { color: #3693FF; text-decoration: none; }
main #sales div#countries section:target { opacity: 1; }
main #sales div#countries section:target p a { color: #3693FF; text-decoration: underline; }
main #sales div#countries section:target p a:hover, main #sales div#countries section:target p a:active, main #sales div#countries section:target p a:focus { color: #3693FF; text-decoration: none; }
/**/
main a#about-company { margin-top: 29px; position: relative; display: block; height: 500px; width: 100%; text-align: center; font-size: 70px; text-decoration: none; line-height: 1.142857142857143; color: #fff; padding-top: 127px; padding-bottom: 127px; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); } 
main a#about-company:before { z-index: -1; content: ""; position: absolute; top:0; left:0; right: 0; height: 100%; width: 100%;  background-image: url('../img/AWU_2019-001-awu_panorama1-daviddoros©2019-retus_08-2020.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
html.webp main a#about-company:before { background-image: url('../img/AWU_2019-001-awu_panorama1-daviddoros©2019-retus_08-2020.webp'); }
/*html.avif main h1#shafts:before { background-image: url('../img/AWU_2019-001-awu_panorama1-daviddoros©2019-retus_08-2020.avif'); }*/
main a#about-company h3 { font-size: 70px; font-weight: 700; color: #fff; text-align: center; margin-top: 39px; margin-bottom: 16px; text-decoration: none; }
main a#about-company span.button { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; display: inline-block; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; text-align: center; height: 67px; min-width: 0; line-height: 67px; font-size: 20px; color: #fff; background-color: rgba(54,147,255,0.5); text-decoration: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
main a#about-company span.button:hover, main a#about-company span.button:active, main a#about-company span.button:focus { background-color: rgba(54,147,255,0.9); }
main a#about-company:hover span.button { background-color: rgba(54,147,255,0.9); }
/**/
main #representatives a small { font-family: 'Twemoji Country Flags' !important; display: inline; }
/**/
main #contact { position: relative; float: none; display: inline-block; width: 1114px; text-align: left; margin-left: auto; margin-right: auto; margin-top: 69px; }
main #contact #contact-form { position: relative; display: block; float: left; width: 360px; min-height: 0; margin-right: 114px; text-align: left; background: none; }
main #contact #contact-form h1 { font-size: 30px; font-weight: 800; line-height: 1.166666666666667; text-align: left; margin-top: 0; margin-bottom: 36px; }
main #contact #contact-form p { font-size: 20px; font-weight: 500; line-height: 1.25; text-align: left; margin-top: 0; margin-bottom: 0; }
main #contact #contact-form form { margin-top: 61px; }
main #contact #contact-form form input { background-color: transparent; height: 69px; padding-top: 28px; padding-bottom: 28px; margin-bottom: 30px; font-size: 20px; font-weight: 500; line-height: 1.25; font-family: 'Helvetica Now Display'; border: none; outline: none; width: 100%; border-bottom-color: #797979; border-bottom-style: solid; border-bottom-width: 2px; } 
main #contact #contact-form form input::placeholder { color: #000; opacity: 1; }
main #contact #contact-form form input:-ms-input-placeholder { color: #000; }
main #contact #contact-form form input::-ms-input-placeholder { color: #000; }
main #contact #contact-form form textarea { resize: none; background-color: transparent; height: 241px; padding-top: 28px; padding-bottom: 28px; font-size: 20px; font-weight: 500; line-height: 1.25; font-family: 'Helvetica Now Display'; border: none; outline: none; width: 100%; border-bottom-color: #797979; border-bottom-style: solid; border-bottom-width: 2px; }
main #contact #contact-form form textarea::placeholder { color: #000; opacity: 1; }
main #contact #contact-form form textarea:-ms-input-placeholder { color: #000; }
main #contact #contact-form form textarea::-ms-input-placeholder { color: #000; }
main #contact #contact-form form button { margin-top: 37px; font-family: 'Helvetica Now Display'; border: none; outline: none; cursor: pointer; text-align: center; width: 100%; height: 70px; background-color: #3693FF; color: #fff; font-size: 20px; font-weight: 400; line-height: 1; text-decoration: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
main #contact #contact-form form button:hover, main #contact #contact-form form button:active, main #contact #contact-form form button:focus { background-color: #1c86ff; color: #fff; text-decoration: none; }
main #contact #contact-form form p { text-align: center; width: 100%; margin-top: 12px; }
main #contact #contact-form form p a { color: #000; text-decoration: underline; }
main #contact #contact-form form p a:hover, main #contact #contact-form form p a:active, main #contact #contact-form form p a:focus { olor: #000; text-decoration: none; }

main #contact #contact-data { position: relative; display: block; float: left; width: 640px; min-height: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
main #contact #contact-data #headoffice { margin-top: 0; margin-bottom: 50px; position: relative; display: block; width: 640px; height: 500px; color: #fff; padding-top: 222px; background-color: transparent; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(54,147,255,0.9)); background-size: 640px 100%; }
main #contact #contact-data #headoffice:before { z-index: -1; content: ""; position: absolute; top:0; left:0; right: 0; height: 100%; width: 100%; background-image: url('../img/IMG_4113.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
html.webp main #contact #contact-data #headoffice:before { background-image: url('../img/IMG_4113.webp'); }
/*html.avif main #contact #contact-data #headoffice:before { background-image: url('../img/IMG_4112.avif'); }*/
main #contact #contact-data #headoffice h2 { font-size: 30px; font-weight: 800; line-height: 1.166666666666667; color: #fff; text-align: left; }
main #contact #contact-data #headoffice address { font-size: 20px; font-weight: 500; line-height: 1.25; color: #fff; text-align: left; font-style: normal; }
main #contact #contact-data #headoffice address strong { font-weight: 800; }
main #contact #contact-data #headoffice address a { color: #fff; text-decoration: underline; font-size: 20px; font-weight: 500; line-height: 1.25; }
main #contact #contact-data #headoffice address a:hover, main #contact #contact-data #headoffice address a:active, main #contact #contact-data #headoffice address a:focus { color: #fff; text-decoration: none; }
/**/
main #contact #contact-data a.button { margin: 0; margin-bottom: 30px; margin-right: 18px; display: inline-block; background-color: #000; text-decoration: none; color: #fff; }
main #contact #contact-data a.button:hover, main #contact #contact-data a.button:active, main #contact #contact-data a.button:focus { background-color: #000; text-decoration: underline; color: #fff; }
/**/
main #contact #contact-data #legal { margin-top: 20px; position: relative; display: block; width: 640px; height: 331px; background-color: transparent; border-color: #DBDBDB; border-style: solid; border-width: 1px; color: #000; }
main #contact #contact-data #legal h3 { font-size: 30px; font-weight: 800; color: #000; line-height: 1.166666666666667; text-align: left; margin-bottom: 36px; }
main #contact #contact-data #legal p { font-size: 20px; font-weight: 500; line-height: 1.25; color: #000; }
main #contact #contact-data #legal strong { font-weight: 800; color: #000; }
/**/
main a.pdf { display: inline-block; font-size: 20px; font-weight: 500; color: #000; line-height: 1.5; text-decoration: underline; }
main a.pdf:before { display: inline-block; margin-right: 6px; margin-top: 2px; content: ""; height: 20px; width: 20px; background-image: url('../img/pdf-svgrepo-com.svg'); background-position: top left; }
main a.pdf:hover, main a.pdf:active, main a.pdf:focus { color: #000; text-decoration: none; }
main a.pdf span { color: #A7A7A7; text-decoration: none; display: inline-block; float: right; }
main a.pdf:hover span, main a.pdf:active span, main a.pdf:focus span { color: #A7A7A7; text-decoration: none; }
/**/
main section.paragraphs a.whole { display: inline-block; font-size: 20px; font-weight: 500; color: #000; line-height: 1.5; text-decoration: underline; }
main section.paragraphs a.whole:before { display: inline-block; margin-right: 6px; margin-top: 2px; content: ""; height: 20px; width: 20px; }
main section.paragraphs a.whole:hover, main section.paragraphs a.whole:active, main section.paragraphs a.whole:focus { color: #000; text-decoration: none; }
main section.paragraphs a.whole span { color: #A7A7A7; text-decoration: none; display: inline-block; float: right; }
main section.paragraphs a.whole:hover span, main section.paragraphs a.whole:active span, main section.paragraphs a.whole:focus span { color: #A7A7A7; text-decoration: none; }
/**/
main section.paragraphs a.pdf { display: block; }  
main section.paragraphs a.whole { display: block; }  


/* footer */
footer { padding-top: 50px; padding-bottom: 50px; position: relative; display: block; width: 1180px; min-height: 600px; margin-left: auto; margin-right: auto; font-size: 18px; font-weight: 500; color: #000; }
footer a { color: #000; text-decoration: underline; }
footer a:hover, footer a:active, footer a:focus { color: #000; text-decoration: none; }
footer a.active { color: #000; text-decoration: none; }
footer #logofooter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 33px; }
footer h3 { display: block; font-size: 18px; font-weight: 800; line-height: 1.166666666666667; width: 267px; text-align: left; margin-bottom: 21px; margin-left: auto; margin-right: auto; }
footer address { font-style: normal; display: block; font-size: 18px; font-weight: 500; line-height: 1.166666666666667; width: 267px; text-align: left; margin-left: auto; margin-right: auto; margin-bottom: 76px; }
footer div { display: inline-block; height: 331px; vertical-align: top; margin-left: 2px; margin-right: 2px; }
footer div h3 { display: block; font-size: 18px; font-weight: 800; line-height: 1.166666666666667; text-align: left; margin-bottom: 21px; margin-left: auto; margin-right: auto; }
footer div a { font-style: normal; display: block; font-size: 18px; font-weight: 500; line-height: 1.166666666666667; text-align: left; margin-bottom: 4px; text-decoration: none; }
footer div a:hover, footer div a:active, footer div a:focus { text-decoration: none; }
footer div a.whole { text-decoration: underline; }
footer div a.whole:hover, footer div a.whole:active, footer div a.whole:focus { text-decoration: none; }
footer div:hover { text-decoration: none; }
footer div a span { text-decoration: underline; margin-right: 1px; }
footer div a:hover span, footer div a:active span, footer div a:focus span { text-decoration: none; }
footer div a small { font-family: 'Twemoji Country Flags'; }
footer h5 { margin-top: 39px; display: inline-block; font-size: 12px; font-weight: 500; letter-spacing: 1px; line-height: 1.583333333333333; color: #BABABA; }
footer h5 a { color: #BABABA; text-decoration: underline; }
footer h5 a:hover, footer h5 a:active, footer h5 a:focus { color: #BABABA; text-decoration: none; }
footer h6 { margin-top: 39px; display: inline-block; font-size: 12px; font-weight: 500; letter-spacing: 1px; line-height: 1.583333333333333; color: #BABABA; }
footer h6 a { color: #BABABA; text-decoration: underline; }
footer h6 a:hover, footer h6 a:aactive, footer h6 a:focus { color: #BABABA; text-decoration: none; }


/* error */
main #error { position: relative; display: block; color: #58492A; min-height: 200px; padding-top: 57px; padding-bottom: 38px; padding-left: 50px; padding-right: 50px; margin-left: auto; margin-right: auto; width: 85%; background-color: #FAFBE7; border-width: 1px; border-style: solid; border-color: #EEE8AA; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset; }
main #error img { float: right; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; margin-top: -17px; }
main #error img:hover { -webkit-filter: none; -moz-filter: none; -o-filter: none; filter: none; }
main #error h1 { text-transform: uppercase; font-size: 38px; font-weight: 700; color: #906d00; margin-bottom: 35px; }
main #error strong { display: block; font-size: 17px; font-weight: 700; color: #906d00; text-indent: 19px; margin-bottom: 22px; }
main #error p { font-size: 14px; color: #906d00; margin-bottom: 29px; }
main #error ul { list-style-image: url('../img/list-icon.gif'); list-style-position: outside; padding-left: 20px; }
/**/
main #error ul li { font-size: 14px; color: #906d00; margin-bottom: 2px; }
main #error a { color: green; text-decoration: underline; }
main #error a:hover, main #error a:active, main #error a:focus { color: green; text-decoration: none; }



/* mobile 0 * 980 for 320px */
@media screen and (min-width: 0px) and (max-width: 980px) {
    /* cookieconsent */
    body.cookieconsent { /* padding-top: 65px; */ padding-bottom: 0; }
    #cookieconsent-wrap { height: 60px; min-width: 360px; }
    #cookieconsent-wrap #cookieconsent { height: 60px; width: 360px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; font-size: 9px; }
    #cookieconsent-wrap #cookieconsent p { line-height: 1.2; margin-bottom: 2px; }
    #cookieconsent-wrap #cookieconsent button { font-size: 11.5px; margin-left: 1.5px; margin-right: 1.5px; padding-top: 4px; float: right; }
    #cookieconsent-wrap #cookieconsent button:first-of-type { margin-right: 17px; }
    #cookieconsent-wrap #cookieconsent img { display: inline-block; margin-top: 8px; margin-left: 4px; margin-right: 17px; }
    
    /* cookieconsentnoscript */
    #cookieconsentnoscript-wrap { height: 65px; min-width: 360px; }
    #cookieconsentnoscript-wrap #cookieconsentnoscript { height: 65px; width: 360px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; font-size: 11px; }
    #cookieconsentnoscript-wrap #cookieconsentnoscript p { line-height: 1.2; margin-bottom: 2px; }
    #cookieconsentnoscript-wrap #cookieconsentnoscript button { font-size: 12px; margin-left: 4px; margin-right: 4px; }
    #cookieconsentnoscript-wrap #cookieconsentnoscript img { display: inline-block; margin-top: 8px; margin-left: 4px; margin-right: 17px; }
    
    /* cookieconsentpanel */
    #cookieconsentpanel-wrap { font-size: 11px; min-width: 360px; }
    #cookieconsentpanel-wrap #cookieconsentpanel { width: 360px; padding-left: 10px; padding-right: 10px; }
    #cookieconsentpanel-wrap #cookieconsentpanel table { font-size: 9.5px; overflow-x: scroll; }
    #cookieconsentpanel-wrap #cookieconsentpanel table thead tr th { font-size: 9px; }
    
    /* cookieconsentreopen */
    #cookieconsent-reopen { bottom: 14px; left: 3px; z-index: 10004; }
    
    /* browserupgrade */
    #browserupgrade-wrap { min-width: 360px; }
    #browserupgrade-wrap #browserupgrade { width: 360px; padding-left: 10px; padding-right: 10px; font-size: 11px; }
    #browserupgrade-wrap #browserupgrade p { line-height: 1.2; padding-top: 2px; }
    
    /* header */
    header { float: left; width: 100%; min-width: 360px; padding-left: 10px; padding-right: 10px; z-index: 10001; }
    header #logo { margin-right: 21px; }
    header #slogan { margin-top: 16px; }
    /**/
    header #show-menu { display: block; visibility: visible; }
    /* header, menu */
    header #menu { display: none; visibility: hidden; height: auto; margin-top: 18px; padding-top: 10px; padding-bottom: 10px; background-color: #F2F2F2; z-index: 10002; }
    header #menu .item { height: 35px; width: 100%; padding-top: 0px; text-align: center; }
    header #menu .lang { min-width: 100%;; height: 35px; margin-left: auto; margin-right: auto; padding-left: 9.5px; padding-right: 9.5px; text-align: center; }
    header #menu .lang img { float: none; }
    
    /* main */
    main { float: left; }
    main h1.shadow { position: relative; display: block; height: 332px; width: 100%; text-align: center; font-size: 48px; line-height: 1.142857142857143; color: #fff; padding-top: 127px; padding-bottom: 127px; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); } 
    /**/
    main table { width: 360px; max-width: 360px; min-width: 360px; overflow: scroll; }
    main table tr td { padding-left: 50px; padding-top: 31px; padding-bottom: 17px; }
    main table tr td strong { font-weight: 800; width: 232px; display: block; }
    main table tr td ul li { width: 516px; margin-bottom: 15px; padding-left: 3px; }
    main table tr td:last-of-type { padding-right: 50px; }
    /**/
    main a#photogallery { float: none; height: 500px; width: 100%; }
    main a#photogallery h2 { font-size: 30px; padding-top: 359px; }
    /**/
    main a#pdf { float: none; height: 500px; width:100%; }
    main a#pdf h2 { font-size: 30px; padding-top: 359px; }
    /**/
    main section { padding-left: 40px; padding-right: 40px; padding-top: 43px; width: 360px; padding-bottom: 43px; }
    main section h2 { font-size: 30px; }
    main section p { font-size: 18px; margin-bottom: 47px; width: 287px; }
    main section a { display: block; margin-bottom: 5px; }
    /**/
    main nav { height: auto; }
    main nav h2 { font-size: 30px; margin-bottom: -17px; }
    /**/
    main h1.main { margin-top: 34px; font-size: 48px; max-width: 360px; }
    main p.main { margin-top: 43px; font-size: 20px; max-width: 360px; }
    /**/
    main a#company-profile { float: left; width: 100%; min-width: 360px; height: 500px; margin-top: 56px; }
    main a#company-profile h2 { font-size: 70px; margin-top: 194px; margin-bottom: 46px; }
    /**/
    main a#products { float: left; width: 100%; min-width: 360px; height: 500px; }
    main a#products h2 { font-size: 70px; margin-top: 194px; margin-bottom: 46px; }
    /**/
    main a#outsourcing { padding-left: 20px; padding-right: 20px; float: left; width: 100%; min-width: 360px; height: 500px; }
    main a#outsourcing h3 { font-size: 30px; margin-top: 160px; }
    main a#outsourcing p { font-size: 20px; max-width: 340px; }
    /**/
    main a#sales { padding-left: 20px; padding-right: 20px; float: left; width: 100%; min-width: 360px; height: 500px; }
    main a#sales h3 { font-size: 30px; margin-top: 215px; margin-bottom: 17px; }
    main a#sales p { font-size: 20px; font-weight: 500; line-height: 1.3; color: #fff; text-align: left; max-width: 527px; margin-bottom: 31px; }
    /**/
    main h1.video { position: relative; height: 300px; font-size: 70px; padding-top: 17px; padding-bottom: 17px; background-image: url('../files/awu_about.jpg'); background-size: cover; } 
    main h1.video video { display: none; visibility: hidden; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background-image: url('../files/awu_about.jpg'); background-size: cover; width: auto; min-width: 100%; height: auto; min-height: 100%; }
    /**/
    main section.paragraphs h3 { font-size: 20px; }
    main section.paragraphs p { font-size: 20px; }
    main section.paragraphs h1 { font-size: 30px; }
    main section.paragraphs h2 { font-size: 30px; }
    /**/
    main section.paragraphs ul { font-size: 20px; }
    /**/
    main h1.without { width: 360px; }
    main p.without { width: 360px; }
    /**/
    main small { max-width: 360px; font-size: 14px; }
    /**/
    main #sales { width: 360px; }
    /**/
    main #sales nav#left { float: left; width: 360px; height: 596px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; }
    /**/
    main #sales div#countries { float: left; width: 360px; }
    main #sales div#countries section { width: 360px; }
    main #sales div#countries section p { width: 287px; margin-bottom: 0; }
    /**/
    main a#about-company { height: 500px; } 
    /**/
    main a#company-profile video { width: initial; max-width: initial; min-width: initial; }
    /**/
    main #contact { width: 360px; float: none; }
    main #contact #contact-form { float: none; margin-bottom: 86px; }
    /**/
    main #contact #contact-data { float: none; width: 360px; }
    main #contact #contact-data #headoffice { width: 360px; height: auto; padding-bottom: 86px; }
    /**/
    main #contact #contact-data #legal { width: 360px; height: 401px; }
    main #contact #contact-data #legal p { width: 287px; }
    /* footer */
    footer { float: left; width: 100%; padding-left: 10px; padding-right: 10px;  }
    footer h3 { width: 360px; }
    footer address { width: 360px; }
    footer div { width: 360px; margin-left: auto; margin-right: auto; height: auto; margin-bottom: 76px; }
    footer h5 { margin-top: 0; }
    footer h6 { margin-bottom: 36px; }
    /* error */
    main #error { padding-left: 10px; padding-right: 10px; }    
    main img { max-width: 360px; height: auto; margin-left: auto; margin-right: auto; }
    /**/
    main a.button { margin-top: 9.5px; margin-bottom: 9.5px; }
    main a.button:first-of-type { margin-top: 36px; }
    main a.button:last-of-type { margin-bottom: 36px; }
    /**/
    main a#about-company { margin-top: 19px; }
    
    /**/
    main a.button.empty { margin-left: auto; margin-right: auto; }
    /**/
    main a.badge { top: 457px; left: -16px; }
}



/* tablet 981 * 1366 for 980px */
@media screen and (min-width: 981px) and (max-width: 1366px) {
    /* cookieconsent */
    #cookieconsent-wrap { min-width: 980px; }
    #cookieconsent-wrap #cookieconsent { width: 980px; padding-left: 0; padding-right: 0; font-size: 11px; letter-spacing: -0.3px; }
    #cookieconsent-wrap #cookieconsent button { font-size: 11.5px; padding-top: 4px; padding-left: 1px; padding-right: 1px; margin-right: 1px; }
    #cookieconsent-wrap #cookieconsent img { margin-left: 0.5px; }
    
    /* cookieconsentnoscript */
    #cookieconsentnoscript-wrap { min-width: 980px; }
    #cookieconsentnoscript-wrap #cookieconsentnoscript { width: 980px; padding-left: 0; padding-right: 0; font-size: 11.5px; }
    #cookieconsentnoscript-wrap #cookieconsentnoscript button { font-size: 11.5px; padding-top: 4px; padding-left: 1px; padding-right: 1px; margin-right: 1.5px; }
    #cookieconsentnoscript-wrap #cookieconsentnoscript img { margin-left: 1.5px; }
    
    /* cookieconsentpanel */
    #cookieconsentpanel-wrap { min-width: 980px; }
    #cookieconsentpanel-wrap #cookieconsentpanel { width: 980px; padding-left: 0; padding-right: 0; font-size: 11.5px; }
    #cookieconsentpanel-wrap #cookieconsentpanel table { font-size: 10.5px; }
    #cookieconsentpanel-wrap #cookieconsentpanel table thead tr th { font-size: 10px; }
    
    /* browserupgrade */
    #browserupgrade-wrap { min-width: 980px; }
    #browserupgrade-wrap #browserupgrade { width: 980px; padding-left: 0; padding-right: 0; font-size: 11.5px; }
    
    /* footer */
    footer { width: 980px; }
}



/* print without graphics */
@media print {
    img { image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: bicubic; }

    body { background: none !important; }
    body.webp { background: none !important; }
    
    /* cookieconsentpanel */
    body.panel { background: none !important; }
    #cookieconsentpanel-wrap { display: none; visibility: hidden; opacity: 0; }
    
    /* cookieconsent noscript */
    #cookieconsentnoscript-wrap { display: none; visibility: hidden; opacity: 0; }
    
    /* cookieconsent reopen */
    #cookieconsent-reopen { display: none; visibility: hidden; opacity: 0; }
    
    /* cookieconsentpanel */
    body.panel { background: none; }
    #cookieconsentpanel-wrap { display: none; visibility: hidden; opacity: 0; }
    
    /* browserupgrade */
    #browserupgrade-wrap { display: none; visibility: hidden; opacity: 0; }
    
    /* footer */
    footer { display: none; visibility: hidden; opacity: 0; }
    
}