/* Minification failed. Returning unminified contents.
(17,29): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(17,77): run-time error CSS1039: Token not allowed after unary operator: '-font-primary'
(22,16): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(23,22): run-time error CSS1039: Token not allowed after unary operator: '-color-dark'
(26,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,180): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color'
(58,89): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(59,65): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline'
(60,66): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(61,65): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline'
(62,75): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-checked'
(62,127): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color-checked'
(63,109): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-checked'
(64,61): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-disabled'
(64,114): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color-disabled'
(65,60): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-disabled'
(66,148): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-hover'
(67,87): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-hover'
(67,137): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color-hover'
(68,100): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-hover'
(72,64): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-checked'
(73,63): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(74,62): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline'
(75,73): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-checked'
(75,126): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color'
(76,106): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-checked'
(78,57): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-disabled'
(79,142): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-hover'
(80,84): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-hover'
(80,135): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color'
(81,97): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-hover'
(83,72): run-time error CSS1039: Token not allowed after unary operator: '-font-primary'
(84,94): run-time error CSS1039: Token not allowed after unary operator: '-font-primary'
(86,80): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(87,34): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(93,165): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(94,39): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(97,54): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(132,45): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(138,112): run-time error CSS1039: Token not allowed after unary operator: '-color-light'
(138,157): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(139,55): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(148,92): run-time error CSS1039: Token not allowed after unary operator: '-color-dark'
(161,30): run-time error CSS1039: Token not allowed after unary operator: '-color-dark'
(171,147): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(172,49): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(174,94): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(183,54): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(185,84): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(206,47): run-time error CSS1039: Token not allowed after unary operator: '-color-light'
(215,53): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(221,62): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(227,49): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow'
(228,126): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(240,29): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(264,64): run-time error CSS1039: Token not allowed after unary operator: '-color-dark'
(309,90): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(324,97): run-time error CSS1039: Token not allowed after unary operator: '-color-light'
(336,61): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(337,67): run-time error CSS1039: Token not allowed after unary operator: '-color-dark'
(346,76): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(357,135): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(358,105): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(364,100): run-time error CSS1039: Token not allowed after unary operator: '-color-light'
(374,86): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(377,110): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(378,60): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(379,142): run-time error CSS1039: Token not allowed after unary operator: '-color-dark'
(380,67): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(382,99): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(389,55): run-time error CSS1039: Token not allowed after unary operator: '-color-dark'
(394,121): run-time error CSS1039: Token not allowed after unary operator: '-color-dark'
(397,128): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(429,114): run-time error CSS1039: Token not allowed after unary operator: '-font-secondary'
(429,143): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(430,130): run-time error CSS1039: Token not allowed after unary operator: '-color-dark'
(443,25): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(472,125): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(490,91): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(495,120): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(519,38): run-time error CSS1039: Token not allowed after unary operator: '-color-light'
(537,238): run-time error CSS1039: Token not allowed after unary operator: '-color-dark'
(538,102): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(538,126): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(540,80): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(541,49): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(543,59): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(544,58): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(560,63): run-time error CSS1039: Token not allowed after unary operator: '-color-light'
(570,49): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(586,54): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(588,71): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(589,92): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(590,51): run-time error CSS1039: Token not allowed after unary operator: '-color-dark'
(594,91): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(614,57): run-time error CSS1036: Expected expression, found ';'
(622,50): run-time error CSS1039: Token not allowed after unary operator: '-color-dark'
(636,42): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(637,36): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(638,86): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(670,116): run-time error CSS1039: Token not allowed after unary operator: '-color-dark'
(692,134): run-time error CSS1039: Token not allowed after unary operator: '-color-light'
(693,62): run-time error CSS1039: Token not allowed after unary operator: '-color-dark'
(702,109): run-time error CSS1039: Token not allowed after unary operator: '-color-light'
(705,114): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(715,64): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(726,68): run-time error CSS1039: Token not allowed after unary operator: '-color-light'
(732,103): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(737,62): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(742,147): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(743,43): run-time error CSS1039: Token not allowed after unary operator: '-color-dark'
(744,44): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(744,79): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(754,91): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(764,91): run-time error CSS1039: Token not allowed after unary operator: '-color-dark'
(765,54): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(765,98): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(771,106): run-time error CSS1039: Token not allowed after unary operator: '-color-dark'
(775,66): run-time error CSS1039: Token not allowed after unary operator: '-color-light'
(777,91): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(822,77): run-time error CSS1039: Token not allowed after unary operator: '-color-dark'
(823,108): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(829,94): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(841,130): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(849,80): run-time error CSS1039: Token not allowed after unary operator: '-color-light'
(851,91): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(856,183): run-time error CSS1046: Expect comma, found '0'
(856,187): run-time error CSS1046: Expect comma, found '/'
(892,45): run-time error CSS1039: Token not allowed after unary operator: '-color-light'
(893,59): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(1016,120): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1017,124): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1027,26): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(1037,26): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(1051,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark'
(1054,162): run-time error CSS1039: Token not allowed after unary operator: '-color-dark'
(1270,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1271,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1272,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1273,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1280,22): run-time error CSS1039: Token not allowed after unary operator: '-card-margin'
(1283,11): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1284,11): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1285,11): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1286,11): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1287,11): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1289,59): run-time error CSS1039: Token not allowed after unary operator: '-index'
(1289,74): run-time error CSS1039: Token not allowed after unary operator: '-card-top-offset'
(1296,21): run-time error CSS1039: Token not allowed after unary operator: '-outline-width'
(1299,34): run-time error CSS1039: Token not allowed after unary operator: '-numcards'
(1299,51): run-time error CSS1039: Token not allowed after unary operator: '-card-height'
(1300,12): run-time error CSS1039: Token not allowed after unary operator: '-card-margin'
(1304,16): run-time error CSS1039: Token not allowed after unary operator: '-outline-width'
(1319,16): run-time error CSS1039: Token not allowed after unary operator: '-outline-width'
(1326,181): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow'
(1328,142): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1363,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1369,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1375,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1389,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1389,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1397,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1397,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1397,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1958,21): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
 */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus {	outline: 0;}
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0; }
ul, li { float:left; display:inline; }
h1, h2, h3, h4, h5 { font-weight:normal; }
i, em { font-style:normal; }
button, select { border:none; margin:0; padding:0; background:transparent; }
* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

/*	Finish RESET	*/

body { margin:0; color:var(--color-black); font-size:14px; font-family:var(--font-primary), Arial; line-height:20px; -webkit-text-size-adjust:100%; text-size-adjust:100%; -webkit-text-size-adjust:100%; }

*::-moz-selection { background:rgba(0, 0, 0, 0.2); }
*::selection { background:rgba(0, 0, 0, 0.2); }

a { color:var(--color-black); text-decoration:none;  }
a:hover { color:var(--color-dark); text-decoration:none; }

:root {
	--color-black:#121319;
	--color-dark:#33393F;
	--color-yellow:#FFC006;
	--color-red:#9B1316;
	--color-light:#F0F0F0;
	--color-grey:#92979A;
	--color-green:#00BA38;
	--font-primary:'Neurial Grotesk','Onest','Arial';
	--font-secondary:'Akrobat','Arial';
	--input-background-color: #FFF;
	--input-border-color: #DEDEDA;
	--input-border-color-inline: #DEDEDA;
	--input-border-color-checked: #38AF48;
	--input-background-color-checked: #38AF48;
	--input-border-color-inline-checked: #38AF48;
	--input-border-color-disabled: #bfbfbf;
	--input-background-color-disabled: #efefef;
	--input-border-color-inline-disabled: #bfbfbf;
	--input-border-color-focus: #38AF48;
}

/* Reset Css */
input, select, textarea, input[type='checkbox'], input[type='radio'] { border:none; position:relative; -webkit-appearance:none; margin:0px; padding:0px; }
input:focus, select:focus, textarea:focus, input[type='checkbox']:focus, input[type='radio']:focus { outline:0; }
input[type='submit'], button { border:none; position:relative; -webkit-appearance:none; margin:0px; padding:0px; outline:0; }

/* Customization checkbox & radio */
input[type='checkbox'], input[type='radio'] { width:18px; height:18px; line-height:18px; min-width:1px !important; margin:1px 10px -1px 0; padding:0; }
input[type='checkbox']::before, input[type='radio']::before { display:block; position:absolute; content:""; width:calc(100% - 2px); height:calc(100% - 2px); background-color:var(--input-background-color); transition:background-color 500ms, border-color 500ms; }
input[type='checkbox']::after, input[type='radio']::after { display:block; position:absolute; content:""; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); transition:background-color 500ms, border-color 250ms; }

/* Customization checbox */
input[type='checkbox']::before { border-radius:4px; border:solid 1px; border-color:var(--input-border-color); }
input[type='checkbox']::after { border:solid; border-color:var(--input-border-color-inline); border-width:0 2px 2px 0; width:5px; height:10px; left:7px; bottom:5px; }
input[type='checkbox']:not(:checked)::before { border-color:var(--input-border-color); }
input[type='checkbox']:not(:checked)::after { border-color:var(--input-border-color-inline); }
input[type='checkbox']:checked:not(:disabled)::before { border-color:var(--input-border-color-checked); background-color:var(--input-background-color-checked); }
input[type='checkbox']:read-only::before, input[type='checkbox']:-moz-read-only::before { border-color:var(--input-border-color-inline-checked); }
input[type='checkbox']:disabled::before { border-color:var(--input-border-color-disabled); background-color:var(--input-background-color-disabled); }
input[type='checkbox']:disabled::after { border-color:var(--input-border-color-inline-disabled); }
input[type='checkbox']:checked:not(:disabled):focus::before, input[type='checkbox']:not(:checked):not(:disabled):focus::before { border-color:var(--input-border-color-hover); }
input[type='checkbox']:not(:checked):not(:disabled):hover::before { border-color:var(--input-border-color-hover); background-color:var(--input-background-color-hover); }
input[type='checkbox']:not(:checked):not(:disabled):hover:not(:checked)::after { border-color:var(--input-border-color-inline-hover); }

/* Customization radio */
input[type='radio']::before { border-radius: 50%; border: solid 1px; }
input[type='radio']::after { border: solid; border-color: var(--input-border-color-inline-checked); border-width: 5px; border-radius: 50%; width: 0px; height:0px; left:4px; bottom:4px; }
input[type='radio']:not(:checked)::before { border-color:var(--input-border-color); }
input[type='radio']:not(:checked)::after { border-color:var(--input-border-color-inline); }
input[type='radio']:checked:not(:disabled)::before { border-color: var(--input-border-color-checked); background-color: var(--input-background-color); }
input[type='radio']:read-only::before, input[type='checkbox']:-moz-read-only::before { border-color:var(--input-border-color-inline-checked); }
input[type='radio']:disabled::before {}
input[type='radio']:disabled::after { border-color:var(--input-border-color-inline-disabled); }
input[type='radio']:checked:not(:disabled):focus::before, input[type='radio']:not(:checked):not(:disabled):focus::before { border-color:var(--input-border-color-hover); }
input[type='radio']:not(:checked):not(:disabled):hover::before { border-color:var(--input-border-color-hover); background-color: var(--input-background-color); }
input[type='radio']:not(:checked):not(:disabled):hover:not(:checked)::after { border-color:var(--input-border-color-inline-hover); }

input, textarea, select { float:left; font-size:16px; font-family:var(--font-primary), Arial; border-radius:0; }
button { border:none; padding:0; margin:0; cursor:pointer; border-radius:0; font-family:var(--font-primary), Arial; font-size:15px; font-weight:500; letter-spacing:1px; }

.input { width:100%; height:50px; padding:0 20px; border-bottom:1px solid var(--color-grey); transition:all 0.3s; background-color:#FFF; border-radius:6px; }
.input:focus { border-color:var(--color-green); }

.select { background:#FFF url(../images/arrow-select.png) no-repeat right center; background-size:auto 5px; box-shadow: none; -webkit-appearance:none; -moz-appearance:none; appearance:none; }

textarea.input { padding-top:12px !important; padding-bottom:12px !important; }

.button { float:none; height:50px; display:flex; align-items:center; padding:5px 5px 5px 25px; cursor:pointer; position:relative; color:#FFF; background-color:var(--color-black); transition:all 0.5s; overflow:hidden; border-radius:25px; text-align:left; }
.button:hover { background-color:var(--color-red); }
	.button small { float:left; padding-right:20px; flex:1; }
	.button i { float:right; width:40px; margin-left:auto; font-size:28px; text-align:center; line-height:40px; background-color:rgba(255,255,255,0.1); border-radius:50%; transition:all 0.3s; }
	.button:hover i { background-color:#FFF; color:var(--color-red); transform:rotate(45deg); }
	
a.button { color:#FFF; font-weight:600; font-size:14px; line-height:50px; }

.generalmakina { float:left; width:100%; padding-top:96px; position:relative; }
	.wrap , .wrap-slim { width:1640px; min-height:10px; padding-left:40px; padding-right:40px; margin:0 auto; position:relative; }
	.wrap-slim { width:100%; max-width:960px; }

.tac { text-align:center; }

.fl { float:left !important; }
.fr { float:right !important; }
.fn { float:none !important; }

.w100 { float:left; width:100% !important; }
.w50 { float:left; width:50% !important; }
.mt30 { margin-top:30px; }
.mt20 { margin-top:20px; }
.mt10 { margin-top:10px; }
.mb30 { margin-bottom:30px; }
.mb20 { margin-bottom:20px; }
.mb10 { margin-bottom:10px; }

/*	Start TOP	*/

.header { position:fixed; top:0; left:0; right:0; padding-left:24px; padding-right:24px; background-color:rgba(255,255,255,0.8); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); z-index:8000; transition:all 0.75s; }
.nav-up , .nav-down { box-shadow:0 0 30px rgba(0,0,0,0.07); }
.header-in { float:left; width:100%; position:relative; display:flex; align-items:center; }

	#logo { float:left; margin-right:80px; position:relative; z-index:100; transition:all 0.5s; }
		#logo a { float:left; position:relative; transition:all 0.5s; }
			#logo img { float:left; height:50px; transition:all 0.3s; }
			#logo img:hover { opacity:0.8; }
	
	.search-icon { float:left; position:relative; cursor:pointer; transition:all 0.5s; z-index:100; text-align:center; }
	.search-icon-close { background-color:var(--color-red); color:#FFF; border-radius:25px; }
		.search-icon i { float:left; width:50px; font-size:24px; line-height:50px; }
		.search-icon-close::before { background-image:url(../images/icon-close.png); background-size:14px; }
	
	.header-search { position:absolute; right:200px; top:80px; width:70%; max-width:400px; z-index:8100; box-shadow:0 0 20px rgba(0, 0, 0, 0.1); display:none; border-radius:10px; overflow:hidden; }
		.header-search input { float:left; width:100%; height:50px; padding:0 80px 0 20px; font-size:16px; line-height:50px; background-color:#FFF; }
		.header-search button { position:absolute; top:5px; right:5px; bottom:5px; width:50px; background-color:var(--color-light); border-radius:6px; color:var(--color-grey); transition:all 0.5s; }
		.header-search button:hover { background-color:var(--color-black); color:#FFF; }
			.header-search button i { width:100%; font-size:24px; }
	
	.header-lang-wrap { float:left; margin-right:20px; position:relative; z-index:100; font-size:14px; font-weight:500; letter-spacing:0.5px; line-height:50px; }
		.header-lang-wrap::after { content:""; position:absolute; top:9px; bottom:9px; right:0; width:1px; background-color:rgba(51,57,63,0.1); }
		
		.header-lang-icon { float:right; width:80px; position:relative; cursor:pointer; z-index:250; }
			.header-lang-icon i { float:left; margin-right:5px; font-size:24px; line-height:50px; }
		
		.header-lang { position:absolute; top:57px; left:-5px; width:60px; background-color:var(--color-dark); display:none; z-index:300; box-shadow:0 10px 50px rgba(0, 0, 0, 0.15); border-radius:4px; text-align:center; }
			
			.header-lang::before { 
				content:"";
				border-bottom:3px solid transparent;
				border-left:8px solid transparent;
				border-right:8px solid transparent;
				height:0;
				position: absolute;
				width:0;
				left:50%;
				top:-3px;
				margin-left:-8px;
				border-bottom-color:var(--color-dark);
			}
			
			.header-lang ul { width:100%; }
				.header-lang li { width:100%; }
					.header-lang li a { float:left; width:100%; color:#FFF; line-height:40px; box-shadow:inset 0 -1px 0 rgba(255,255,255,0.06); }
					.header-lang li:last-child a { box-shadow:none; }
					.header-lang li a:hover { opacity:0.7; }
	
	.header-offer { float:left; margin-left:20px; position:relative; } 
		.header-offer a { float:left; width:180px; padding:5px 5px 5px 20px; position:relative; display:flex; align-items:center; background-color:var(--color-red); color:#FFF; border-radius:25px; transition:all 0.5s; }
		.header-offer a:hover { background-color:var(--color-black); }
			.header-offer a small { font-weight:700; }
			.header-offer a i { float:right; width:40px; margin-left:auto; font-size:24px; color:var(--color-red); line-height:40px; background-color:#FFF; border-radius:50%; text-align:center; transition:all 0.3s; }
			.header-offer a:hover i { transform:rotate(45deg); }
	
	.nav-icon , .mobile-nav , .sidebar-icon, .d-none { display:none; }
	
	#nav { flex:1; z-index:10; }
		#nav li { margin:0 20px; position:relative; }
		#nav li:hover { z-index:10; }
			#nav li > a { float:left; padding:0 10px; position:relative; font-size:14px; font-weight:700; letter-spacing:0.5px; line-height:96px; transition:all 0.3s; }
			#nav li:hover > a , #nav li a.active { color:var(--color-red); }
				#nav li > a::before { content:""; position:absolute; left:0; right:0; bottom:23px; height:2px; background-color:rgba(51,57,63,0.06); transition:all 0.5s; }
				#nav li > a:hover::before , #nav li > a.active::before { background-color:var(--color-red); }
			
			.nav-menu { display:none; position:absolute; top:86px; left:-15px; width:300px; padding:15px; background-color:#FFF; box-shadow:0 10px 40px rgba(51,57,63,0.1); text-align:left; border-radius:8px; }
			.nav-wide { width:640px; }
				.nav-in { float:left; width:100%; display:flex; flex-flow:row wrap; }
				
				.nav-menu::before { 
					content:"";
					border-bottom:3px solid transparent;
					border-left:8px solid transparent;
					border-right:8px solid transparent;
					height:0;
					position:absolute;
					width:0;
					left:35px;
					top:-3px;
					border-bottom-color:#FFF;
				}
				
				.nav-menu a { float:left; width:100%; padding:10px 5px 10px 15px; position:relative; display:flex; align-items:center; font-size:16px; transition:all 0.5s; border-radius:6px; }
				.nav-wide a { width:50%; }
				.nav-menu a:hover { background-color:var(--color-light); }
					.nav-menu a strong { flex:1; padding-right:10px; font-weight:500; }
					.nav-menu a i { float:right; margin-left:auto; font-size:20px; transition:all 0.3s; opacity:0.2; }
					.nav-menu a:hover i { transform:rotate(45deg); opacity:1; }



.progress-page { position:absolute; left:0; right:0; top:0; }
	.progress-container { width:100%; height:3px; }
		.progress-bar { height:3px; background-color:var(--color-red); width:0%; transition:all 0.4s; }

/*	Finish HEADER	*/

.fixed-buttons { position:fixed; left:15px; right:15px; bottom:-60px; z-index:7990; display:flex; align-items:center; justify-content:center; transition:all 0.75s; }
.scroll .fixed-buttons { bottom:15px; }
	.fixed-buttons ul { padding:4px 20px; background-color:var(--color-red); border-radius:8px; }
		.fixed-buttons ul li { display:flex; align-items:center; }
			.fixed-buttons ul li::after { content:""; float:right; width:30px; height:2px; margin:0 15px; background-color:#FFF; opacity:0.3; }
			.fixed-buttons ul li:last-child::after { display:none; }
			.fixed-buttons ul li a { float:left; position:relative; color:#FFF; text-align:center; }
				.fixed-buttons ul li a i { float:left; width:40px; font-size:24px; line-height:40px; transition:all 0.5s; }
				.fixed-buttons ul li a:hover i { color:var(--color-yellow); }
				.fixed-buttons ul li a small { position:absolute; top:-30px; left:50%; transform:translateX(-50%); background-color:var(--color-black); color:#FFF; padding:5px 12px; border-radius:6px; font-size: 12px; opacity: 0; pointer-events:none; transition:opacity 0.3s ease, top 0.3s ease; white-space:nowrap; }
				.fixed-buttons ul li a:hover small { top:-40px; opacity:1; }
					.fixed-buttons ul li a small::after { 
						content:"";
						border-top:4px solid transparent;
						border-left:8px solid transparent;
						border-right:8px solid transparent;
						height:0;
						position:absolute;
						width:0;
						left:calc(50% - 8px);
						bottom:-4px;
						border-top-color:var(--color-black);
					}

/*	Finish FIXED BUTTONS	*/

.controls { height:100%; }
	.slick-prev , .slick-next { 
		position:absolute;
		top:50%;
		width:50px; 
		height:50px; 
		margin-top:-25px;
		text-indent:-9999px; 
		cursor:pointer;
		z-index:1000;
		transition:all 0.3s;
		background:#FFF url(../images/arrow-left.png) no-repeat 15px center / 20px;
		border-radius:50%; 
		box-shadow:0 0 27px rgba(51,75,147,0.2);
		}
		
	.slick-prev { left:20px; }
	.slick-next { right:20px; background-image:url(../images/arrow-right.png); background-position:right 15px center; }
	
	.slick-prev:hover , .slick-next:hover { background-color:var(--color-dark) !important; }
	.slick-prev:hover { background-image:url(../images/arrow-white-left.png); }
	.slick-next:hover { background-image:url(../images/arrow-white-right.png); }
	
	ul.slick-dots { position:absolute; text-align:center; left:0; right:0; bottom:0; padding-top:28px; padding-bottom:28px; z-index:700; background-image:linear-gradient(180deg,rgba(0,0,0,0.0),rgba(0,0,0,0.2)); }
		ul.slick-dots li { float:none; display:inline-block; width:32px; height:3px; margin:0 5px; transition:all 0.3s; }
			ul.slick-dots li button { float:left; width:100%; height:100%; cursor:pointer; transition:all 0.3s; position:relative; text-indent:-9999px; opacity:0.5; }
			ul.slick-dots li button:hover { opacity:0.6; }
				ul.slick-dots li button::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-color:#FFF; }
			ul.slick-dots li.slick-active button { opacity:1; }
				ul.slick-dots li.slick-active button::after { background-color:#FFF; }

.slider-hero-wrap { float:left; width:100%; position:relative; z-index:800; overflow:hidden; border-radius:0 0 80px 80px; }
	
	.slider-hero { float:left; width:100%; position:relative; overflow:hidden; }
		.slider-hero .slick-list { overflow:hidden; }
		.slider-hero-item { float:left; width:100%; height:calc(100vh - 136px); position:relative; overflow:hidden; }
			
			.item-zoom { position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover; background-position:center; background-repeat:no-repeat; transition:all 3s; transform-origin:center; transform:scale(1.4); z-index:-1; }
			.slick-current .item-zoom , .slick-current .slider-hero-video { transform:scale(1); }
			
			.slider-hero-video { position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; object-fit:cover; transform:scale(1.4); transition:all 3s; }
			
			.slider-hero-item::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/bg-hero.png) no-repeat right bottom / 40% auto; z-index:10; mix-blend-mode:overlay; }
			
			.slider-hero-title { position:absolute; top:20%; bottom:0; left:0; right:0; display:flex; align-items:center; z-index:100; color:#FFF; background:linear-gradient(180deg,rgba(0,0,0,0.0),rgba(0,0,0,0.65)); }
				
				.slider-hero-title .wrap { z-index:1000; }
				
				.slider-hero-title-in { float:left; width:100%; position:relative; z-index:7700; }
			
				.slider-hero-title strong { float:left; width:90%; max-width:920px; position:relative; font-size:60px; line-height:120%; letter-spacing:-0.5px; }
				.slider-hero-title section { float:left; width:100%; margin-top:45px; position:relative; display:flex; align-items:end; }
					.slider-hero-title section article { float:left; flex:1; width:50%; max-width:550px; padding-right:30px; position:relative; font-size:20px; letter-spacing:-0.5px; line-height:30px; }
					.slider-hero-title section .link-cta { float:right; width:auto; margin-left:auto; }
	
	
	.slider-hero ul.slick-dots { background:none; padding-bottom:30px; }
		.slider-hero ul.slick-dots li { width:auto; height:24px; margin:0 20px 0 0; }
		.slider-hero ul.slick-dots li:last-child { margin:0; }
			.slider-hero ul.slick-dots li::after { content:""; float:right; width:40px; height:2px; margin-left:20px; background-color:#FFF; margin-top:11px; opacity:0.15; }
			.slider-hero ul.slick-dots li:last-child::after { display:none; }
			
			.slider-hero ul.slick-dots li button { width:24px; text-indent:-60px; color:#FFF; font-size:11px; font-weight:700; line-height:20px; border-radius:50%; transition:all 0.5s; overflow:hidden; border:2px solid rgba(255,255,255,0.5); transform:scale(0.7,0.7); opacity:1; }
			.slider-hero ul.slick-dots li button:hover { border-color:#FFF; background-color:#FFF; }
			.slider-hero ul.slick-dots li.slick-active button { color:#FFF; background-color:var(--color-red); text-indent:0; border-color:transparent !important; transform:scale(1,1); }
				.slider-hero ul.slick-dots li button::after { display:none; }

.vertical-out { width:100%; height:100%; display:table; }
.vertical-in { width:100%; display:table-cell; vertical-align:middle; }

/*	Finish SLIDER	*/

.mask , .mask-top { position:absolute; bottom:0; left:0; right:0; z-index:700; }
.mask-top { top:0; bottom:auto; }
	.mask > img , .mask-top > img { float:left; width:100%; }

/*	Start FOOTER	*/

.gm-contact-wrap { float:left; width:100%; padding:40px; position:relative; }
	.gm-contact { float:left; width:100%; padding:60px 0; position:relative; background-color:var(--color-light); border-radius:8px; overflow:hidden; }
		.gm-contact::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/bg-truck.png) no-repeat right bottom / 45% auto; pointer-events:none; }
		
		.gm-contact-top { float:left; width:100%; display:flex; }
			
			.gm-contact-top .left { float:left; flex:1; max-width:780px; padding-right:40px; margin-top:11px; }
			
			.gm-contact-top .right { float:right; margin-left:auto; margin-top:30px; }
				.gm-contact-top .right li { margin-right:60px; }
				.gm-contact-top .right li:last-child { margin-right:0; }
					.gm-contact-top .right li a { float:left; display:flex; align-items:center; }
						.gm-contact-top .right li a i { float:left; width:50px; font-size:28px; text-align:center; line-height:50px; background-color:#FFF; border-radius:50%; transition:all 0.5s; }
						.gm-contact-top .right li:last-child a i { color:var(--color-green); }
						.gm-contact-top .right li a:hover i { background-color:var(--color-dark); color:#FFF; }
						.gm-contact-top .right li a small { flex:1; padding-left:10px; font-size:16px; }
		
		.gm-contact-content { float:left; width:100%; padding:30px; margin-top:32px; margin-bottom:25px; border-radius:8px; background-color:rgba(255,255,255,0.7); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
			.gm-contact-content section { float:left; width:25%; padding-right:20px; }
			.gm-contact-content section:last-child { width:25%; padding-right:0; }
				.gm-contact-content section .input { background-color:transparent; border-radius:0; }
				.gm-contact-content section .input:focus { background-color:#FFF; }
		
		.gm-contact-info { float:left; width:100%; padding-left:30px; color:var(--color-grey); }
			.gm-contact-info a { text-decoration:underline; }

.footer-cta { float:left; width:100%; position:relative; overflow:hidden; }
	.footer-cta > ul { width:100%; display:flex; flex-flow:row wrap; }
		.footer-cta > ul > li { width:50%; }
		
		.footer-cta-item { float:left; width:100%; position:relative; overflow:hidden; text-align:center; }
			.footer-cta-item picture { float:left; width:100%; position:relative; aspect-ratio:2/1; overflow:hidden; }
				.footer-cta-item picture img { width:100%; height:100%; object-fit:cover; transform-origin:center; transition:all 2s; }
				.footer-cta-item:hover picture img { transform:scale(1.2,1.2); }
				.footer-cta-item::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:linear-gradient(135deg,var(--color-red),rgba(227,30,36,0.5)); }
				.footer-cta > ul > li:nth-child(2) .footer-cta-item::after { background:linear-gradient(215deg,var(--color-black),rgba(18,21,27,0.5)); }
			.footer-cta-item section { position:absolute; top:0; bottom:0; left:0; right:0; padding:40px; z-index:100; display:flex; align-items:center; justify-content:center; }
				.footer-cta-item section .in { width:100%; max-width:600px; }
				.footer-cta-item section .page-text { margin-top:36px; margin-bottom:43px; }
				.footer-cta-item section .link-cta a { width:240px; }

.footer-wrap { float:left; width:100%; padding-top:100px; position:relative; background-color:var(--color-light); overflow:hidden; }
	
	.footer { float:left; width:100%; position:relative; }
		
		.footer-left { float:left; width:50%; max-width:600px; padding-right:40px; position:relative; }
			
			.footer-join { float:left; width:100%; position:relative; }
				
				.footer-join article { float:left; width:100%; margin-bottom:30px; position:relative; }
					.footer-join article strong { float:left; width:100%; margin-top:-2px; margin-bottom:6px; }
					.footer-join article small { float:left; width:100%; font-size:16px; color:var(--color-grey); }
					
				.footer-join section { float:left; width:100%; margin-bottom:25px; position:relative; }
					.footer-join section .input { height:60px; padding-left:30px; padding-right:60px; border:1px solid var(--color-grey); line-height:60px; border-radius:30px; }
					.footer-join section .input:focus { border-color:var(--color-green); }
					.footer-join section .button { position:absolute; top:5px; right:5px; width:50px; padding:5px; background-color:transparent; color:var(--color-dark); }
					.footer-join section .button:hover i { background-color:var(--color-red); color:#FFF; }
					
				.footer-join span { float:left; width:100%; margin-bottom:35px; position:relative; color:var(--color-grey); }
			
			.footer-social { float:left; width:100%; position:relative; }
				.footer-social li { padding-right:20px; }
				.footer-social li:last-child { padding-right:0; }
					.footer-social li a { float:left; }
						.footer-social li a i { float:left; width:50px; font-size:28px; text-align:center; line-height:48px; border:1px solid rgba(51,57,63,0.15); border-radius:50%; transition:all 0.4s; }
						.footer-social li a:hover i { border-color:var(--color-dark); }
			
		.footer-right { float:right; width:50%; margin-left:auto; position:relative; }
			
			.footer-certificates { float:left; width:100%; margin-bottom:40px; position:relative; display:flex; align-items:center; }
				.footer-certificates::before { content:""; float:left; flex:1; height:2px; margin-right:60px; background-color:var(--color-dark); opacity:0.07; }
				.footer-certificates img { float:right; height:60px; margin-left:auto; }
			
			.footer-title { float:left; width:100%; margin-top:15px; margin-bottom:14px; position:relative; font-weight:700; color:var(--color-grey); letter-spacing:2px; }
			
			.footer-links-wrap { float:left; width:calc(100% + 20px); margin-left:-10px; position:relative; }
				.footer-links { float:left; width:33.33334%; padding:0 10px; margin-bottom:30px; }
					.footer-links > ul { width:100%; display:flex; flex-flow:row wrap; font-size:16px; }
						.footer-links > ul > li { width:100%; }
							.footer-links > ul > li a { float:left; width:100%; padding:5px 0; }
					.footer-links > section { float:left; width:100%; font-size:16px; line-height:30px; }
			
	.copyright { float:left; width:100%; padding:70px 0 140px 0; position:relative; z-index:10; color:rgba(0,0,0,0.6); display:flex; align-items:center; }
		.copyright .footer-left { max-width:initial; }
		.copyright .footer-left a { float:left; margin-right:30px; }
		.copyright .footer-left a:last-child { margin-right:0; }
		.copyright a:hover { text-decoration:underline; }
		.copyright .c-right { float:right; margin-left:auto; }
			.copyright .c-right a { float:left; }
	
/*	Start CONTENT	*/

.welcome { float:left; width:100%; margin-top:28px; position:relative; }
	.welcome::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/mask.png) no-repeat center bottom / 100% auto; }
	
	.welcome-content { float:left; width:100%; position:relative; }
		.welcome-content picture { float:left; width:100%; margin-bottom:23px; border-radius:8px; aspect-ratio:2/1; overflow:hidden; }
			.welcome-full picture { max-height:480px; }
			.welcome-content picture img { width:100%; height:100%; object-fit:cover; }

.page-title-wrap { float:left; width:100%; margin:51px 0 29px 0; }
	.page-title { float:left; width:100%; position:relative; font-weight:300; z-index:30; }
		.page-title strong { font-weight:700; }

.medium-title-wrap { float:left; width:100%; margin:33px 0 17px 0; }
	.medium-title { float:left; margin:20px 0; position:relative; font-size:30px; font-weight:800; font-family:var(--font-secondary); color:var(--color-red); line-height:30px; z-index:25; }
		.medium-title::before { content:""; position:absolute; left:-20px; bottom:-15px; width:48px; height:1px; background-color:var(--color-dark); opacity:0.25; transform:skewY(3deg); }

.fs-48 { font-size:48px; line-height:60px; }
.fs-36 { font-size:36px; line-height:50px; }
.fs-30 { font-size:30px; line-height:40px; }

.fw-700 { font-weight:700; }
.fw-600 { font-weight:600; }
.fw-500 { font-weight:500; }
.fw-400 { font-weight:400; }
.fw-300 { font-weight:300; }

.text-white { color:#FFF !important; }
.text-grey { color:var(--color-grey) !important; }

.hero-text { float:left; width:100%; position:relative; font-size:39px; font-weight:300; line-height:50px; z-index:40; }

.page-summary { float:left; width:100%; margin:-8px 0 31px 0; position:relative; font-size:19px; font-weight:300; line-height:30px; z-index:40; }
	.page-summary strong , .page-summary strong { color:#5233D2; }
	.page-summary a { font-weight:600; }

.page-text { float:left; width:100%; position:relative; font-size:20px; line-height:30px; z-index:40; }
.page-text.fs-16 { font-size:16px !important; line-height:24px !important; }
	.page-text a { font-weight:600; }
	.page-text a:hover { text-decoration:underline; }
	.page-text b , .page-text strong { color:#000; }
	
	.page-text h2 , .page-text h3 , .page-text h4 { display:block; margin:20px 0; font-size:32px; font-weight:700; color:#000; line-height:40px; }
	.page-text h3 { font-size:28px; line-height:35px; }
	.page-text h4 { font-size:24px; line-height:30px; }
	.page-text p { margin-bottom:20px; }
	.page-text p:last-child { margin-bottom:0; }
	
	.page-text a { font-weight:500; text-decoration:underline; }
	.page-text a:hover { text-decoration:none; }
	
	.page-text img { max-width:100%; }

	.page-text ul , .page-text ol { float:none; padding-bottom:20px; display:table; }
	.page-text ol { padding-left:30px; padding-bottom:20px; display:inline-block; }
		
		.page-text ul li { width:100%; padding-left:20px; margin-bottom:10px; position:relative; display:flex; align-items:center; }
			.page-text ul li::before { content:""; position:absolute; top:12px; left:0; width:8px; height:8px; background-color:var(--color-red); border-radius:50%; }
			.page-text.fs-16 ul li::before { top:9px; width:7px; height:7px; }
		
		.page-text ol li { width:100%; margin-bottom:15px; display:list-item; list-style:decimal; }
		.page-text ul li:last-child , .article-content ol li:last-child { margin-bottom:0; }
			.page-text ol li::marker { font-weight:600; }

.static-text { font-size:16px; color:rgba(51,57,63,0.7); line-height:24px; }

.page-photo { float:right; width:50%; max-width:500px; padding:0 0 20px 30px; }
.page-photo-wide { float:left; width:100%; padding-bottom:50px; }
	.page-photo img , .page-photo-wide img { float:left; width:100%; }

.gm-stats { float:left; width:100%; position:relative; }
	.gm-stats ul { width:100%; border-top:1px solid rgba(51,57,63,0.07); }
		.gm-stats li { width:100%; padding:20px 0; position:relative; border-bottom:1px solid rgba(51,57,63,0.07); display:flex; align-items:center; }
		
		.stat-item { float:left; width:100%; padding:20px 0; position:relative; display:flex; align-items:center; }
			.stat-item strong { float:left; width:35%; font-size:90px; font-weight:500; color:var(--color-red); letter-spacing:-1px; line-height:100%; }
			.stat-item picture { float:left; width:22%; height:80px; position:relative; overflow:hidden; border-radius:40px; }
			.gm-stats li:nth-child(2) .stat-item picture { width:24%; margin-left:40px; }
			.gm-stats li:nth-child(3) .stat-item picture { width:26%; margin-left:80px; }
				.stat-item picture img { width:100%; height:100%; object-fit:cover; }
				.stat-item picture::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-color:var(--color-red); mix-blend-mode:multiply; opacity:0.5; transition:all 0.5s; }
				.stat-item:hover picture::after { opacity:0; right:100%; }
			.stat-item small { float:left; flex:1; font-size:22px; text-align:right; line-height:24px; }

.gm-map { padding-left:60px; padding-right:60px; }
.gm-map img { float:left; width:100%; }

.inner-40 { margin:0 -40px; }
.inner-30 { margin:0 -30px; }
.inner-20 { margin:0 -20px; }
.inner-15 { margin:0 -15px; }
.inner-10 { margin:0 -10px; }
.inner-6 { margin:0 -6px; }
.inner-5 { margin:0 -5px; }

.top-150 { padding-top:150px; }
.top-100 { padding-top:100px; }
.top-50 { padding-top:50px; }
.bottom-150 { padding-bottom:150px; }
.bottom-100 { padding-bottom:100px; }
.bottom-50 { padding-bottom:50px; }

.relative { position:relative; }

.block-light { background-color:var(--color-light); }
.border-bottom { box-shadow:inset 0 -1px 0 rgba(51,57,63,0.07); }

.block-wrap { float:left; width:100%; position:relative; display:flex; }
.block-narrow { float:left; width:33.33334%; padding-right:60px; position:relative; display:flex; flex-direction:column; }
	.block-narrow-photo { float:left; width:100%; margin-top:auto; }
		.block-narrow-photo picture { float:left; width:100%; max-width:360px; aspect-ratio:3/2; overflow:hidden; border-radius:8px; box-shadow:8px -8px 0 rgba(227,30,36,0.07); }
			.block-narrow-photo picture img { width:100%; height:100%; object-fit:cover; }
.block-wide { float:right; width:66.66667%; }

.category-cards { float:left; width:100%; position:relative; }
.category-cards-left { float:left; width:calc(40% - 80px); height:calc(100vh - 96px); position:relative; display:flex; flex-direction:column; }
.category-cards-left .page-title { margin-top:auto; margin-bottom:100px; }
.category-cards-right { float:right; width:50%; position:relative; }

.link-cta { float:left; width:100%; position:relative; text-align:center; z-index:100; }
.link-cta.center { display:flex; justify-content:center; }
.link-cta.w50 { width:calc(50% - 20px) !important; }
	.link-cta a , .link-cta small { float:left; display:flex; align-items:center; min-width:200px; padding:4px 4px 4px 24px; position:relative; font-size:14px; text-align:left; border-radius:25px; transition:all 0.5s; border:1px solid var(--color-dark); }
	.link-cta a:hover , .link-cta small:hover , .project-item:hover .link-cta small { border-color:var(--color-red); color:var(--color-red); background-color:rgba(51,57,63,0.05); }
	.link-cta a.light { border-color:#FFF !important; color:#FFF !important; }
	.link-cta a.dark { border-color:transparent !important; background-color:var(--color-red); color:#FFF !important; }
	.link-cta a.dark:hover { background-color:var(--color-black); }
		.link-cta a i , .link-cta small i { float:right; width:40px; margin-left:auto; font-size:24px; text-align:center; line-height:40px; border-radius:50%; background-color:rgba(51,57,63,0.1); transition:all 0.3s; gap: 12px; }
		.link-cta a.light i { background-color:#FFF; color:var(--color-red); }
		.link-cta a.dark i { background-color:#FFF; color:var(--color-red); }
		.link-cta a:hover i , .project-item:hover .link-cta small i { transform:rotate(45deg); }
		.link-cta span { flex:1; padding-right:15px; letter-spacing:1px; }

.gm-tags { float:right; width:50%; margin-bottom:-15px; position:relative; }
	.gm-tags .link-cta a { min-width:initial; margin:0 15px 15px 0; }
	.gm-tags .link-cta span { font-size:16px; letter-spacing:0; }

.gm-projects-wrap { float:left; width:100%; position:relative; }
	.gm-projects-wrap > .link-cta { position:absolute; right:0; bottom:0; width:25%; }
	
	.gm-projects { float:left; width:100%; position:relative; }
		.gm-projects > ul { width:calc(100% + 40px); margin-left:-20px; margin-bottom:-60px; display:flex; flex-flow:row wrap; }
			.gm-projects > ul > li { width:25%; padding:0 20px; margin-bottom:60px; }
			.gm-projects > ul > li:nth-child(3) , .gm-projects > ul > li:nth-child(4) , .gm-projects > ul > li:nth-child(9) , .gm-projects > ul > li:nth-child(10) { width:50%; }

.project-item { float:left; width:100%; border:1px solid var(--color-light); padding:15px; border-radius:8px; position:relative; }
	.project-item picture { float:left; width:100%; max-height:480px; position:relative; aspect-ratio:4/3; overflow:hidden; border-radius:8px; }
	.gm-projects > ul > li:nth-child(3) .project-item picture , .gm-projects > ul > li:nth-child(4) .project-item picture { aspect-ratio:76/48; }
	.gm-projects > ul > li.w50 .project-item picture { aspect-ratio:76/32; }
		.project-item picture img { width:100%; height:100%; object-fit:cover; transform-origin:center; transition:all 2s; }
		.project-item:hover picture img { transform:scale(1.2,1.2); }
	.project-item strong { float:left; width:100%; margin-top:20px; font-size:20px; font-weight:500; line-height:120%; }
	.project-item section { float:left; width:100%; margin-top:9px; margin-bottom:23px; display:flex; align-items:center; }
		.project-item section i { float:left; font-size:24px; }
		.project-item section span { float:left; flex:1; padding-left:10px; }
		.project-item:hover small { border-color:var(--color-red); }

.news-list { float:left; width:100%; position:relative; }
.news-latest { margin-bottom:40px; box-shadow:inset 0 -1px 0 rgba(51,57,63,0.1); }
	.news-list > ul { width:calc(100% + 40px); margin-left:-20px; display:flex; flex-wrap:wrap; }
	.news-latest > ul { margin-bottom:-20px; }
		.news-list > ul > li { width:33.33334%; padding:0 20px; margin-bottom:60px; }
		.news-latest > ul > li { width:50%; }
		.news-list > ul > li.news-hero { width:100%; }

.news-item { float:left; width:100%; position:relative; }
	.news-item picture { float:left; width:100%; margin-bottom:20px; position:relative; z-index:5; aspect-ratio:50/33; overflow:hidden; border-radius:8px; box-shadow:8px -8px 0 rgba(227,30,36,0.07); transition:all 0.5s; }
	.news-item picture:hover { box-shadow:8px -8px 0 rgba(227,30,36,0.2); }
		.news-item picture img { width:100%; height:100%; object-fit:cover; transform-origin:center; transition:all 2s; }
		.news-item:hover picture img { transform:scale(1.2,1.2); }
		.news-item picture i { position:absolute; top:calc(50% - 20px); left:calc(50% - 20px); width:48px; height:48px; font-size:32px; line-height:48px; text-align:center; z-index:100; background-color:rgba(0,0,0,0.5); color:#FFF; border-radius:50%; transition:all 0.5s; }
		.news-item:hover picture i { background-color:var(--color-red); }
	
	.news-item span { float:left; width:100%; padding:20px 0; color:var(--color-grey); letter-spacing:1px; line-height:30px; box-shadow:inset 0 1px 0 rgba(51,57,63,0.1); }
		.news-item span i { float:left; padding:0 15px; margin-right:20px; background-color:var(--color-grey); color:#FFF; border-radius:15px; transition:all 0.3s; }
		.news-item:hover span i { background-color:var(--color-dark); }
	.news-item strong { float:left; width:100%; margin-top:6px; font-size:24px; font-weight:500; line-height:30px; position:relative; }
	.news-item small { float:left; padding-right:30px; margin-top:18px; background:url(../images/arrow-right.png) no-repeat right 40% / auto 16px; font-size:12px; font-weight:700; letter-spacing:1px; opacity:0.5; filter:grayscale(100%); -webkit-filter:grayscale(100%); transition:all 0.3s; }
	.news-item:hover small { padding-right:30px; opacity:1; filter:none; -webkit-filter:none; }
	.news-item article { float:left; width:100%; margin-top:13px; font-size:16px; color:var(--color-grey); line-height:30px; }
	
	.news-list > ul > li.news-hero .news-item picture { width:calc(50% - 20px); margin-bottom:0; }
	.news-list > ul > li.news-hero .news-item span , .news-list > ul > li.news-hero .news-item strong , .news-list > ul > li.news-hero .news-item article { float:right; width:calc(50% - 20px); }
	
.hero-news { float:left; width:100%; margin-bottom:32px; }

.news-wrap { float:left; width:100%; max-width:1200px; position:relative; }
	
	.news-content { float:right; width:calc(100% - 320px); margin-top:10px; position:relative; }
		.news-photo { float:left; width:100%; /*max-height:480px;*/ margin-bottom:25px; position:relative; /*aspect-ratio:5/3;*/ overflow:hidden; border-radius:8px; }
			.news-photo img { width:100%; height:100%; object-fit:cover; }
			.news-photo iframe { width:100%; aspect-ratio:16/9; height:auto; border:0; }

	.news-sidebar { float:left; width:280px; padding-top:20px; position:relative; }

.news-info { float:left; width:100%; padding:15px 0; margin-bottom:20px; position:relative; border-top:1px solid rgba(51,57,63,0.08); border-bottom:1px solid rgba(51,57,63,0.08); }
	.news-info section { float:left; width:100%; margin-bottom:16px; }
	.news-info section:last-child { margin-bottom:0; }
		.news-info section i { display:block; color:#999; letter-spacing:1px; }
		.news-info section strong { display:block; margin-top:; font-weight:500; font-size:17px; }

.page-share { float:left; width:100%; position:relative; }
	.page-share ul { width:100%; }
		.page-share li { margin-right:10px; margin-bottom:10px; }
		.page-share li:last-child { margin-right:0; }
			.page-share li a { float:left; transition:all 0.25s; }
				.page-share li a i { float:left; width:40px; font-size:24px; text-align:center; line-height:38px; border:1px solid rgba(51,57,63,0.15); border-radius:50%; transition:all 0.4s; }
				.page-share li a:hover i { border-color:var(--color-dark); }

.grayscale { filter:grayscale(100%); -webkit-filter:grayscale(100%); }
.grayscale:hover { filter:none; -webkit-filter:none; }

.sub-hero { float:left; width:100%; padding:210px 0 80px 0; position:relative; z-index:100; background:#2A3985 url(../images/bg-dark.png) no-repeat center / cover; background-attachment:fixed; border-radius:0 0 80px 0; }
.sub-hero .page-title strong , .sub-hero .page-title article { color:#FFF; }
.sub-hero .slider-hero-logo { mix-blend-mode:overlay; }
.sub-hero .slider-hero-logo picture { max-width:540px; }

.breadcrumb { float:left; width:100%; padding:15px 0; position:relative; font-weight:400; line-height:40px; z-index:2050; overflow:hidden; box-shadow:0 0 20px rgba(51,57,63,0.055); }
	.breadcrumb::before { content:""; position:absolute; top:0; left:0; right:0; height:20px; background:linear-gradient(180deg,rgba(51,57,63,0.04),rgba(51,57,63,0)); }
	.breadcrumb::after { content:""; position:absolute; top:20px; bottom:12px; right:0; width:64px; background:linear-gradient(90deg,rgba(255,255,255,0),#FFF); z-index:10; }
	.breadcrumb section { float:left; width:500%; position:relative; }
		.breadcrumb a { float:left; color:var(--color-grey); }
		.breadcrumb a:hover { color:var(--color-black); text-decoration:underline; }
		.breadcrumb i { float:left; margin:0 20px; opacity:0.5; font-size:20px; color:var(--color-grey); line-height:40px; }
		.breadcrumb strong { float:left; font-weight:500; }

.simple-list { float:left; width:100%; margin-top:10px; }
	.simple-list ul { width:100%; display:flex; flex-flow:row wrap; }
		.simple-list li { width:calc(50% - 30px); padding-left:40px; margin-bottom:30px; position:relative; background:url(../images/icon-ok.png) no-repeat 0 4px / 20px auto; }
		.simple-list li:nth-child(even) { float:right; margin-left:auto; }
		
.block-two { width:calc(50% - 30px); }


.promo-wrap , .promo { float:left; width:100%; position:relative; }
	.promo > ul { width:100%; }
		.promo > ul > li { display:flex; align-items:center; padding:60px 0; position:relative; }
			
			.promo > ul > li::before { content:""; position:absolute; top:0; bottom:0; left:0; width:calc(75% + 20px); background-image:linear-gradient(-90deg,#FFF,rgba(255,255,255,0.0)); z-index:-1; border-radius:20px; }
			.promo > ul > li:nth-child(even)::before { left:auto; right:0; background-image:linear-gradient(90deg,#FFF,rgba(255,255,255,0.0)); }
			
			.promo > ul > li picture { float:right; width:calc(50% - 40px); margin-left:auto; position:relative; text-align:right; aspect-ratio:3/2; overflow:hidden; border-radius:8px; }
				.promo > ul > li picture img { width:100%; height:100%; object-fit:cover; }
			
			.promo-content { float:left; width:calc(50% - 40px); position:relative; }
				.promo-content .page-title { margin-bottom:13px; }

			.promo > ul > li:nth-child(even) picture { margin-left:0; text-align:left; }
			.promo > ul > li:nth-child(even) .promo-content { margin-left:auto; text-align:left; }


.gallery { float:left; width:100%; position:relative; overflow:hidden; }
	.gallery ul { width:calc(100% + 12px); margin-left:-6px; }
		.gallery li { width:25%; padding:0 6px; margin-bottom:12px; position:relative; }
			.gallery li a { float:left; width:100%; position:relative; overflow:hidden; border-radius:8px; transition:all 0.5s; }
				.gallery li a::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-color:var(--color-dark); z-index:5; transition:all 0.5s; opacity:0; }
				.gallery li a:hover::before { opacity:0.5; }
				.gallery li a::after { 
					content:""; 
					position:absolute; 
					top:0;
					bottom:0;					
					left:0;
					right:0;
					background:url(../images/icon-zoom.png) no-repeat center / 40px;
					transition:all 0.3s;
					opacity:0;
					z-index:10;
					}
				.gallery li a:hover::after { opacity:1; }
				.gallery li a picture { float:left; width:100%; aspect-ratio:5/3; transition:all 1.5s; overflow:hidden; }
				.gallery li a img { width:100%; height:100%; object-fit:cover; object-position:center; }
				.gallery li a:hover picture { transform:scale(1.2,1.2); }

.certificates { float:left; width:100%; text-align:center; overflow:hidden; }
	.certificates ul { width:calc(100% + 40px); margin-left:-20px; display:flex; flex-flow:row wrap; }
		.certificates li { width:33.33334%; padding:0 20px; margin-bottom:30px; }
			.certificates li a { float:left; width:100%; height:100%; padding:30px; position:relative; overflow:hidden; background-color:var(--color-light); transition:all 0.5s; }
			.certificates li a:hover { box-shadow:inset 0 -3px 0 var(--color-dark); }
				.certificates li picture { float:left; width:100%; position:relative; overflow:hidden; }
					.certificates li picture img { float:left; width:100%; position:relative; z-index:10; }
				.certificates li strong { float:left; width:100%; padding:24px 0 21px 0; position:relative; font-weight:500; }

.catalog-list { float:left; width:100%; position:relative; }
	.catalog-list > ul { width:calc(100% + 40px); margin-left:-20px; display:flex; flex-flow:row wrap; }
		.catalog-list > ul > li { width:33.33334%; padding:0 20px; margin-bottom:40px; position:relative; }

.catalog-item { float:left; width:100%; height:100%; padding:30px; position:relative; background-color:var(--color-light); display:flex; flex-direction:column; transition:all 0.5s; border-radius:8px; overflow:hidden; }
.catalog-item:hover { background-color:#FFF; box-shadow:0 7px 33px rgba(0,0,0,0.08); }
	
	.catalog-item::after { content:""; position:absolute; left:0; top:0; width:0; height:2px; background-color:var(--color-red); transition:all 1s; }
	.catalog-item:hover::after { width:100%; opacity:1; }
	
	.catalog-item picture { float:left; width:100%; aspect-ratio:4/3; overflow:hidden; }
		.catalog-item picture img { width:100%; height:100%; object-fit:cover; transform-origin:center; transition:all 2s; }
		.catalog-item:hover picture img { transform:scale(1.15,1.15); }
	
	.catalog-item-title { float:left; width:100%; margin-top:25px; margin-bottom:26px; font-size:21px; line-height:24px; }
	
	.catalog-item-cta { float:left; width:100%; padding:10px 15px 10px 25px; margin-top:auto; font-weight:400; letter-spacing:0.5px; background-color:#FFF; border-radius:20px; transition:all 0.5s; }
	.catalog-item:hover .catalog-item-cta { background-color:var(--color-red); color:#FFF; }
		.catalog-item-cta i { float:right; font-size:20px; transition:all 0.5s; }
		.catalog-item:hover .catalog-item-cta i { transform:rotate(45deg); }


/*	Start PRODUCTS	*/

.product-list { float:left; width:100%; position:relative; }
	.product-list > ul { width:calc(100% + 40px); margin-left:-20px; display:flex; flex-flow:row wrap; }
		.product-list > ul > li { width:33.33334%; padding:0 20px; margin-bottom:80px; }

.product-list-item { float:left; width:100%; border:1px solid var(--color-light); padding:15px; border-radius:8px; position:relative; }
	
	.product-list-item picture { float:left; width:100%; position:relative; aspect-ratio:3/2; overflow:hidden; border-radius:8px; }
		.product-list-item picture img { width:100%; height:100%; object-fit:cover; transform-origin:center; transition:all 2s; }
		.product-list-item:hover picture img { transform:scale(1.2,1.2); }
	
	.product-list-item small { float:left; width:100%; padding:20px 0 10px 0; font-size:14px; color:var(--color-grey); }
	
	.product-list-item section { float:left; width:100%; display:flex; align-items:center; }
		.product-list-item section strong { float:left; flex:1; padding-right:15px; font-size:20px; font-weight:500; line-height:24px; }
		.product-list-item section i { float:right; width:40px; margin-left:auto; font-size:24px; text-align:center; line-height:40px; border-radius:50%; background-color:rgba(51,57,63,0.07); transition:all 0.3s; gap: 12px; }
		.product-list-item:hover section i { background-color:var(--color-red); color:#FFF; transform:rotate(45deg); }

.tab { float:left; width:100%; margin-bottom:25px; position:relative; z-index:100; }
	.tab ul { width:100%; }
		.tab li { margin-right:15px; margin-bottom:15px; }
			.tab ul li a { float:left; padding:9px 24px; position:relative; font-size:16px; border-radius:25px; transition:all 0.5s; border:1px solid var(--color-grey); }
			.tab ul li a:hover { border-color:var(--color-dark); background-color:rgba(51,57,63,0.1); }
			.tab ul li a.active { border-color:var(--color-red); background-color:var(--color-red); color:#FFF; }

.product-hero { float:left; width:100%; position:relative; background-color:rgba(51,57,63,0.06); display:flex; align-items:center; }
	.product-hero-photo { float:left; width:50%; position:relative; aspect-ratio:3/2; overflow:hidden; }
		.product-hero-photo img { width:100%; height:100%; object-fit:cover; }
		
	.product-hero-content { float:left; width:50%; padding:60px; position:relative; }
		.product-highlights { float:left; width:100%; margin-top:19px; position:relative; }
			.product-highlights > ul { width:100%; border-bottom:1px solid rgba(51,57,63,0.07); }
				.product-highlights > ul > li { width:100%; padding:15px; border-top:1px solid rgba(51,57,63,0.07); display:flex; align-items:center; }
					.product-highlights > ul > li i { float:left; width:48px; font-size:24px; color:var(--color-grey); }
					.product-highlights > ul > li small { float:left; flex:1; padding-right:20px; }
					.product-highlights > ul > li strong { float:right; margin-left:auto; }

.page-navigation-out { float:left; width:100%; height:80px; position:relative; z-index:2040; }

.page-navigation-wrap { float:left; width:100%; position:relative; box-shadow:0 -1px 0 rgba(51,57,63,0.1) , 0 1px 0 rgba(51,57,63,0.1); background-color:#FFF; z-index:2040; }
	.page-navigation { float:left; width:100%; position:relative; z-index:2040; }
		.page-navigation > ul { width:100%; }
				.page-navigation > ul > li a { float:left; padding:20px; font-size:16px; display:flex; align-items:center; transition:all 0.5s; }
				.page-navigation > ul > li a:hover , .page-navigation > ul > li a.active { color:var(--color-dark); }
				.page-navigation > ul > li a.active { color:var(--color-red); box-shadow:inset 0 -3px 0 var(--color-red); }
					.page-navigation > ul > li a i { float:left; margin-right:12px; font-size:24px; }
					.page-navigation > ul > li a small { flex:1; }

.product-section { float:left; width:100%; position:relative; margin-top:80px; }

.product-table { float:left; width:100%; position:relative; overflow:hidden; overflow-x:auto; color:var(--color-dark); }
	.product-table table { width:100%; }
		.product-table thead tr { border-bottom:1px solid rgba(255,255,255,0.2); }
		.product-table tbody tr { border-bottom:1px solid rgba(4,51,76,0.1); }
		.product-table tbody tr:nth-child(odd) { background-color:var(--color-light); }
		.product-table tbody tr:hover { background-color:rgba(4,51,76,0.05); }
			.product-table table tr th { padding:15px 20px; text-align:left; background-color:var(--color-grey); color:#FFF; text-align:center; border-right:1px solid rgba(255,255,255,0.2); }
			.product-table table tr td { padding:15px 20px; vertical-align:middle; text-align:center; border-right:1px solid rgba(4,51,76,0.1); }
			.product-table table tr th:last-child , .product-table table tr td:last-child { border-right:0; }

.product-video { float:left; width:100%; position:relative; aspect-ratio:16/9; overflow:hidden; border-radius:8px; }



/*	Start CONTACT	*/
	
.accordion { float:left; width:100%; font-size:16px; border-bottom:1px solid #EEE; }
	
	.accordion-section-title { float:left; width:100%; padding:19px 35px 15px 20px; border-top:1px solid #EEE; position:relative; font-family:Teko; font-size:22px; }
	
		.accordion-section-title::before { content:""; position:absolute; top:50%; right:10px; width:14px; height:2px; margin-top:-2px; background-color:#B0BAC4; transition:all 0.25s; border-radius:2px; }
		.accordion-section-title::after { content:""; position:absolute; right:16px; top:50%; height:14px; width:2px; margin-top:-8px; background-color:#B0BAC4; transition:all 0.25s; border-radius:2px; }
		
		.cell-01 { float:left; width:55%; }
		.cell-02 { float:left; width:15%; text-align:center; }
		.cell-03 { float:left; width:30%; }
	
	.accordion-section-title.active { font-weight:500; color:#151515; }
	.accordion-section-title.active::before , 
	.accordion-section-title.active::after { background-color:#C09C61; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); }
	
	.accordion-section-content { float:left; width:100%; padding:15px 25px 20px 25px; position:relative; display:none; color:#666; line-height:25px; background-image:linear-gradient(180deg,#F6F8F8,#FFF); }
		.accordion-section-content::before { 
				content:"";
				border-top:4px solid transparent;
				border-left:8px solid transparent;
				border-right:8px solid transparent;
				height:0;
				position:absolute;
				width:0;
				left:37px;
				top:1px;
				border-top-color:#C09C61;
			}
		.accordion-section-content::after { content:""; position:absolute; width:50px; height:2px; left:20px; top:0; background-color:#C09C61; }
		.accordion-section-content section { float:left; width:100%; }
		
.contact-info { float:left; width:calc(100% + 30px); margin-left:-15px; margin-top:20px; position:relative; display:flex; flex-flow:row wrap; }
	.contact-info section { float:left; width:33.33334%; padding:0 15px; margin-bottom:40px; position:relative; line-height:30px; }
	.contact-info section:nth-child(2) { width:66.66666%; }
		.contact-info section picture { float:left; width:100%; }
			.contact-info section picture i { float:left; font-size:32px; color:var(--color-dark); }
		.contact-info section strong { float:left; width:100%; margin:10px 0 -2px 0; font-weight:500; color:var(--color-grey); }
		.contact-info section small { float:left; width:100%; font-size:18px; }		
		
.contact-form { float:left; width:100%; position:relative; }
.offer-form { max-width:960px; }
	.contact-form .page-title { display:none; }
	.form-item { float:left; width:50%; padding:0 15px 30px 15px; position:relative; color:var(--color-grey); }
	.form-item-text { margin-top:-10px; color:#666; }
	.form-item:last-child { padding-bottom:0; }
		.form-item label { float:left; width:100%; }
		.form-item section { float:left; width:100%; font-size:16px; font-weight:600; margin-bottom:-10px; }
		.form-item a { text-decoration:underline; }
		.form-item a:hover { text-decoration:none; }
		
		.security-code img { float:left; width:120px; height:50px; margin-right:10px; padding:3px; border:1px solid #999; background-color:#FFF; border-radius:6px; box-shadow:5px 5px 0 rgba(0,0,0,0.03); }
		.security-code a.refresh { float:left; width:50px; height:50px; text-indent:-9999px; background:#FFF url(../images/refresh.png) no-repeat center center / 24px; border:1px solid #999; border-radius:6px; box-shadow:5px 5px 0 rgba(0,0,0,0.03); }
		.security-code a:hover.refresh { background-color:#EEE; }

.contact-map { float:left; width:100%; max-height:600px; padding:9px; position:relative; aspect-ratio:1/1; border:1px solid var(--color-grey); border-radius:8px; background-color:#FFF; }

.branch-list { float:right; width:100%; display:flex; flex-flow:row wrap; }

	.branch-item { float:left; width:100%; margin-bottom:50px; }
	.branch-item:nth-child(even) { float:right; margin-left:auto; }
	.branch-list .branch-item:last-child { margin-bottom:0; }
		.branch-item section { float:left; width:50%; padding:15px 25px; position:relative; font-size:16px; }
		.branch-item section:first-child { margin-bottom:10px; background-color:var(--color-light); font-weight:500; font-size:18px; border-radius:6px; }
		.branch-item section:last-child { margin-bottom:0; }
			.branch-item section span { display:block; font-weight:700; font-size:12px; color:var(--color-grey); text-transform:uppercase; letter-spacing:2px; }
		
		.branch-item section.branch-map { width:100%; }

.upload { float:left; width:100%; height:50px; position:relative; text-align:center; }
	.upload section { float:left; width:100%; height:50px; padding:0 16px; border:1px solid #999; line-height:48px; background-color:#FFF; border-radius:6px; box-shadow:5px 5px 0 rgb(0 0 0 / 3%); }
	.upload:hover section { border-color:#00C18C; color:#00C18C; }
		.upload section::after { content:""; position:absolute; top:0; bottom:0; right:0; width:48px; background:url(../images/icon-clip.png) no-repeat center / 16px; opacity:0.5; }
		.upload:hover section::after { opacity:1; }
	.upload input { display:block !important; width:100% !important; height:100% !important; opacity:0 !important; overflow:hidden !important; position:absolute; left:0; top:0; z-index:3; cursor:pointer; }


/*	Start LIGHTBOX	*/

.fancybox-slide--iframe .fancybox-content { width:800px; min-height:300px; max-width:80%; max-height:80%; margin:0; }

.my-fancy { display:none; padding:30px !important; border-radius:8px; }
	
	.my-fancy-wrap { width:100%; max-width:800px; max-height:600px; overflow:hidden; overflow-y:auto; }
		.my-fancy-wrap::-webkit-scrollbar { width:5px; }
		.my-fancy-wrap::-webkit-scrollbar-track { background:#EEEEEE; }
		.my-fancy-wrap::-webkit-scrollbar-thumb { background-color:#555; }
		.my-fancy-wrap { scrollbar-color:#FFF #EEEEEE; scrollbar-width:thin; }

.fancy-title { float:left; width:100%; padding:0 20px; margin-bottom:15px; position:relative; font-size:16px; color:#000; }
	.fancy-title::before { content:""; position:absolute; top:50%; left:0; width:50px; height:2px; margin-top:-1px; background-color:#CEC9C8; }
	.fancy-title strong { float:left; padding:0 15px; position:relative; font-weight:500; letter-spacing:1px; background-color:#FFF; }

.fancy-form { float:left; width:100%; }
	.fancy-form .item { float:left; width:50%; padding:0 10px; margin-bottom:20px; }
	.fancy-form .item:last-child { margin-bottom:0; }
	.fancy-form .item-2 { width:calc(50% - 10px); }
		.fancy-form .item-2 label { float:left; width:100%; padding:9px; border:1px solid #999; border-radius:4px; font-weight:600; }
		.fancy-form .item a { font-weight:600; text-decoration:underline; }


/*	Start PAGINATION	*/
	
.pages { float:left; width:100%; margin-top:20px; position:relative; line-height:48px; text-align:center; display:flex; align-items:center; justify-content:center; }
	.pages li { padding:0 5px; }
		.pages li a { float:left; width:48px; height:48px; font-weight:500; transition:all 0.4s; border-radius:50%; }
		.pages li a:hover { background-color:var(--color-light); }
		.pages li a.current { color:#FFF; background-color:var(--color-red); }
				
.cookies-wrap { position:fixed; right:20px; bottom:20px; left:20px; z-index:7950; text-align:center; display:none; }
	.cookies { float:left; width:100%; padding:25px 30px 20px 30px; position:relative; background-color:rgba(0, 0, 0, 0.8); font-size:12px; color:rgba(255, 255, 255, 0.8); border-radius:5px; }
		.cookies::before { content:""; position:absolute; right:15px; top:15px; left:15px; bottom:0; background:url(../images/icon-cookies.png) no-repeat 0 top / 60px auto; opacity:0.3; }
		.cookies section { float:left; width:100%; position:relative; }
		.cookies-close { position:absolute; top:-16px; right:20px; width:32px; height:32px; }
			.cookies-close span { float:left; width:100%; height:100%; position:relative; border-radius:50%; text-indent:-9999px; background:#C09C61 url(../images/icon-close.png) no-repeat center / 20px; cursor:pointer; border:2px solid #FFF; }
			.cookies-close span:hover { background-size:18px; background-color:#000; }


@media only screen and (max-width:1740px) {

.wrap { width:1520px; }
.category-cards-left { width:calc(50% - 80px); }
.block-narrow { width:28%; padding-right:40px; }
.block-wide { width:72%; }

}



@media only screen and (max-width:1600px) {

.wrap { width:1400px; }
#nav li { margin:0 15px; }
#nav li > a { padding:0 5px; }
.slider-hero-title strong { font-size:48px; }
.slider-hero-title section { margin-top:25px; }
.stat-item strong { font-size:70px; }

}



@media only screen and (max-width:1440px) {

.wrap { width:100%; }
#logo { margin-right:40px; }

.top-150 { padding-top:100px; }
.top-100 { padding-top:75px; }
.top-50 { padding-top:35px; }
.bottom-150 { padding-bottom:100px; }
.bottom-100 { padding-bottom:75px; }
.bottom-50 { padding-bottom:35px; }

.fs-48 { font-size:40px; line-height:50px; }
.fs-36 { font-size:30px; line-height:40px; }
.fs-30 { font-size:24px; line-height:30px; }

.gm-tags { width:75%; }

.promo > ul > li picture , .promo-content { width:calc(50% - 30px); }

.footer-certificates { margin-bottom:30px; }

}



@media only screen and (max-width:1320px) {

#nav li { margin:0 10px; }
#nav li > a { padding:0; }

.category-cards-left { width:calc(40% - 30px); }
.category-cards-right { width:60%; }

.footer-links , .footer-links > ul > li { width:50%; }
.footer-links:first-child { width:100%; }
.footer-cta-item picture { max-height:400px; aspect-ratio:3/2; }

.gallery li { width:33.33334%; }

.product-hero-content { padding:30px; }
.product-highlights > ul > li i { width:36px; margin-left:-8px; font-size:20px; }

}



@media only screen and (max-width:1240px) {

#logo { margin-right:20px; }
#nav li:first-child { display:none; }
#nav li > a , .header-lang-icon , .header-offer a small { font-size:12px; }
.header-lang-wrap { margin-right:10px; }
.header-lang-icon { width:70px; }
.header-offer { margin-left:10px; }
.header-offer a { width:150px; }

.slider-hero-wrap { border-radius:0 0 40px 40px; }
.slider-hero-title strong { font-size:40px; }
.slider-hero-title section article { font-size:18px; line-height:24px; }
.slider-hero ul.slick-dots { padding-bottom:15px; }

.gm-tags { width:100%; }

.gm-projects > ul , .news-list > ul , .certificates ul , .product-list > ul , .catalog-list > ul { width:calc(100% + 30px); margin-left:-15px; }
.gm-projects > ul > li , .news-list > ul > li , .certificates li , .product-list > ul > li , .catalog-list > ul > li { padding:0 15px; }
.news-list > ul > li.news-hero .news-item picture , .news-list > ul > li.news-hero .news-item span , .news-list > ul > li.news-hero .news-item strong , .news-list > ul > li.news-hero .news-item article { width:calc(50% - 15px); }
.catalog-list > ul > li { margin-bottom:30px; }

.link-cta span { padding-right:10px; letter-spacing:0.4px; }

.gm-map { padding-left:30px; padding-right:30px; }

}



@media only screen and (max-width:1023px) {

.generalmakina { padding-top:70px; }
.wrap , .wrap-slim { float:left; width:100%; padding-left:30px; padding-right:30px; }

.header { height:70px; padding-left:15px; padding-right:10px; background-color:#FFF !important; }
#logo { margin-right:0; flex:1; }
.header-search { left:-5px; right:0; top:80px; width:auto; max-width:initial; }

.nav-icon { float:right; width:70px; height:70px; margin-right:10px; position:relative; cursor:pointer; display:block; text-indent:-9999px; z-index:200; }
	.nav-icon span { position:absolute; top:50%; left:50%; width:32px; height:2px; margin:-1px 0 0 -16px; transition:all 0.5s; }
		.nav-icon span::before { content:""; position:absolute; top:-6px; left:0; right:0; height:2px; background-color:var(--color-black); transition:all 0.5s; }
		.nav-icon span::after { content:""; position:absolute; bottom:-6px; left:0; right:6px; height:2px; background-color:var(--color-black); transition:all 0.5s; }
	
	.nav-icon-close span { background-color:transparent; }
		.nav-icon-close span::before { 
			-webkit-transform:rotate(-135deg);
			-moz-transform:rotate(-135deg);
			-o-transform:rotate(-135deg);
			-ms-transform:rotate(-135deg);
			transform:rotate(-135deg);
			top:0;
			background-color:var(--color-red);
		}
		.nav-icon-close span::after { 
			-webkit-transform:rotate(135deg);
			-moz-transform:rotate(135deg);
			-o-transform:rotate(135deg);
			-ms-transform:rotate(135deg);
			transform:rotate(135deg);
			bottom:0;
			right:0;
			background-color:var(--color-red);
		}
		
	.nav-icon-close::before { 
		content:"";
		border-bottom:4px solid transparent;
		border-left:10px solid transparent;
		border-right:10px solid transparent;
		height:0;
		position: absolute;
		width:0;
		left:50%;
		bottom:0;
		margin-left:-10px;
		border-bottom-color:var(--color-dark);
	}

#nav { position:fixed; top:70px; bottom:0; left:0; right:0; width:100%; height:calc(100vh - 70px); padding:30px 30px 130px 30px; margin:0; background-color:var(--color-dark); overflow-y:auto; z-index:200; display:none; transition:none; }
	#nav ul { float:left; width:100%; border-top:1px solid rgba(255,255,255,0.07); display:block; }
		#nav li { width:100%; margin:0; position:relative; border-bottom:1px solid rgba(255,255,255,0.07); text-align:left; }
		#nav li:first-child { display:block; }
		#nav li.nav-multi::before { content:""; position:absolute; top:0; right:0; width:40px; height:70px; background:url(../images/arrow-white-down.png) no-repeat center 52%; background-size:14px auto; opacity:0.7; }
			#nav li > a { width:100%; padding:0 25px; color:#FFF !important; font-size:21px; font-weight:600; letter-spacing:1px; line-height:70px; }
			
			#nav li > a::before , #nav li > a::after { display:none; }
			
			.nav-menu { float:left; width:100% !important; margin-bottom:20px; position:relative; top:auto; left:auto !important; box-shadow:none; }

.nav-opened { overflow:hidden !important; }

.fixed-buttons { left:10px; right:10px; bottom:10px !important; }

.slider-hero-item { height:auto; aspect-ratio:3/2; }
.slider-hero-item::before { background-size:70% auto; }

.block-wrap , .gm-contact-top , .copyright , .product-hero { display:block; }
.block-narrow , .category-cards-left , .category-cards-right , .block-wide { width:100%; padding-right:0; }
.block-narrow { margin-bottom:20px; }
.block-narrow:last-child { margin-bottom:0; }
.block-narrow-photo { margin-top:20px; margin-bottom:10px; }
.block-narrow-photo picture { max-width:initial; max-height:400px; }

.category-cards-left { height:auto; padding-bottom:10px; }
.category-cards-left .page-title { margin-top:10px; margin-bottom:0; }
.category-cards-right { margin-bottom:170px; }

.top-150 { padding-top:75px; }
.top-100 { padding-top:50px; }
.top-50 { padding-top:25px; }
.bottom-150 { padding-bottom:75px; }
.bottom-100 { padding-bottom:50px; }
.bottom-50 { padding-bottom:25px; }

.promo > ul > li { padding:30px 0; flex-flow:column; }
.promo > ul > li:last-child { margin-bottom:0; }
.promo > ul > li:nth-child(odd) picture { order:1; }
.promo > ul > li:nth-child(odd) .promo-content { order:2; }
.promo-content , .promo > ul > li picture { width:100%; }
.promo-content { margin-top:20px; }

.gm-stats li , .stat-item { padding:10px 0; }
.stat-item strong { width:25%; font-size:60px; }

.gm-projects > ul > li , .gm-projects-wrap > .link-cta { width:50%; }
.gm-projects > ul > li:nth-child(1) , .gm-projects > ul > li:nth-child(4) , .gm-projects > ul > li:nth-child(7) , .gm-projects > ul > li:nth-child(10) , .gm-projects > ul > li.w50 { width:100% !important; }
.project-item picture { aspect-ratio:76/48 !important; }

.gm-contact-wrap , .footer-cta-item section { padding:30px; }
.gm-contact { padding:30px 0; }
.gm-contact-top .left { width:100%; max-width:initial; padding-right:0; margin-top:-9px; }
.gm-contact-top .right { width:100%; }
.gm-contact-top .right li { margin-right:30px; }

.footer-cta > ul > li { width:100%; }
.footer-wrap { padding-top:40px; }
.footer-left { width:100%; max-width:initial; padding-right:0; }
.footer-right , .copyright .fl { width:100%; }
.copyright { padding:30px 0 100px 0; }
.copyright .footer-left a { margin-right:20px; }
.copyright .footer-right { margin-top:15px; }
.copyright .fr { float:left !important; margin-top:15px; }
.footer-social li { padding-right:10px; }
.footer-certificates { margin-top:40px; }
.footer-certificates::before { margin-right:30px; }
.footer-certificates img { height:40px; }

.page-title-wrap { margin-top:29px; margin-bottom:21px; }

.news-list > ul > li , .product-list > ul > li , .catalog-list > ul > li { width:50%; }
.news-content { width:100%; }
.news-sidebar { width:100%; padding-top:40px; }

.product-list { margin-top:20px; }

.tab { overflow:hidden; overflow-x:auto; white-space:nowrap; }
.tab ul { float:none; display:block; }
.tab ul li { float:none; display:inline-block; margin-right:8px; margin-bottom:0; }
.tab ul li:last-child { margin-right:0; }
.tab ul li a { padding:9px 19px; }

.catalog-item { padding:25px; }

.product-hero-photo , .product-hero-content { width:100%; }
.page-navigation-out { display:none; }

}





@media only screen and (max-width:767px) {

.cookies-wrap { right:5px; bottom:5px; left:5px; }
.progress-page { display:none; }

.slider-hero-item { max-height:480px; aspect-ratio:1/1; }
.slider-hero-title strong { font-size:32px; }
.slider-hero-title section article { font-size:16px; }

.gm-contact-content { padding:20px; }
.gm-contact-content section { width:36%; padding-right:10px; }
.gm-contact-content section:last-child { width:28%; }

.gm-map { padding-left:15px; padding-right:15px; }

.news-list > ul > li.news-hero .news-item article { display:none; }

.certificates li a { padding:20px; }

.product-table table tr th , .product-table table tr td { padding:12px 15px; }

}



@media only screen and (max-width:640px) {

.header-lang-wrap { margin-right:0; }
.header-offer , .header-lang-wrap::after { display:none; }
.header-lang-icon { width:60px; }
.gm-tags .link-cta span { font-size:14px; }
.stat-item small { font-size:18px; }

.stat-item { padding-bottom:120px; }
.stat-item strong { width:auto; font-size:40px; }
.stat-item picture { position:absolute; left:0; right:0; bottom:20px; width:auto !important; margin:0 !important; }

.news-list > ul > li , .product-list > ul > li , .catalog-list > ul > li { width:100%; }

.breadcrumb { padding:8px 0; font-size:12px; }
.breadcrumb i { margin:0 10px; font-size:16px; }

.certificates li , .gallery li { width:50%; }

.contact-info section { width:100% !important; }

}



@media only screen and (max-width:540px) {

.slider-hero-wrap { border-radius:0 0 20px 20px; }
.slider-hero-title { top:0; padding-bottom:70px; align-items:end; }
.slider-hero-title section article { display:none; }
.slider-hero-title section .link-cta { float:left; margin-left:0; }

.slider-hero ul.slick-dots li { margin-right:10px; }
.slider-hero ul.slick-dots li::after { width:24px; margin-left:10px; }

.news-latest > ul > li , .news-list > ul > li.news-hero .news-item picture , .news-list > ul > li.news-hero .news-item span , .news-list > ul > li.news-hero .news-item strong , .news-list > ul > li.news-hero .news-item article , .gm-projects > ul > li , .gm-projects-wrap > .link-cta , .project-item .link-cta small , .gm-contact-top .right li , .footer-links , .branch-item section , .nav-wide a { width:100% !important; }
.news-list > ul > li.news-hero .news-item span { box-shadow:none; }

.gm-projects-wrap > .link-cta { position:static; margin-top:40px; }

.gm-contact { padding-bottom:140px; }
.gm-contact::before { content:""; left:30px; background-size:100% auto; }

.gm-contact-top .right li { margin-right:0; margin-bottom:20px; }
.gm-contact-top .right li:last-child { margin-bottom:0; }
.gm-contact-content section { width:100% !important; padding-right:0; margin-bottom:20px; }
.gm-contact-content section:last-child { margin-bottom:0; }

.category-cards-right { margin-bottom:120px; }

.footer-cta-item section .page-text { margin-top:11px; margin-bottom:18px; font-size:16px; line-height:24px; }

.fixed-buttons ul { width:100%; padding:4px; display:flex; align-items:center; justify-content:center; }
.fixed-buttons ul li::after { width:16px; margin:0 8px; background-color:#FFF; }

.form-item { width:100%; padding-bottom:20px; }
.branch-item section { padding:10px 20px; }

.product-highlights > ul > li { display:block; padding:12px 0; }
.product-highlights > ul > li i { display:none; }
.product-highlights > ul > li small , .product-highlights > ul > li strong { width:100%; }
.product-highlights > ul > li small { padding-right:0; }

}



@media only screen and (max-width:440px) {

#logo img { padding:5px 0; }

.slider-hero-item::before { background-size:85% auto; }
.slider-hero-title strong { font-size:24px; }
.slider-hero-title section { margin-top:16px; }
.slider-hero-title .link-cta a { min-width:initial; font-size:11px; }
.slider-hero-title .link-cta span { padding-right:20px; }

.gm-tags .link-cta a { width:100%; margin:0 0 10px 0; }
.gm-tags .link-cta span { font-size:16px; }

.footer-cta-item picture { aspect-ratio:1/1; }
.footer-social li a i { width:40px; font-size:24px; line-height:38px; }
.footer-certificates img { width:50%; height:auto; }

.certificates li { width:100%; margin-bottom:20px; }

}



@media only screen and (max-width:374px) {

#logo a { width:64px; overflow:hidden; }
.nav-icon { width:60px; }

}
:root {
	--card-height: 40vw;
	--card-margin: -40px;
	--card-top-offset: 2em;
	--outline-width: 0px;
}

#cards {
	/* Make place at bottom, as items will slide to that position*/
	/* padding-bottom: calc(var(--numcards) * var(--card-top-offset)); */
	/* Don't include the --card-margin in padding, as that will affect the scroll-timeline*/
	margin-bottom: var(--card-margin);
}

#card_1 { --index: 1; }
#card_2 { --index: 2; }
#card_3 { --index: 3; }
#card_4 { --index: 4; }
#card_5 { --index: 5; }

.card { position:sticky; top:100px; padding-top:calc(var(--index) * var(--card-top-offset)); }
.card__content { transform-origin:50% 0%; will-change: transform; }

/** PAGE STYLING **/

#cards {
	list-style: none;
	outline: calc(var(--outline-width) * 10) solid hotpink;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(var(--numcards), var(--card-height));
	gap: var(--card-margin);
}

.card {
	outline: var(--outline-width) solid lime;
}

.card__content {
	box-shadow:8px -8px 0 rgba(227,30,36,0.07);
	background: rgb(255, 255, 255);
	color: rgb(10, 5, 7);
	border-radius:8px;
	overflow: hidden;

	grid-template-areas: "text img";
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;

	align-items: stretch;
	outline: var(--outline-width) solid blue;
}

.card__content figure { float:left; width:100%; aspect-ratio:5/3; overflow:hidden; margin:0 !important; padding:0 !important; }

.card__content figure > img { width:100%; height:100%; object-fit:cover; }

.card__content-title { position:absolute; top:30px; left:30px; right:30px; padding:10px 20px; font-size:21px; font-weight:500; line-height:30px; z-index:100; background-color:var(--color-yellow); border-radius:8px; transition:all 0.5s; }
.card__content:hover .card__content-title { color:#FFF; }
.card__content-title::after { content:""; position:absolute; top:calc(50% - 8px); right:17px; width:16px; height:16px; background-color:var(--color-black); border-radius:50%; transition:all 0.3s; }
.card__content:hover .card__content-title::after { background-color:#FFF; }

@supports (animation-timeline: view()) {
	
	.card {
		--index0: calc(var(--index) - 1); /* 0-based index */
		--reverse-index: calc(var(--numcards) - var(--index0)); /* reverse index */
		--reverse-index0: calc(var(--reverse-index) - 1); /* 0-based reverse index */
	}

	@keyframes scale {
		to {
			transform:
				scale(calc(1.1 - calc(0.1 * var(--reverse-index))));
		}
	}

	#cards {
		--numcards: 5;
		view-timeline-name: --cards-element-scrolls-in-body;
	}

	.card__content {
		--start-range: calc(var(--index0) / var(--numcards) * 100%);
		--end-range: calc((var(--index)) / var(--numcards) * 100%);

		animation: linear scale forwards;
		animation-timeline: --cards-element-scrolls-in-body;
		animation-range: exit-crossing var(--start-range) exit-crossing var(--end-range);
	}
}

@media only screen and (max-width:1600px) {

:root { --card-margin:0; }

}

@media only screen and (max-width:1440px) {

:root { --card-margin:40px; }

}

@media only screen and (max-width:1320px) {

:root { --card-margin:140px; }

}

@media only screen and (max-width:1280px) {

.card__content-title { top:24px; left:24px; right:24px; }

}



@media only screen and (max-width:1023px) {

:root { --card-height:50vw; --card-margin:50px; }

}



@media only screen and (max-width:540px) {

:root { --card-height:50vw; --card-margin:120px; --card-top-offset:1em; }
.card__content-title { top:20px; left:20px; right:20px; font-size:18px; }
.card__content figure { aspect-ratio:6/5; }

}










@font-face {
    font-family: 'Neurial Grotesk';
    src: url('/content/fonts/NeurialGrotesk-Regular.eot');
    src: url('/content/fonts/NeurialGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
        url('/content/fonts/NeurialGrotesk-Regular.woff2') format('woff2'),
        url('/content/fonts/NeurialGrotesk-Regular.woff') format('woff'),
        url('/content/fonts/NeurialGrotesk-Regular.ttf') format('truetype'),
        url('/content/fonts/NeurialGrotesk-Regular.svg#NeurialGrotesk-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neurial Grotesk';
    src: url('/content/fonts/NeurialGrotesk-Medium.eot');
    src: url('/content/fonts/NeurialGrotesk-Medium.eot?#iefix') format('embedded-opentype'),
        url('/content/fonts/NeurialGrotesk-Medium.woff2') format('woff2'),
        url('/content/fonts/NeurialGrotesk-Medium.woff') format('woff'),
        url('/content/fonts/NeurialGrotesk-Medium.ttf') format('truetype'),
        url('/content/fonts/NeurialGrotesk-Medium.svg#NeurialGrotesk-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neurial Grotesk';
    src: url('/content/fonts/NeurialGrotesk-Extrabold.eot');
    src: url('/content/fonts/NeurialGrotesk-Extrabold.eot?#iefix') format('embedded-opentype'),
        url('/content/fonts/NeurialGrotesk-Extrabold.woff2') format('woff2'),
        url('/content/fonts/NeurialGrotesk-Extrabold.woff') format('woff'),
        url('/content/fonts/NeurialGrotesk-Extrabold.ttf') format('truetype'),
        url('/content/fonts/NeurialGrotesk-Extrabold.svg#NeurialGrotesk-Extrabold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neurial Grotesk';
    src: url('/content/fonts/NeurialGrotesk-Light.eot');
    src: url('/content/fonts/NeurialGrotesk-Light.eot?#iefix') format('embedded-opentype'),
        url('/content/fonts/NeurialGrotesk-Light.woff2') format('woff2'),
        url('/content/fonts/NeurialGrotesk-Light.woff') format('woff'),
        url('/content/fonts/NeurialGrotesk-Light.ttf') format('truetype'),
        url('/content/fonts/NeurialGrotesk-Light.svg#NeurialGrotesk-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neurial Grotesk';
    src: url('/content/fonts/NeurialGrotesk-Bold.eot');
    src: url('/content/fonts/NeurialGrotesk-Bold.eot?#iefix') format('embedded-opentype'),
        url('/content/fonts/NeurialGrotesk-Bold.woff2') format('woff2'),
        url('/content/fonts/NeurialGrotesk-Bold.woff') format('woff'),
        url('/content/fonts/NeurialGrotesk-Bold.ttf') format('truetype'),
        url('/content/fonts/NeurialGrotesk-Bold.svg#NeurialGrotesk-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akrobat';
    src: url('/content/fonts/Akrobat-ExtraBold.eot');
    src: url('/content/fonts/Akrobat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/content/fonts/Akrobat-ExtraBold.woff2') format('woff2'),
        url('/content/fonts/Akrobat-ExtraBold.woff') format('woff'),
        url('/content/fonts/Akrobat-ExtraBold.ttf') format('truetype'),
        url('/content/fonts/Akrobat-ExtraBold.svg#Akrobat-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akrobat';
    src: url('/content/fonts/Akrobat-Thin.eot');
    src: url('/content/fonts/Akrobat-Thin.eot?#iefix') format('embedded-opentype'),
        url('/content/fonts/Akrobat-Thin.woff2') format('woff2'),
        url('/content/fonts/Akrobat-Thin.woff') format('woff'),
        url('/content/fonts/Akrobat-Thin.ttf') format('truetype'),
        url('/content/fonts/Akrobat-Thin.svg#Akrobat-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akrobat';
    src: url('/content/fonts/Akrobat-Regular.eot');
    src: url('/content/fonts/Akrobat-Regular.eot?#iefix') format('embedded-opentype'),
        url('/content/fonts/Akrobat-Regular.woff2') format('woff2'),
        url('/content/fonts/Akrobat-Regular.woff') format('woff'),
        url('/content/fonts/Akrobat-Regular.ttf') format('truetype'),
        url('/content/fonts/Akrobat-Regular.svg#Akrobat-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akrobat';
    src: url('/content/fonts/Akrobat-SemiBold.eot');
    src: url('/content/fonts/Akrobat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/content/fonts/Akrobat-SemiBold.woff2') format('woff2'),
        url('/content/fonts/Akrobat-SemiBold.woff') format('woff'),
        url('/content/fonts/Akrobat-SemiBold.ttf') format('truetype'),
        url('/content/fonts/Akrobat-SemiBold.svg#Akrobat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akrobat';
    src: url('/content/fonts/Akrobat-Bold.eot');
    src: url('/content/fonts/Akrobat-Bold.eot?#iefix') format('embedded-opentype'),
        url('/content/fonts/Akrobat-Bold.woff2') format('woff2'),
        url('/content/fonts/Akrobat-Bold.woff') format('woff'),
        url('/content/fonts/Akrobat-Bold.ttf') format('truetype'),
        url('/content/fonts/Akrobat-Bold.svg#Akrobat-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akrobat';
    src: url('/content/fonts/Akrobat-Black.eot');
    src: url('/content/fonts/Akrobat-Black.eot?#iefix') format('embedded-opentype'),
        url('/content/fonts/Akrobat-Black.woff2') format('woff2'),
        url('/content/fonts/Akrobat-Black.woff') format('woff'),
        url('/content/fonts/Akrobat-Black.ttf') format('truetype'),
        url('/content/fonts/Akrobat-Black.svg#Akrobat-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akrobat';
    src: url('/content/fonts/Akrobat-Light.eot');
    src: url('/content/fonts/Akrobat-Light.eot?#iefix') format('embedded-opentype'),
        url('/content/fonts/Akrobat-Light.woff2') format('woff2'),
        url('/content/fonts/Akrobat-Light.woff') format('woff'),
        url('/content/fonts/Akrobat-Light.ttf') format('truetype'),
        url('/content/fonts/Akrobat-Light.svg#Akrobat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akrobat';
    src: url('/content/fonts/Akrobat-ExtraLight.eot');
    src: url('/content/fonts/Akrobat-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/content/fonts/Akrobat-ExtraLight.woff2') format('woff2'),
        url('/content/fonts/Akrobat-ExtraLight.woff') format('woff'),
        url('/content/fonts/Akrobat-ExtraLight.ttf') format('truetype'),
        url('/content/fonts/Akrobat-ExtraLight.svg#Akrobat-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background:var(--color-red);
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}
/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(
    to top,
    rgba(0, 0, 0, .85) 0%,
    rgba(0, 0, 0, .3) 50%,
    rgba(0, 0, 0, .15) 65%,
    rgba(0, 0, 0, .075) 75.5%,
    rgba(0, 0, 0, .037) 82.85%,
    rgba(0, 0, 0, .019) 88%,
    rgba(0, 0, 0, 0) 100%
    );
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}

/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}

/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #C09C62;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }
    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}


.fancybox-button--thumbs { display:none !important; }