@charset "UTF-8";

/* latin-ext */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/commissioner-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/commissioner-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/commissioner-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/commissioner-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/commissioner-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/commissioner-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'PP Hatton';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/pp-hatton-700.woff2) format('woff2');
}



*, *:before, *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary{display:block;}
audio,
canvas,
video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:100%;}
body{margin:0;}
a:focus{outline:0;}
a:active,
a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b,
strong{font-weight:bold;}
dfn{font-style:italic;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark{background:#ff0;color:#000;}
code,
kbd,
pre,
samp{font-family:monospace, serif;font-size:1em;}
pre{white-space:pre-wrap;}
q{quotes:"\201C" "\201D" "\2018" "\2019";}
small{font-size:80%;}
sub,
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
fieldset{border:1px solid silver;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
button,
input,
select,
textarea{font-family:inherit;font-size:100%;margin:0;}
button,
input{line-height:normal;}
button,
select{text-transform:none;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],
html input[disabled]{cursor:default;}
input[type="checkbox"],
input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}



* { margin: 0; padding: 0; border-width: 0; outline: none; }



.cols-LR0 { margin: 0 0 0 0; display: flex; flex-wrap: wrap; }
.cols-LR0-item { padding: 0 0 0 0; float: left; display: flex; }

.cols-LR1 { margin: 0 -1px 0 -1px; display: flex; flex-wrap: wrap; }
.cols-LR1-item { padding: 0 1px 0 1px; float: left; display: flex; }
 
.cols-LR5 { margin: 0 -5px 0 -5px; display: flex; flex-wrap: wrap; }
.cols-LR5-item { padding: 0 5px 0 5px; float: left; display: flex; } 
 
.cols-LR10 { margin: 0 -10px 0 -10px; display: flex; flex-wrap: wrap; }
.cols-LR10-item { padding: 0 10px 0 10px; float: left; display: flex; }
 
.cols-LR15 { margin: 0 -15px 0 -15px; display: flex; flex-wrap: wrap; }
.cols-LR15-item { padding: 0 15px 0 15px; float: left; display: flex; }
 
.cols-LR20 { margin: 0 -20px 0 -20px; display: flex; flex-wrap: wrap; }
.cols-LR20-item { padding: 0 20px 0 20px; float: left; display: flex; }
 
.cols-LR25 { margin: 0 -25px 0 -25px; display: flex; flex-wrap: wrap; }
.cols-LR25-item { padding: 0 25px 0 25px; float: left; display: flex; } 
 
 
 
.cols-LR1em { margin: 0 -1em 0 -1em; display: flex; flex-wrap: wrap; }
.cols-LR1em-item { padding: 0 1em 0 1em; float: left; display: flex; }
 
.cols-LR15em { margin: 0 -1.5em 0 -1.5em; display: flex; flex-wrap: wrap; }
.cols-LR15em-item { padding: 0 1.5em 0 1.5em; float: left; display: flex; }   
 
.cols-LR2em { margin: 0 -2em 0 -2em; display: flex; flex-wrap: wrap; }
.cols-LR2em-item { padding: 0 2em 0 2em; float: left; display: flex; } 
 
.cols-LR25em { margin: 0 -2.5em 0 -2.5em; display: flex; flex-wrap: wrap; }
.cols-LR25em-item { padding: 0 2.5em 0 2.5em; float: left; display: flex; } 
 
.cols-LR3em { margin: 0 -3em 0 -3em; display: flex; flex-wrap: wrap; }
.cols-LR3em-item { padding: 0 3em 0 3em; float: left; display: flex; }  



@media screen and (min-width: 1px) and (max-width: 1024px) {
.cols-LR3em { margin: 0 -1.5em 0 -1.5em; }
.cols-LR3em-item { padding: 0 1.5em 0 1.5em; }
}
    
    
 
.cols-md1 { width: 1%; }
.cols-md2 { width: 2%; }
.cols-md3 { width: 3%; }
.cols-md4 { width: 4%; }
.cols-md5 { width: 5%; }
.cols-md6 { width: 6%; }
.cols-md7 { width: 7%; }
.cols-md8 { width: 8%; }
.cols-md9 { width: 9%; }
.cols-md10 { width: 10%; }
.cols-md11 { width: 11%; }
.cols-md12 { width: 12%; }
.cols-md12-5 { width: 12.5%; }
.cols-md13 { width: 13%; }
.cols-md14 { width: 14%; }
.cols-md15 { width: 15%; }
.cols-md16-6 { width: 16.66%; }
.cols-md16 { width: 16%; }
.cols-md17 { width: 17%; }
.cols-md18 { width: 18%; }
.cols-md19 { width: 19%; }
.cols-md20 { width: 20%; }
.cols-md21 { width: 21%; }
.cols-md22 { width: 22%; }
.cols-md23 { width: 23%; }
.cols-md24 { width: 24%; }
.cols-md25 { width: 25%; }
.cols-md26 { width: 26%; }
.cols-md27 { width: 27%; }
.cols-md28 { width: 28%; }
.cols-md29 { width: 29%; }
.cols-md30 { width: 30%; }
.cols-md31 { width: 31%; }
.cols-md32 { width: 32%; }
.cols-md32-5 { width: 32.5%; }
.cols-md33 { width: 33%; }
.cols-md33-3 { width: 33.33%; }
.cols-md34 { width: 34%; }
.cols-md35 { width: 35%; }
.cols-md36 { width: 36%; }
.cols-md37 { width: 37%; }
.cols-md38 { width: 38%; }
.cols-md39 { width: 39%; }
.cols-md40 { width: 40%; }
.cols-md41 { width: 41%; }
.cols-md42 { width: 42%; }
.cols-md43 { width: 43%; }
.cols-md44 { width: 44%; }
.cols-md45 { width: 45%; }
.cols-md46 { width: 46%; }
.cols-md47 { width: 47%; }
.cols-md48 { width: 48%; }
.cols-md49 { width: 49%; }
.cols-md50 { width: 50%; }
.cols-md51 { width: 51%; }
.cols-md52 { width: 52%; }
.cols-md53 { width: 53%; }
.cols-md54 { width: 54%; }
.cols-md55 { width: 55%; }
.cols-md56 { width: 56%; }
.cols-md57 { width: 57%; }
.cols-md58 { width: 58%; }
.cols-md59 { width: 59%; }
.cols-md60 { width: 60%; }
.cols-md61 { width: 61%; }
.cols-md62 { width: 62%; }
.cols-md63 { width: 63%; }
.cols-md64 { width: 64%; }
.cols-md65 { width: 65%; }
.cols-md66 { width: 66%; }
.cols-md66-6 { width: 66.66%; }
.cols-md67 { width: 67%; }
.cols-md67-5 { width: 67.5%; }
.cols-md68 { width: 68%; }
.cols-md69 { width: 69%; }
.cols-md70 { width: 70%; }
.cols-md71 { width: 71%; }
.cols-md72 { width: 72%; }
.cols-md73 { width: 73%; }
.cols-md74 { width: 74%; }
.cols-md75 { width: 75%; }
.cols-md76 { width: 76%; }
.cols-md77 { width: 77%; }
.cols-md78 { width: 78%; }
.cols-md79 { width: 79%; }
.cols-md80 { width: 80%; }
.cols-md81 { width: 81%; }
.cols-md82 { width: 82%; }
.cols-md83 { width: 83%; }
.cols-md84 { width: 84%; }
.cols-md85 { width: 85%; }
.cols-md86 { width: 86%; }
.cols-md87 { width: 87%; }
.cols-md88 { width: 88%; }
.cols-md89 { width: 89%; }
.cols-md90 { width: 90%; }
.cols-md91 { width: 91%; }
.cols-md92 { width: 92%; }
.cols-md93 { width: 93%; }
.cols-md94 { width: 94%; }
.cols-md95 { width: 95%; }
.cols-md96 { width: 96%; }
.cols-md97 { width: 97%; }
.cols-md98 { width: 98%; }
.cols-md99 { width: 99%; }
.cols-md100 { width: 100%; }

.cols-md-alfa { width: 12.5%; }
.cols-md-beta { width: 87.5%; }    


@media screen and (min-width: 1px) and (max-width: 1024px) { 
.cols-sm5 { width: 5%; }
.cols-sm10 { width: 10%; } 
.cols-sm12 { width: 12%; } 
.cols-sm15 { width: 15%; } 
.cols-sm20 { width: 20%; }
.cols-sm25 { width: 25%; }
.cols-sm30 { width: 30%; }
.cols-sm33 { width: 33.33%; }
.cols-sm40 { width: 40%; }
.cols-sm50 { width: 50%; }
.cols-sm60 { width: 60%; }
.cols-sm63 { width: 63%; }
.cols-sm66 { width: 66.66%; }
.cols-sm70 { width: 70%; }
.cols-sm75 { width: 75%; }
.cols-sm80 { width: 80%; }
.cols-sm100 { width: 100%; }
.cols-sm-dn { display: none; }
}

@media screen and (min-width: 1px) and (max-width: 768px) { 
.cols-ss5 { width: 5%; }
.cols-ss10 { width: 10%; } 
.cols-ss15 { width: 15%; } 
.cols-ss20 { width: 20%; }
.cols-ss25 { width: 25%; }
.cols-ss27 { width: 27%; }
.cols-ss28 { width: 28%; }
.cols-ss30 { width: 30%; }
.cols-ss33 { width: 33.33%; }
.cols-ss40 { width: 40%; }
.cols-ss44 { width: 44%; }
.cols-ss45 { width: 45%; }
.cols-ss46 { width: 46%; }
.cols-ss50 { width: 50%; }
.cols-ss55 { width: 55%; } 
.cols-ss60 { width: 60%; }
.cols-ss66 { width: 66.66%; }
.cols-ss70 { width: 70%; }
.cols-ss75 { width: 75%; }
.cols-ss80 { width: 80%; }
.cols-ss85 { width: 85%; }
.cols-ss100 { width: 100%; } 
.cols-ssdn { display: none; }

.ss-order1 { order: 1; }
.ss-order2 { order: 2; }
.ss-order3 { order: 3; }
.ss-order4 { order: 4; }
.ss-order5 { order: 5; }
.ss-ordernone { order: initial; }
}

@media screen and (min-width: 1px) and (max-width: 480px) { 
.cols-xsdn { display: none; }
.cols-xs15 { width: 15%; }
.cols-xs20 { width: 20%; }
.cols-xs25 { width: 25%; }
.cols-xs30 { width: 30%; }
.cols-xs33 { width: 33.33%; }
.cols-xs40 { width: 40%; }
.cols-xs50 { width: 50%; }
.cols-xs55 { width: 55%; }
.cols-xs60 { width: 60%; }
.cols-xs66 { width: 66.66%; }
.cols-xs70 { width: 70%; }
.cols-xs75 { width: 75%; }
.cols-xs85 { width: 85%; }
.cols-xs90 { width: 90%; }
.cols-xs100 { width: 100%; }
.cols-xsAlfa { width: calc(100% - 40px); }

.xs-order1 { order: 1; }
.xs-order2 { order: 2; }
.xs-order3 { order: 3; }
.xs-order4 { order: 4; }
.xs-order5 { order: 5; } 
.xs-ordernone { order: initial; }
}



.cols-TB0 { width: 100%; float: left; margin: 0px auto; } 
.cols-TB2-5 { width: 100%; float: left; margin: 2.5px auto; } 
.cols-TB5 { width: 100%; float: left; margin: 5px auto; } 
.cols-TB10 { width: 100%; float: left; margin: 10px auto; } 
.cols-TB15 { width: 100%; float: left; margin: 15px auto; } 
.cols-TB20 { width: 100%; float: left; margin: 20px auto; } 
.cols-TB25 { width: 100%; float: left; margin: 25px auto; } 
.cols-TB30 { width: 100%; float: left; margin: 30px auto; }
.cols-TB40 { width: 100%; float: left; margin: 40px auto; }
.cols-TB50 { width: 100%; float: left; margin: 50px auto; }
.cols-TB60 { width: 100%; float: left; margin: 60px auto; }
.cols-TB70 { width: 100%; float: left; margin: 70px auto; }


.cols-T0 { width: 100%; float: left; margin-top: 0px; margin-left: auto; margin-right: auto; } 
.cols-T2-5 { width: 100%; float: left; margin-top: 2.5px; margin-left: auto; margin-right: auto; } 
.cols-T5 { width: 100%; float: left; margin-top: 5px; margin-left: auto; margin-right: auto; } 
.cols-T10 { width: 100%; float: left; margin-top: 10px; margin-left: auto; margin-right: auto; } 
.cols-T15 { width: 100%; float: left; margin-top: 15px; margin-left: auto; margin-right: auto; } 
.cols-T20 { width: 100%; float: left; margin-top: 20px; margin-left: auto; margin-right: auto; } 
.cols-T25 { width: 100%; float: left; margin-top: 25px; margin-left: auto; margin-right: auto; } 
.cols-T30 { width: 100%; float: left; margin-top: 30px; margin-left: auto; margin-right: auto; }
.cols-T40 { width: 100%; float: left; margin-top: 40px; margin-left: auto; margin-right: auto; }
.cols-T50 { width: 100%; float: left; margin-top: 50px; margin-left: auto; margin-right: auto; }
.cols-T60 { width: 100%; float: left; margin-top: 60px; margin-left: auto; margin-right: auto; }
.cols-T70 { width: 100%; float: left; margin-top: 70px; margin-left: auto; margin-right: auto; }


.cols-B0 { width: 100%; float: left; margin-bottom: 0px; margin-left: auto; margin-right: auto; } 
.cols-B2-5 { width: 100%; float: left; margin-bottom: 2.5px; margin-left: auto; margin-right: auto; } 
.cols-B5 { width: 100%; float: left; margin-bottom: 5px; margin-left: auto; margin-right: auto; } 
.cols-B10 { width: 100%; float: left; margin-bottom: 10px; margin-left: auto; margin-right: auto; } 
.cols-B15 { width: 100%; float: left; margin-bottom: 15px; margin-left: auto; margin-right: auto; } 
.cols-B20 { width: 100%; float: left; margin-bottom: 20px; margin-left: auto; margin-right: auto; } 
.cols-B25 { width: 100%; float: left; margin-bottom: 25px; margin-left: auto; margin-right: auto; } 
.cols-B30 { width: 100%; float: left; margin-bottom: 30px; margin-left: auto; margin-right: auto; }
.cols-B40 { width: 100%; float: left; margin-bottom: 40px; margin-left: auto; margin-right: auto; }
.cols-B50 { width: 100%; float: left; margin-bottom: 50px; margin-left: auto; margin-right: auto; }
.cols-B60 { width: 100%; float: left; margin-bottom: 60px; margin-left: auto; margin-right: auto; }
.cols-B70 { width: 100%; float: left; margin-bottom: 70px; margin-left: auto; margin-right: auto; }



.cols-sticky-menu { width: 20%; }
.cols-sticky-cont { width: 80%; }

.stickyItem { position: sticky; }
@media screen and (min-width: 1px) and (max-width: 1023px) {
.cols-sticky-menu { display: none; }
.cols-sticky-cont { width: 100%; }
.stickyItem { position: static; }
}


.menuRight { padding: 1.5em 1.5em 0.75em 1.5em;
 border: 1px solid #ddd; background: #f8f8f8; }

.menuRight ol { list-style-type: none; counter-reset: item; }
.menuRight ol li { padding: 0.25em 0; display: table; width: 100%;
 font-size: 0.8em;
 counter-increment: item;
 border-bottom: 1px solid #ddd; }
.menuRight ol li:last-child { border-bottom: none; }
.menuRight ol li:before { content: counters(item, ".") ". "; display: table-cell; width: 25px;
 padding-right: 0.5em;
 font-size: 1.25em; color: var(--blue); font-weight: 600; }
.menuRight ol li li { margin: 0; }
.menuRight ol li li:first-child { border-top: 1px solid #ddd; }
.menuRight ol li li:last-child { border-bottom: none; }
.menuRight ol li a { display: block;
 font-size: 1.55em; color: var(--maro); }
.menuRight ol li a:hover,
.menuRight ol li a.active { color: #13ac29; }



.flexContainer { display: flex; flex-wrap: wrap; }
.flexCenter { justify-content: center; }
.flexRight { justify-content: flex-end; }
.flexVCenter { align-items: center; }
.flexVEnd { align-items: flex-end; }

.itemFlexStart { align-self: flex-start; }
.itemFlexEnd { align-self: flex-end; }
.flexGrow2 { flex-grow: 2; }



.stdr-0em { width: 100%; float: left; padding: 0; }  
.stdr-1em { width: 100%; float: left; padding: 0 1em; }  
.stdr-2em { width: 100%; float: left; padding: 0 2em; } 
.stdr-3em { width: 100%; float: left; padding: 0 3em; }
.stdr-4em { width: 100%; float: left; padding: 0 4em; }
.stdr-5em { width: 100%; float: left; padding: 0 5em; }
.stdr-6em { width: 100%; float: left; padding: 0 6em; }
.stdr-7em { width: 100%; float: left; padding: 0 7em; }
.stdr-8em { width: 100%; float: left; padding: 0 8em; }
.stdr-9em { width: 100%; float: left; padding: 0 9em; } 
.stdr-10em { width: 100%; float: left; padding: 0 10em; } 
.stdr-12em { width: 100%; float: left; padding: 0 12em; } 
.stdr-18em { width: 100%; float: left; padding: 0 18em; } 
.stdr-30em { width: 100%; float: left; padding: 0 30em; } 

.st-9em { width: 100%; float: left; padding: 0 2em 0 9em; } 
.dr-9em { width: 100%; float: left; padding: 0 9em 0 2em; } 
.st-12em { width: 100%; float: left; padding: 0 2em 0 12em; } 
.dr-12em { width: 100%; float: left; padding: 0 12em 0 2em; } 

@media screen and (min-width: 1px) and (max-width: 1366px) {
.stdr-7em,
.stdr-8em,
.stdr-9em, 
.stdr-10em, 
.stdr-12em, 
.stdr-18em, 
.stdr-30em { padding: 0 6em; }

.st-9em,
.st-12em { padding-left: 6em; } 
.dr-9em,
.dr-12em { padding-right: 6em; } 
}

@media screen and (min-width: 1px) and (max-width: 1280px) {
.stdr-4em,
.stdr-5em,
.stdr-6em,
.stdr-7em,
.stdr-8em,
.stdr-9em, 
.stdr-10em, 
.stdr-12em, 
.stdr-18em, 
.stdr-30em { padding: 0 3em; }

.st-9em,
.st-12em { padding-left: 3em; } 
.dr-9em,
.dr-12em { padding-right: 3em; } 
}

@media screen and (min-width: 1px) and (max-width: 854px) {
.stdr-1em, 
.stdr-2em, 
.stdr-3em,
.stdr-4em,
.stdr-5em,
.stdr-6em,
.stdr-7em,
.stdr-8em,
.stdr-9em, 
.stdr-10em, 
.stdr-12em, 
.stdr-18em, 
.stdr-30em { padding: 0 2em; }  

.st-9em,
.st-12em { padding-left: 2em; } 
.dr-9em,
.dr-12em { padding-right: 2em; }          
}



:root {

--alba: #ffffff;

--gren: #288c00;
--gren05: rgba(40,140,0, 0.05);
--gren10: rgba(40,140,0, 0.10);
--gren15: rgba(40,140,0, 0.15);
--gren20: rgba(40,140,0, 0.20);
--gren50: rgba(40,140,0, 0.50);
--grendark: #217300;

--gold: #e4b852;
--gold05: rgba(228,184,82,0.05);
--gold10: rgba(228,184,82,0.10);
--gold15: rgba(228,184,82,0.15);
--gold20: rgba(228,184,82,0.20);
--gold50: rgba(228,184,82,0.50);
--golddark: #c9a349;

--maro: #241e19;

--gri7: #777777;
--gri5: #555555;
--grid: #dddddd;
--gric: #cccccc;

}



a { text-decoration: none; }
ul, ol { list-style-type: none; }
b,
strong { font-weight: 600; }
.regular { font-weight: 400; }  
.semibold { font-weight: 500; } 
.bold { font-weight: 600; } 
.italic { font-style: italic; }
.lineheight1 { line-height: 1; }


img { display: block; }
img.responsive { width: 100%; max-width: 100%; height: auto; }
img.cover { width: 100%; height: 100%; object-fit: cover; }
img.maxResponsive { width: auto; max-width: 100%; height: auto; }
img.maxResponsiveCenter { width: auto; max-width: 100%; height: auto; margin: 0 auto; }
img.responsive75Center { width: auto; max-width: 75%; height: auto; margin: 0 auto; }
img.responsive50Center { width: auto; max-width: 50%; height: auto; margin: 0 auto; }
img.border { width: 100%; height: auto; border: 1px solid #ddd; }
img.borderPadding { width: 100%; height: auto; padding: 2em; 
 border: 1px solid #ddd; }
.borderPaddingGray { width: 100%; height: auto; opacity: 0.9;
 border: 1px solid #ddd; background: #000; }
.borderPaddingGray img { opacity: 0.97; border: 1.5em solid #fff; }



span.firstWord { color: var(--gold); }
span.preWord { white-space: pre; }

.txt-center { text-align: center !important; }
.txt-justify { text-align: justify !important; }
.txt-left { text-align: left !important; }
.txt-right { text-align: right !important; }

@media screen and (min-width: 1px) and (max-width: 768px) { 
.txt-justify { text-align: left !important; } 
}
@media screen and (min-width: 1px) and (max-width: 480px) { 
.xs-txt-left { text-align: left !important; }
}


.txt-50 { font-size: 500% !important; }
.txt-45 { font-size: 450% !important; }
.txt-40 { font-size: 400% !important; }
.txt-35 { font-size: 350% !important; }
.txt-30 { font-size: 300% !important; }
.txt-25 { font-size: 250% !important; }
.txt-24 { font-size: 240% !important; }
.txt-23 { font-size: 230% !important; }
.txt-22 { font-size: 220% !important; }
.txt-21 { font-size: 210% !important; }
.txt-20 { font-size: 200% !important; }
.txt-19 { font-size: 190% !important; }
.txt-18 { font-size: 180% !important; }
.txt-17 { font-size: 170% !important; }
.txt-16 { font-size: 160% !important; }
.txt-15 { font-size: 150% !important; }
.txt-14 { font-size: 140% !important; }
.txt-13 { font-size: 130% !important; }
.txt-12 { font-size: 120% !important; }
.txt-11 { font-size: 110% !important; }
.txt-09 { font-size: 90% !important; }
.txt-08 { font-size: 80% !important; }
.txt-07 { font-size: 70% !important; }
.txt-06 { font-size: 60% !important; }
.txt-05 { font-size: 50% !important; }

@media screen and (min-width: 1px) and (max-width: 1024px) {
.txt-50 { font-size: 320% !important; }
.txt-45 { font-size: 300% !important; }
.txt-40 { font-size: 280% !important; }
.txt-35 { font-size: 260% !important; }
.txt-30 { font-size: 220% !important; }
.txt-25 { font-size: 220% !important; }
.txt-24 { font-size: 220% !important; }
.txt-23 { font-size: 210% !important; }
.txt-22 { font-size: 200% !important; }
.txt-21 { font-size: 190% !important; }
.txt-20 { font-size: 180% !important; }
.txt-19 { font-size: 170% !important; }
.txt-18 { font-size: 160% !important; }
.txt-17 { font-size: 150% !important; }
.txt-16 { font-size: 140% !important; }
.txt-15 { font-size: 130% !important; }
.txt-14 { font-size: 120% !important; }

.txt-07,
.txt-06,
.txt-05 { font-size: 80% !important; }
}

@media screen and (min-width: 1px) and (max-width: 480px) {
.txt-09,
.txt-08,
.txt-07,
.txt-06,
.txt-05 { font-size: 90% !important; }
}

.txt-nowrap { white-space: nowrap; }
.txt-uppercase { text-transform: uppercase; }

span.brb { display: inline; }
span.brb:before { content: "\a "; white-space: pre; }

.txt-alba { color: var(--alba); }
.txt-gren { color: var(--gren); }
.txt-gold { color: var(--gold); }
.txt-gri7 { color: var(--gri7); }

.pphatton { font-family: 'PP Hatton'; }


.mtb0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

.ptb0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.pt0 { padding-top: 0 !important; }
.pt0125 { padding-top: 0.125em !important; }
.pt025 { padding-top: 0.25em !important; }
.pt05 { padding-top: 0.5em !important; }
.pt075 { padding-top: 0.75em !important; }
.pb0 { padding-bottom: 0 !important; }
.pb0125 { padding-bottom: 0.125em !important; }
.pb025 { padding-bottom: 0.25em !important; }
.pb05 { padding-bottom: 0.5em !important; }
.pb075 { padding-bottom: 0.75em !important; }


.bg-alba { background: var(--alba); }
.bg-gren { background: var(--gren); }
.bg-gold { background: var(--gold); }
.bg-maro { background: var(--maro); }


.bgSpan-alba { background: var(--alba); padding: 0 0.25em; }
.bgSpan-gren { background: var(--gren); padding: 0 0.25em; }
.bgSpan-gold { background: var(--gold); padding: 0 0.25em; }
.bgSpan-maro { background: var(--maro); padding: 0 0.25em; }




svg path { fill-rule: evenodd; clip-rule: evenodd; }
svg .fill-alba { fill: var(--alba); }
svg .fill-gren { fill: var(--gren); }
svg .fill-gold { fill: var(--gold); }



hr.gri5 { width: 100%; float: left; height: 0; border-bottom: 1px solid var(--gri5); }
hr.grid { width: 100%; float: left; height: 0; border-bottom: 1px solid var(--grid); }
hr.gric { width: 100%; float: left; height: 0; border-bottom: 1px solid var(--gric); }
hr.grie { width: 100%; float: left; height: 0; border-bottom: 1px solid var(--grie); } 

hr.alba { width: 100%; float: left; height: 0; border-bottom: 1px solid var(--alba); }  
hr.gren { width: 100%; float: left; height: 1px; background: linear-gradient(90deg, rgba(40, 140, 0, 0) 0%, rgba(40, 140, 0, 1) 50%, rgba(40, 140, 0, 0) 100% ); }  
hr.gold { width: 100%; float: left; height: 1px; background: linear-gradient(90deg, rgba(228, 184, 82, 0) 0%, rgba(228, 184, 82, 1) 50%, rgba(228, 184, 82, 0) 100% ); }    
hr.gold50 { width: 100%; float: left; height: 0; border-bottom: 1px solid var(--gold50); }    
hr.maro { width: 100%; float: left; height: 0; border-bottom: 1px solid var(--maro); }    
hr.gri7 { width: 100%; float: left; height: 0; border-bottom: 1px solid #777; }    



.relativ { position: relative; }
.block { display: block; } 

.pictefec { overflow: hidden; }
.pictefec img { transition: transform 0.8s ease; transform: scale(1); }
.pictefec:hover img { transition: transform 0.8s ease; transform: scale(1.05); }

.pictgray img { filter: gray; filter: grayscale(90%); opacity: 0.6; }
.pictgray img:hover { filter: none; filter: grayscale(0%); opacity: 1; }


.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
 overflow: hidden; clip: rect(0, 0, 0, 0);
 border: 0; }





.cols2 { column-count: 2; column-gap: 3em; }
.cols2 p, 
.cols2 li { display: table; width: 100%; 
 page-break-inside: avoid; break-inside: avoid; } 

.cols3 { column-count: 3; column-gap: 3em; }
.cols3 p, 
.cols3 li { display: table; width: 100%;
 page-break-inside: avoid; break-inside: avoid; }
 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.cols2 p, 
.cols3 p { overflow: hidden; }
}

@media screen and (min-width: 1px) and (max-width: 480px) {
.cols2 { column-count: 1; column-gap: 0em; }
}




html { font-size: 100%; } 

@media screen and (min-width: 1px) and (max-width: 1024px) {
.expDiv { overflow: hidden; position: relative; }
}



body { font-family: 'Commissioner', sans-serif; font-size: 62.5%; line-height: 1.4; font-weight: 400; color: var(--maro); 
 overflow-x: hidden;
 background: #ffffff;
 -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

@media only screen and (min-width: 1600px) {
body { font-size: 75%; }
}

@media only screen and (min-width: 1920px) {
body { font-size: 80%; }
} 

@media screen and (min-width: 1px) and (max-width: 1024px) {
body { font-size: 60%; }
}



header { width: 100%; position: relative; z-index: 1000; display: flex; flex-wrap: wrap;
 background: #fff; } 
header.topMin { background: #f5f5f5; }

header.fixat,
header.topMin { left: 0; position: fixed; top: 0; z-index: 1000; } 

header,
header.topMin { transition: background 500ms linear; } 




.lineOne { width: 100%; padding: 0.75em 0; position: relative; z-index: 100;
 background: var(--alba); }
.lineOne .stdr-9em { display: flex; justify-content: flex-end; flex-wrap: nowrap; align-items: center; }




.contactTop { display: flex; margin: 0 5em 0 0; }
.contactTop .item { align-items: center; margin: 0 2em 0 0em; }
.contactTop .item:last-child { margin-right: 0em; } 
.contactTop .item a { display: flex; flex-wrap: nowrap; align-items: center; text-align: right;
 font-size: 1.4em; color: var(--gren); line-height: 1; white-space: pre; font-weight: 500; }
.contactTop .item:hover a { text-decoration: underline; }
.contactTop .item .icon { display: inherit; width: 20px; margin-right: 10px; }
.contactTop .item .text { display: inline-block; }
.contactTop .item .icon svg { width: 100%; height: auto; max-height: 18px; fill: var(--gren); }




.lang { display: flex; flex-wrap: nowrap; }
.lang li a { display: block; width: 23px; height: 15px;
 background: url(/img/svg/icons.svg) no-repeat; margin-right: 15px; } 
.lang li a.ro { background-position: -180px -150px; } 
.lang li a.de { background-position: -270px -150px; }
.lang li:last-child a { margin-right: 0px; }






.lineTwo { width: 100%; float: left; position: relative; display: flex; justify-content: flex-start;
 background: var(--maro); border-top: 5px solid var(--gold); }

.lineTwo .stdr-9em { display: flex; justify-content: flex-start; flex-wrap: nowrap; align-items: center; }






.logoBg { position: relative; align-self: flex-start; width: 20%; margin-top: -5px; }
.logo { position: absolute; padding: 1.5em 1.5em 2em 1.5em;
 background: var(--alba); box-shadow: 0 0 5px rgba(0,0,0,0.25);
 border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; box-shadow: 0 0 5px rgba(0,0,0,0.35); }
.logo a { display: block; }
.logo a img { width: 100%; height: auto; display: block; }

header.topMin .logoBg { width: 15%; }

.logoBg,
header.topMin .logoBg { transition: all 500ms linear; }




/* ALL PORTRAITS, ALL LANDSCAPES */
@media screen and (min-width: 1px) and (max-width: 1366px) {
.logoBg { width: 22%; }    
.logo { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } 
header.topMin .logoBg { width: 20%; }
}

@media screen and (min-width: 1px) and (max-width: 1280px) {
.logoBg { width: 25%; }    
header.topMin .logoBg { width: 23%; }
}

@media screen and (min-width: 1px) and (max-width: 1024px) {
.logoBg { width: 27%; }
.logo { padding: 0em 1.5em 1.5em 1.5em; }
header.topMin .logoBg { width: 25%; }
}

/* ALL TABLET LANDSCAPES */
@media screen and (min-width: 1px) and (max-width: 960px) and (orientation: landscape) {
.logoBg {  }
header.topMin .logoBg {  }
}

/* ALL TABLET LANDSCAPES */
@media screen and (min-width: 1px) and (max-width: 768px) and (orientation: landscape) {
.logoBg { width: 30%; }
header.topMin .logoBg { width: 28%; }
}

@media screen and (min-width: 1px) and (max-width: 667px) {
.logoBg { width: 35%; }
header.topMin .logoBg { width: 33%; }
}

@media screen and (min-width: 1px) and (max-width: 568px) {
.contactTop { flex-wrap: wrap; margin-right: 1.5em; } 
.contactTop .item.email { display: none; } 
}

/* ONLY PHONE LANDSCAPES + ONLY PHONE PORTRAITS */
@media
only screen and (min-width: 1px) and (max-width: 480px) and (orientation: portrait) { 
.logoBg { width: 50%; }
header.topMin .logoBg { width: 50%; }
}

@media screen and (min-width: 1px) and (max-width: 480px) {
.contactTop .item .icon { display: none; }
}





.responsive-menu-bg { height: 100%; float: right; }
.responsive-menu { height: 100%; }

.menuLong { flex-grow: 2; }
.menuLong nav { height: 100%; }
.menuLong nav > ul  { display: flex; flex-wrap: nowrap; height: 100%; }
.menuLong nav > ul > li { display: flex; margin: 0 1.5em; align-items: stretch; }
.menuLong nav > ul > li:first-of-type { margin-left: 0; }
.menuLong nav > ul > li:last-of-type { margin-right: 0; }

.menuLong nav > ul > li > a,
.menuLong nav > ul > li > .aspan { padding: 1em 0; position: relative; z-index: 100;
 display: flex; align-items: flex-start;
 font-size: 1.5em; color: var(--alba); text-align: center; line-height: 1.2; 
 border-top: 5px solid transparent; border-bottom: 5px solid transparent; }

header.topMin .menuLong nav > ul > li > a,
header.topMin .menuLong nav > ul > li > .aspan { padding: 0.75em 0; } 
.menuLong nav > ul > li > a,
.menuLong nav > ul > li > .aspan,
header.topMin .menuLong nav > ul > li > a,
header.topMin .menuLong nav > ul > li > .aspan { transition: all 500ms linear; }
   
.menuLong nav > ul > li > a:after,
.menuLong nav > ul > li > .aspan:after { content: ''; display: block; width: 10px; height: 6px; 
 position: absolute; margin: 0 auto; left: 0; right: 0; bottom: 7.5px;
 background: url(/img/svg/icons.svg) -70px 0px no-repeat; }
.menuLong nav > ul > li > a:only-child:after,
.menuLong nav > ul > li > .aspan:only-child:after { margin-left: 0; margin-top: 0; content:""; width: 0px; height: 0px; background: none; }

.menuLong nav > ul > li:hover > a,
.menuLong nav > ul > li:hover > .aspan,
.menuLong nav > ul > li > a.active,
.menuLong nav > ul > li > .aspan.active { color: var(--gold); 
 border-bottom-color: var(--gold); } 
.menuLong nav > ul > li:hover > a:after,
.menuLong nav > ul > li:hover > .aspan:after,
.menuLong nav > ul > li > a.active:after,
.menuLong nav > ul > li > .aspan.active:after { background-position: -70px -10px; }

.menuLong nav > ul > li.home > a { display: block; } 
.menuLong nav > ul > li.home > a:before { content:''; display: inline-block; width: 32px; height: 30px; margin: 0 auto; margin-top: 10px;
 background-image: url(/img/svg/icons.svg); background-position: 0px 0px; background-repeat: no-repeat; } 
.menuLong nav > ul > li.home:hover > a:before,
.menuLong nav > ul > li.home > a.active:before { background-position: 0px -40px; }  

.menuLong nav > ul > li.hasChild { position: relative; }
.menuLong nav > ul > li.hasChild .dropDown { display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 200;
 padding: 0.75em;
 background: rgba(255, 255, 255, 1); border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } 
.menuLong nav > ul > li.hasChild.subprodu .dropDown { width: 320px; } 
.menuLong nav > ul > li.hasChild.subporto .dropDown { width: 340px; } 
 
.menuLong nav > ul > li.hasChild .dropDown li a { padding: 0.5em 0.5em; display: block;
 font-size: 1.25em; color: var(--maro); }
 
.menuLong nav > ul > li.hasChild .dropDown li:hover a,
.menuLong nav > ul > li.hasChild .dropDown li a.active { color: var(--gren); }


@media only screen and (min-width: 1025px) {
.menu-btn,
.mobile-nav-close { display: none; }
} 

@media only screen and (min-width: 1281px) {
.menuLong nav > ul > li:hover .dropDown { display: block; }
} 

@media screen and (min-width: 1px) and (max-width: 1600px) {
.menuLong nav > ul > li.home > a:before { margin-top: 5px; } 
}

@media screen and (min-width: 1px) and (max-width: 1366px) {
.menuLong nav > ul > li.home > a:before { margin-top: 0px; } 
}

@media screen and (min-width: 1px) and (max-width: 1280px) { 
.menuLong nav > ul > li > .aspan.activeClick { color: var(--gren); border-bottom-color: var(--gren); }
.menuLong nav > ul > li > .aspan.activeClick:after { content: ''; display: block; width: 10px; height: 6px;  
 position: absolute; margin: 0 auto; left: 0; right: 0; bottom: 7.5px; 
 background: url(/img/svg/icons.svg) -70px -10px no-repeat; }
 
.visible { display: block !important; }
}

@media screen and (min-width: 1px) and (max-width: 1024px) {
.menuLong { float: right; clear: right; position: relative;
 display: flex; order: 4; width: 48px; align-items: center; justify-content: flex-end; } 

.menu-btn { width: auto; float: right; padding: 10px; 
 background: var(--gren); } 
.menu-btn span { display: block; width: 28px; height: 4px; margin: 0 0 5px 0; z-index: 100;
 background: #fff; border-radius: 1px; }
.menu-btn.active { background: var(--grendark); } 
.menu-btn.active span { background: #fff; } 
.menu-btn span:last-of-type { margin-bottom: 0; }

.responsive-menu-bg.active { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 100;
 background: rgba(0,0,0,0.5); }
 
.mobile-nav-close { margin-bottom: 1em; width: 13px; cursor: pointer; } 

.responsive-menu { display: none; padding: 2em; float: right;
 position: relative; z-index: 2;
 width: 100%; height: 100%; max-width: 300px;
 overflow-x: hidden; overflow-y: scroll;
 -webkit-overflow-scrolling: touch;
 background: #fff; box-shadow: 0px 2.5px 2.5px rgba(0,0,0,0.25); }
.expand { display: block !important; }
 
.menuLong nav { height: auto; } 
.menuLong nav > ul { flex-wrap: wrap; } 
.menuLong nav > ul > li { width: 100%; display: block; margin: 0;
 border-bottom: 1px solid #eee; } 

.menuLong nav > ul > li > a,
.menuLong nav > ul > li > .aspan { padding: 0.75em 0; margin: 0; display: block;
 font-size: 1.5em; color: var(--maro); text-align: center; font-weight: 600;
 border-bottom: none; border-top: none; }
header.topMin .menuLong nav > ul > li > a,
header.topMin .menuLong nav > ul > li > .aspan { padding: 0.75em 0; }  

.menuLong nav > ul > li > a:after,
.menuLong nav > ul > li > .aspan:after { background: url(/img/svg/icons.svg) -70px 0px }

.menuLong nav > ul > li:hover > a,
.menuLong nav > ul > li:hover > .aspan,
.menuLong nav > ul > li > a.active,
.menuLong nav > ul > li > .aspan.active,
.menuLong nav > ul > li > .aspan.activeClick { background: transparent; }

.menuLong nav > ul > li.hasChild a,
.menuLong nav > ul > li.hasChild .aspan { position: relative; } 
.menuLong nav > ul > li.hasChild a:after,
.menuLong nav > ul > li.hasChild .aspan:after { position: static; display: inline-block; margin-left: 10px; } 

.menuLong nav > ul > li > a span.brb:before,
.menuLong nav > ul > li > .aspan span.brb:before { display: none; } 
 
.menuLong nav > ul > li.home > a { width: 100%; }
.menuLong nav > ul > li.home > a:before { width: 21px; height: 20px; margin: 0;
 background: url(/img/svg/icons.svg) -40px -80px no-repeat;
 transform: rotate(0deg); }
.menuLong nav > ul > li.home:hover > a:before,
.menuLong nav > ul > li.home > a.active:before { background-position: -40px -40px; }

.menuLong nav > ul > li.hasChild .dropDown { position: static; width: 100%;
 padding: 0;
 background: #f5f5f5; box-shadow: none; border: none; }
.menuLong nav > ul > li.hasChild.subprodu .dropDown,
.menuLong nav > ul > li.hasChild.subporto .dropDown { width: 100%; } 

.menuLong nav > ul > li.hasChild .dropDown li a { display: block; margin: 0; padding: 0.75em 0.75em 0.75em 1.5em;
 font-size: 1.4em; color: #555; text-align: center; }

.menuLong nav > ul > li.hasChild .dropDown li:hover a,
.menuLong nav > ul > li.hasChild .dropDown li a.active { color: var(--gren); } 
}  

@media only screen and (min-width: 1px) and (max-width: 567px) { 

.menuLong { width: 42px; }

.menu-btn { padding: 8px; }
.menu-btn span { width: 26px; margin: 0 0 4px 0; }
}

header.topMin .menuLong nav > ul > li.hasChild .dropDown { background: #f5f5f5; }

.menuLong nav > ul > li.hasChild .dropDown,
header.topMin .menuLong nav > ul > li.hasChild .dropDown { transition: background 500ms linear; }




main { width: 100%; overflow-x: hidden; }
.height100 { height: 100%; }
.heightAuto { height: auto; }




.sect { width: 100%; float: left; padding: 0 0 3em 0; }
.sect.pad0 { padding: 0; }
.sect.padSus0 { padding-top: 0; }
.sect.padSus2 { padding-top: 2em; }
.sect.padJos0 { padding-bottom: 0; }
.sect.padJos2 { padding-bottom: 2em; }
.sect.alba { background: var(--alba); }
.sect.maro { background: var(--maro); }
.sect.lightGray { background: #f5f5f5; }



.boxGoldLight { padding: 1em 2em;
 background: var(--gold05); border: 1px solid var(--gold); }
.boxGoldLight.round { border-radius: 15px; }



.boxPattGreyLight { padding: 1em 2em;
 border: 1px solid var(--grid);
 background-color: #fff;
 background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #fff 10px ), repeating-linear-gradient( #efefef, #dadada ); }
.boxPattGreyLight.round { border-radius: 15px; }
.boxPattGreyLight.wide { padding: 2em; }


.boxGrayLight { padding: 1em 2em;
 background: #f9f9f9; border: 1px solid #ddd; }
.boxGrayLight.round { border-radius: 15px; }
.boxGrayLight.wide { padding: 2em; }


.boxBgGradFFF5 { width: 100%; float: left; position: relative; z-index: 100;  
 background: linear-gradient(#ffffff, #f5f5f5); }


.boxMaro { width: 100%; float: left; position: relative; z-index: 100;
 background: var(--maro); }


.fill-f5 svg { fill: #f5f5f5; }
.fill-alba svg { fill: var(--alba); }
.fill-maro svg { fill: var(--maro); }


.svgShadow svg { -webkit-filter: drop-shadow( 0px 1px 2px rgba(0,0,0,0.25) ); filter: drop-shadow( 0px 1px 2px rgba(0,0,0,0.25) ); }


.triunghi { width: 100%; float: left; margin: -1px; }
.triunghi svg { display: block; width: 100%; height: auto; }
.triunghi.transform01 svg { transform: scale(-1, -1); }
.triunghi.transform02 svg { transform: scale(-1, 1); }





.opacitate { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.opacitate.black025 { background: rgba(0,0,0,0.025); }
.opacitate.black12 { background: rgba(0,0,0,0.125); }
.opacitate.black25 { background: rgba(0,0,0,0.25); }
.opacitate.black50 { background: rgba(0,0,0,0.5); }
.opacitate.black60 { background: rgba(0,0,0,0.60); }
.opacitate.black75 { background: rgba(0,0,0,0.75); }

.opacitate.gren20 { background: var(--gren20); }
.opacitate.gren50 { background: var(--gren50); }

.opacitate.white12 { background: rgba(255,255,255,0.125); }
.opacitate.white25 { background: rgba(255,255,255,0.25); }
.opacitate.white50 { background: rgba(255,255,255,0.5); }




.ecranFirst { width: 100%; float: left; 
 background-color: var(--alba); }

.ecranFirst.homepage .textBg,
.ecranFirst.homepage .text { width: 100%; float: left; position: relative; margin: 0;
 text-align: center; } 
.ecranFirst.homepage .textBg:after { content: ''; position: absolute; left: -20px; right: -20px; top: -10px; bottom: -10px; z-index: 1;
 background: var(--alba); }
.ecranFirst.homepage .text:after { content: ''; position: absolute; left: -10px; right: -10px; top: -20px; bottom: -20px; z-index: 1;
 background: var(--alba); }

.ecranFirst.homepage .textBg .decoLinieSuss,
.ecranFirst.homepage .textBg .decoLinieDown { display: block; position: absolute; left: -5px; right: -5px; z-index: 200;
 border-top: 1px solid var(--gold); }
.ecranFirst.homepage .textBg .decoLinieSuss { top: -15px; }
.ecranFirst.homepage .textBg .decoLinieDown { bottom: -15px; }
.ecranFirst.homepage .textBg .decoLinieSuss:before,
.ecranFirst.homepage .textBg .decoLinieDown:before,
.ecranFirst.homepage .textBg .decoLinieSuss:after,
.ecranFirst.homepage .textBg .decoLinieDown:after { content: ''; display: block; position: absolute; z-index: 200; height: 10px; 
 border-left: 1px solid var(--gold); }
.ecranFirst.homepage .textBg .decoLinieSuss:before { left: 0; }
.ecranFirst.homepage .textBg .decoLinieDown:before { left: 0; top: -10px; }
.ecranFirst.homepage .textBg .decoLinieSuss:after { right: 0; }
.ecranFirst.homepage .textBg .decoLinieDown:after { right: 0; top: -10px; }

.ecranFirst.homepage .textBg .decoLeft,
.ecranFirst.homepage .textBg .decoRigh { display: block; position: absolute; top: -5px; bottom: -5px; z-index: 200;
 border-left: 1px solid var(--gold); }
.ecranFirst.homepage .textBg .decoLeft { left: -15px; }
.ecranFirst.homepage .textBg .decoRigh { right: -15px; }
.ecranFirst.homepage .textBg .decoLeft:before,
.ecranFirst.homepage .textBg .decoRigh:before,
.ecranFirst.homepage .textBg .decoLeft:after,
.ecranFirst.homepage .textBg .decoRigh:after { content: ''; display: block; position: absolute; z-index: 200; width: 10px; 
 border-top: 1px solid var(--gold); }
.ecranFirst.homepage .textBg .decoLeft:before { left: 0; }
.ecranFirst.homepage .textBg .decoRigh:before { left: -10px; }
.ecranFirst.homepage .textBg .decoLeft:after { left: 0; bottom: 0; }
.ecranFirst.homepage .textBg .decoRigh:after { left: -10px; bottom: 0; }

.decorStDrCuv { display: inline-block; vertical-align: middle; }
.decorStDrCuv.stang { margin-right: 0.25em; }
.decorStDrCuv.drept { margin-left: 0.25em; }
.decorStDrCuv svg { display: block; width: 100%; height: auto; }
.decorStDrCuv.gold svg { fill: var(--gold); }
.decorStDrCuv.maro svg { fill: var(--maro); }
.decorStDrCuv.h16 svg { max-height: 16px; }

@media screen and (min-width: 1px) and (max-width: 1023px) {
.decorStDrCuv.h16 svg { max-height: 10px; }
} 

.ecranFirst.homepage .textBg .titl { padding: 0 !important; position: relative; z-index: 100; margin: 2.5px 0 -2.5px 0;
 font-size: 3.45em; color: var(--maro); }      

@media screen and (min-width: 1px) and (max-width: 1366px) {
.ecranFirst.homepage .textBg .titl { font-size: 2.4em; line-height: 1.225 !important; }
}

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

}

@media screen and (min-width: 1px) and (max-width: 1023px) {
.ecranFirst.homepage .textBg .titl { font-size: 2em; }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
.ecranFirst.homepage .textBg .titl { font-size: 1.8em; }
}

@media screen and (min-width: 1px) and (max-width: 667px) {

}

@media screen and (min-width: 1px) and (max-width: 568px) {

}

@media screen and (min-width: 1px) and (max-width: 480px) {

}



.pozaBg { background: #aaa; }
.pozaBg img { max-height: 200px; object-fit: cover; object-position: center top; }




.sect h1,
.sect h2,
.sect h3,
.sect h4 { padding: 0.5em 0;
 font-family: 'PP Hatton'; letter-spacing: 1px; font-weight: 700; line-height: 1.3; } 

.sect h1 { font-size: 4em; }
.sect h2 { font-size: 3.4em; }
.sect h3 { font-size: 3em; }
.sect h4 { font-size: 2.1em; }

.headerDecoCentru { padding-top: 5em; }
.headerDecoCentru.narrow { padding-top: 2.5em; }
.headerDecoCentru svg { display: block; width: 100%; height: auto; margin: 0 auto;
 fill: var(--gold); }
.headerDecoCentru.gren svg { fill: var(--gren); }
.headerDecoCentru.h20 svg { max-height: 20px; }
.headerDecoCentru.h30 svg { max-height: 30px; }
.headerDecoCentru.h40 svg { max-height: 40px; }
.headerDecoCentru.h50 svg { max-height: 50px; }



.microDecoSvg svg { display: inline-block; height: auto; max-height: 20px;
 fill: var(--gold); }
.microDecoSvg.gren svg { fill: var(--gren); }




.divider { width: 100%; float: left; position: relative; }
.headerDecoCentru .divider { margin-bottom: 2em; }
.divider:before,
.divider:after { content: ''; display: block; position: absolute; height: 1px; bottom: 0; }  
.divider:before { left: 0; right: calc(50% + 12px); background: linear-gradient(90deg, rgba(228, 184, 82, 0) 0%, rgba(228, 184, 82, 1) 100% ); }
.divider:after { right: 0; left: calc(50% + 12px); background: linear-gradient(90deg, rgba(228, 184, 82, 1) 0%, rgba(228, 184, 82, 0) 100% ); } 

.divider .bullet1 { position: relative; } 
.divider .bullet1:before,
.divider .bullet1:after { content: ''; display: block; margin: 0 auto;
 position: absolute; } 
.divider .bullet1:before { width: 11px; height: 11px; bottom: -5px; left: 0; right: 0; background: var(--gold); border-radius: 50%; z-index: 30; }

.divider.gren:before { background: linear-gradient(90deg, rgba(40, 140, 0, 0) 0%, rgba(40, 140, 0, 1) 100% ); }
.divider.gren:after { background: linear-gradient(90deg, rgba(40, 140, 0, 1) 0%, rgba(40, 140, 0, 0) 100% ); } 
.divider.gren .bullet1:before { background: var(--gren); }




.sect p { padding: 0.5em 0;
 font-size: 1.8em; } 
.sect p.nopad { padding: 0; }

.sect a { color: var(--gold); }
.sect a:hover { color: var(--golddark); }





.ul-list ul { display: block; padding: 0.5em 0; }
.ul-list ul li,
.ol-list ol li { position: relative; display: block;
 padding: 0.25em 0 0.25em 0; padding-left: calc(20px + 0.5em);
 font-size: 1.8em; } 

.ul-list ul li:before,
.ol-list.squareOl ol > li:before { content: ''; display: inline-block; vertical-align: middle;
 margin: -0.125em 0.5em 0 calc(-20px - 0.5em); width: 20px; height: 20px; } 

.ul-list.check ul li:before { background: url(/img/svg/icons.svg) -90px 0px no-repeat; }
.ul-list.check.gold ul li:before { background-position: -90px -30px; }
.ul-list.check.gren ul li:before { background-position: -90px -60px; }

.ul-list.check.simplu ul li:before { background-position: -120px 0px; }
.ul-list.check.simplu.gold ul li:before { background-position: -120px -30px; }
.ul-list.check.simplu.gren ul li:before { background-position: -120px -60px; }

.ul-list.square ul li { padding: 0.25em 0 0.25em 0; padding-left: calc(10px + 0.5em); }
.ul-list.square ul li:before { margin: -0.25em 0.5em 0 calc(-10px - 0.5em); width: 10px; height: 10px;
 background: var(--maro); }
.ul-list.square.gold ul li:before { background: var(--gold); }
.ul-list.square.gren ul li:before { background: var(--gren); }

.ul-list.bullet ul li { padding: 0.25em 0 0.25em 0; padding-left: calc(12px + 0.5em); }
.ul-list.bullet ul li:before { margin: -0.125em 0.5em 0 calc(-12px - 0.5em); width: 12px; height: 12px;
 border: 2px solid; border-radius: 50%; } 
.ul-list.bullet.gold ul li:before { border-color: var(--gold); }
.ul-list.bullet.gren ul li:before { border-color: var(--gren); }

.ul-list ul ul { margin: 0; margin-left: calc(20px + 0.5em); }
.ul-list ul li li { font-size: 100%; padding-left: 0 !important; }

.ul-list.check.simplu li li:before { width: 10px; height: 10px;
 background: var(--maro); border-radius: 50%; }

.ul-list.bullet ul li li:before { border: 1px solid; }
.ul-list.bullet.gold ul li li:before { background: transparent; border-color: var(--gold); }
.ul-list.bullet.gren ul li li:before { background: transparent; border-color: var(--gren); }

.ul-list ul li li:last-child { border-bottom: none; }


.ol-list.squareOl ol { counter-reset: contor; padding: 0.5em 0; }
.ol-list.squareOl ol li { padding: 0.25em 0 0.25em 0; padding-left: calc(20px + 0.5em); } 
.ol-list.squareOl ol > li:before { content: counter(contor); counter-increment: contor;
 margin: -0.25em 0.5em 0 calc(-20px - 0.5em); width: 20px; height: 20px;
 background: var(--maro);
 font-size: 0.7em; line-height: 20px; color: #fff; text-align: center; }
.ol-list.squareOl.round ol > li:before { border-radius: 50%; }
.ol-list.squareOl.gold ol li:before { background: var(--gold); }
.ol-list.squareOl.gren ol li:before { background: var(--gren); }

.ol-list ol[start="1"] > li:before { counter-increment: contor 1; }
.ol-list ol[start="2"] > li:before { counter-increment: contor 2; }
.ol-list ol[start="3"] > li:before { counter-increment: contor 3; }
.ol-list ol[start="4"] > li:before { counter-increment: contor 4; }
.ol-list ol[start="5"] > li:before { counter-increment: contor 5; }
.ol-list ol[start="6"] > li:before { counter-increment: contor 6; }

.ul-list.border ul li,
.ol-list.border ol li { border-bottom: 1px solid #ddd; }

.ul-list.last ul li:last-child,
.ol-list.last ol li:last-child { border-bottom: none; }

.ul-list.narrow ul li,
.ol-list.narrow ol li { padding-top: 0.125em; padding-bottom: 0.125em; }

.ul-list.wide ul li,
.ol-list.wide ol li { padding-top: 0.5em; padding-bottom: 0.5em; } 

ol li ul li { counter-reset: contor; font-size: 100% !important; }
ol li ul li:before { content: ''; }




.ul-asterix li { padding: 0.25em 0 0.25em 0; padding-left: calc(20px + 0.5em);
 font-size: 1.8em; } 
.ul-asterix p { font-size: 100% !important; }
.ul-asterix li:before { content: '*'; display: inline-block; vertical-align: middle;
 margin: -0.125em 0.5em 0 calc(-20px - 0.5em); width: 20px; height: 20px;
 color: var(--gold); font-size: 20px; }
.ul-asterix.gren li:before { color: var(--gren); }





@media screen and (min-width: 1px) and (max-width: 1199px) { 
.sect h1,
.pageIndex .sect h2,       
.sect h2 { font-size: 3.2em; }
.sect h3 { font-size: 2.4em; }
}




.call { display: inline-block; }
.call a { padding: 0.5em calc(0.75em + 9px + 15px) 0.5em 0.75em; position: relative; display: flex; align-items: center;
 background: var(--maro); border: 1px solid var(--gold); border-radius: 10px; 
 line-height: 1; font-weight: 600; color: var(--gold); text-align: left; }
.call a:after { content: ''; display: block; position: absolute; top: calc(50% - 5.5px); right: 0.75em;
 width: 9px; height: 15px;
 background: url(/img/svg/icons.svg) -20px -120px no-repeat; }
.call a .decoTopBot { display: inline-block; margin-right: 10px; }
.call a .decoTopBot svg { display: block; width: auto; max-height: 25px; 
 fill: var(--gold); }
.call a .decoTopBot.h20 svg { max-height: 20px; }

.call a:hover { color: var(--maro); 
 background: var(--gold); border-color: var(--maro); } 
.call a:hover:after { background-position: 0px -120px; }
.call a:hover .decoTopBot svg { fill: var(--maro); }


.call.gren a { color: var(--gren);
 background: var(--alba); border-color: var(--gren); }
.call.gren a .decoTopBot svg { fill: var(--gren); }
.call.gren a:after { background-position: -40px -120px; }

.call.gren a:hover { color: var(--alba); 
 background: var(--gren); border-color: var(--gren); } 
.call.gren a:hover:after { background-position: -60px -120px; }
.call.gren a:hover .decoTopBot svg { fill: var(--alba); }

.call a,
.call a:hover,
.call a .decoTopBot svg,
.call a:hover .decoTopBot svg { transition: all 500ms linear; }

@media screen and (min-width: 1px) and (max-width: 768px) {
.call a { font-size: 90%; } 
} 









#cookiescript_description,
#cookiescript_readmore,
span.cookiescript_checkbox_text,
#cookiescript_accept,
#cookiescript_save,
#cookiescript_reject,
#cookiescript_manage_wrap,
#cookiescript_categories > div,
.cookiescript_category_description,
.cookiescript_fullreport td,
.cookiescript_fullreport th { font-size: 13px !important; }

#cookiescript_accept,
#cookiescript_save,
#cookiescript_reject { line-height: 2 !important; }
#cookiescript_description { line-height: 1.4 !important; }



.tabel table { width: 100%; } 
.tabel table thead tr { border-bottom: 1px solid #ddd;
 font-size: 1.6em; text-align: left; } 
.tabel table thead tr th { padding: 0 0.25em 0.25em 0.25em; font-weight: 600; vertical-align: top; } 
.tabel table tbody tr { border-bottom: 1px solid #ddd;
 font-size: 1.6em; }
.tabel table td { padding: 0.25em 0.25em; vertical-align: top; } 

.tabel table tbody tr:nth-of-type(2n) { background: #f5f5f5; } 
.tabel.gren table tbody tr:nth-of-type(2n) { background: var(--gren05); }
.tabel.gold table tbody tr:nth-of-type(2n) { background: var(--gold05); }

.tabel table tbody tr:nth-of-type(2n):hover,
.tabel table tbody tr:nth-of-type(2n+1):hover { background: #eee; }
.tabel.gren table tbody tr:nth-of-type(2n):hover,
.tabel.gren table tbody tr:nth-of-type(2n+1):hover { background: var(--gren10); }
.tabel.gold table tbody tr:nth-of-type(2n):hover,
.tabel.gold table tbody tr:nth-of-type(2n+1):hover { background: var(--gold10); }

.tabel.tabelCuUl td:nth-of-type(1) { padding-top: 0.375em; padding-bottom: 0.375em }
.tabel.ul-list li { font-size: 100%; }
 


.cookiePanel { padding-top: 1em; margin-top: 1em;
 border-top: 1px solid #eee; }
.cookiePanel ._CookieScriptReportPageConsentKey { font-size: 1.8em; margin-bottom: 1em; } 
.cookiePanel ._CookieScriptReportPageTable { font-family: 'Montserrat' !important; font-size: 1.4em;
 background: #eee; }
.cookiePanel ._CookieScriptReportPageSaveSettingButton { padding: 5px 10px;
 font-size: 1.5em; color: #fff;
 background: #aaa; border-radius: 5px; }
.cookiePanel h4 { margin: 1em 0;
 font-size: 2em; }
.cookiePanel ._CookieScriptReportPageTable thead th:nth-of-type(1) { width: 18%; }
.cookiePanel ._CookieScriptReportPageTable thead th:nth-of-type(2) { width: 15%; }
.cookiePanel ._CookieScriptReportPageTable thead th:nth-of-type(3) { width: 10%; }
.cookiePanel ._CookieScriptReportPageTableTd,
.cookiePanel ._CookieScriptReportPageTableTh { background: #f5f5f5 !important; }



.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

@media screen and (min-width: 1px) and (max-width: 768px) {
.cookiePanel .stacktable.large-only { display: none; }
.cookiePanel .stacktable.small-only { display: table;
 border: 1px solid #ddd; }
}

@media screen and (min-width: 1px) and (max-width: 480px) {
.stacktable.large-only { display: none; }
.stacktable.small-only { display: table; } 
}





.etapeBg { width: 100%; float: left; }
.etapeBg .item { width: 100%; float: left; position: relative; }
.etapeBg .item.left { padding: 3em 0 3em 2em;
 border-left: 3px solid var(--gold);
 text-align: left; }
.etapeBg .item.right { padding: 3em 2em 3em 0;
 border-right: 3px solid var(--gold); border-top: 3px solid var(--gold); }
.etapeBg .item.left:before { left: -1em; }
.etapeBg .item.right:before { right: -1em; }
.etapeBg .item:before { display: block; width: 2em; height: 2em; position: absolute; top: 3.25em;
 background: var(--gold); border-radius: 50%;
 font-size: 1.8em; font-weight: 500; line-height: 2em; color: #fff; text-align: center; }
.etapeBg .item.item-1 { padding-top: 0; }
.etapeBg .item.item-4 { padding-bottom: 0; }
.etapeBg .item.item-1:before { content: "1"; top: 0; }
.etapeBg .item.item-2 { border-bottom: 3px solid var(--gold); } 
.etapeBg .item.item-2:before { content: "2"; }
.etapeBg .item.item-3:before { content: "3"; }  
.etapeBg .item.item-4:before { content: "4"; }
.etapeBg .item:last-of-type:after { content: ''; display: block; width: 1em; height: 1em; 
 position: absolute; bottom: 0; right: calc(-0.5em - 1.5px);
 background: var(--gold); border-radius: 50%; }




.istoricBg { width: 100%; float: left; }

.istoricBg .cifraBg .cifraIn { position: relative; width: 100%; }
.istoricBg .cifraBg p { padding: 0.125em 0;
 font-weight: 600; color: var(--gold); }
.istoricBg .cifraBg p.numr { color: white;  
 text-shadow: -2px -2px 0 var(--gold), 2px -2px 0 var(--gold), -2px 2px 0 var(--gold), 2px 2px 0 var(--gold); }
.istoricBg .cifraBg p.titl { display: inline-block; padding-bottom: 0;
 border-bottom: 4px solid var(--gold); }
.istoricBg .cifraBg.left .cifraIn { padding-right: 1.25em; text-align: right; }
.istoricBg .cifraBg.right .cifraIn { padding-left: 1.25em; }
.istoricBg .cifraBg.left .cifraIn:after,
.istoricBg .cifraBg.right .cifraIn:after { content: ''; position: absolute; width: 1.25em; height: 4px;
 top: calc(50% - 2px);
 background: var(--gold); }
.istoricBg .cifraBg.left .cifraIn:after { right: -1em; }
.istoricBg .cifraBg.right .cifraIn:after { left: -1em; }

.istoricBg .textBg { padding: 1.5em 0; }
.istoricBg .textBg p { padding: 0.25em 0; }
.istoricBg .textBg.left {  text-align: right; }

.iconBorderTB { position: relative; }
.iconBorderTB:before { content: ''; display: block; width: 4px; height: 100%;
 position: absolute; top: 0; bottom: 0; left: calc(50% - 2px);
 background: var(--gold); }

@media screen and (min-width: 1px) and (max-width: 480px) {
.istoricBg .cifraBg.left .cifraIn,
.istoricBg .cifraBg.right .cifraIn,
.istoricBg .textBg.left,
.istoricBg .textBg.right { text-align: center; }
.istoricBg .cifraBg p.titl { border-bottom: none; padding-bottom: 0.5em; }
.istoricBg .cifraBg.left .cifraIn { padding-right: 0em; }
.istoricBg .cifraBg.right .cifraIn { padding-left: 0em; }
.istoricBg .cifraBg.left .cifraIn:after,
.istoricBg .cifraBg.right .cifraIn:after { left: 0; right: 0; margin: 0 auto; }
}





.iconAtuBig { padding: 14px; }
.iconAtuBig .icon { padding: 1em; display: table; margin: 0 auto; position: relative; z-index: 10;
 border-radius: 50%;
 text-align: center; }
.iconAtuBig .icon:before,
.iconAtuBig .icon:after { content: ''; display: block; position: absolute; left: -14px; right: -14px; top: -14px; bottom: -14px; }
.iconAtuBig .icon:before { border-radius: 50%; border: 14px solid }
.iconAtuBig .icon.ff:before { border-color: #ffffff; }
.iconAtuBig .icon.fd:before { border-color: #fdfdfd; }
.iconAtuBig .icon.fb:before { border-color: #fbfbfb; }
.iconAtuBig .icon.f9:before { border-color: #f9f9f9; }
.iconAtuBig .icon.f5:before { border-color: #f5f5f5; }
.iconAtuBig.left .icon:after { border-left: 4px solid; border-radius: 50%; }
.iconAtuBig.right .icon:after { border-right: 4px solid; border-radius: 50%; }

.iconAtuBig svg { margin: 0 auto; display: block;
 width: auto; height: auto; max-height: 90px; }

.iconAtuBig:nth-child(2n+1) .icon { background: var(--gold); }
.iconAtuBig:nth-child(2n+1) .icon svg { fill: var(--alba); }
.iconAtuBig:nth-child(2n+1) .icon:after { border-color: var(--gold); }

.iconAtuBig:nth-child(2n) .icon { border-color: var(--gren); background: var(--gren15); }
.iconAtuBig:nth-child(2n) .icon svg { fill: var(--gren); }
.iconAtuBig:nth-child(2n) .icon:after { border-color: var(--gren); }

.iconAtuBig .icon,
.iconAtuBig:hover .icon,
.iconAtuBig .icon svg,
.iconAtuBig:hover .icon svg { transition: all 500ms linear; }

@media screen and (min-width: 481px) and (max-width: 768px) {
.iconAtuBig svg { max-height: 50px; }
}





/* CURSURI DOWN */
.owl-carousel,
.owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; }
.owl-carousel { display: none; width: 100%; z-index: 1 }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; }
.owl-carousel .owl-stage: after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0,0,0) }
.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none }
.owl-carousel .owl-item img { display: block; -webkit-transform-style: preserve-3d }
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled { display: none }
.no-js .owl-carousel,
.owl-carousel.owl-loaded { display: block }
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; 
 -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-loading { opacity: 0; display: block }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel.owl-refresh .owl-item { visibility: hidden }
.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-grab { cursor: move; cursor: grab }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel.owl-rtl .owl-item { float: right }
.owl-carousel .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut}@-webkit-keyframes fadeOut { 0% { opacity: 1}100% { opacity: 0}}@keyframes fadeOut { 0% { opacity: 1}100% { opacity: 0} }
.owl-height { transition: height .5s ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease }
.owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; 
 cursor: pointer; z-index: 1; 
 -webkit-backface-visibility: hidden; transition: -webkit-transform .1s ease; transition: transform .1s ease }
.owl-carousel .owl-video-play-icon: hover { -webkit-transform: scale(1.3,1.3); -ms-transform: scale(1.3,1.3); transform: scale(1.3,1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn { display: none }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; 
 background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%}

.owl-theme .owl-dots,.owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent } 
.owl-theme .owl-nav {  }
.owl-theme .owl-nav [class*=owl-] { color: #FFF; margin: 5px; padding: 0px; display: inline-block; cursor: pointer;
 font-size: 14px; 
 border-radius: 3px; background:#D6D6D6; }
.owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #FFF; text-decoration: none; }
.owl-theme .owl-nav .disabled { opacity:.5; cursor: default; }
.owl-theme .owl-nav.disabled+.owl-dots { margin-top: 2em; }

.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; }
.owl-theme .owl-dots .owl-dot span { width: 25px; height: 25px; margin: 5px 7.5px; display: block; -webkit-backface-visibility: visible;
 background: var(--grid); border-radius: 50%; 
 transition: opacity .2s ease; }
.owl-theme.proiecteOwl .owl-dots .owl-dot span { background: #555; }
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { background: var(--gold); }

.owl-theme.gren .owl-dots .owl-dot span { border-color: var(--gren); }
.owl-theme.gren .owl-dots .owl-dot.active span,
.owl-theme.gren .owl-dots .owl-dot:hover span { background: var(--gren); }



.owl-theme .owl-nav { position: absolute; left: 0; right: 0; top: calc(50% - 15px); }
.owl-theme.arrow .owl-nav [class*=owl-] { opacity: 0.75; margin: 0; position: relative; width: 30px; height: 30px;
 background: transparent; }
.owl-theme.arrow .owl-nav .owl-prev { position: absolute; left: -40px; }
.owl-theme.arrow .owl-nav .owl-next { position: absolute; right: -40px; }
.owl-theme.arrow .owl-nav [class*=owl-]:hover { opacity: 1; }
.owl-theme.arrow .owl-nav [class*="owl-"]:after { content: ''; display: block; margin: 0 auto; position: absolute; 
 width: 30px; height: 30px; left: 0; right: 0; 
 background: url(/img/svg/icons.svg) -90px -90px no-repeat; }
.owl-theme.arrow .owl-nav .owl-prev:after { transform: rotate(0deg); }
.owl-theme.arrow .owl-nav .owl-next:after { transform: rotate(180deg); }

.owl-theme.arr_v2 .owl-nav .owl-prev { position: absolute; left: 10px; }
.owl-theme.arr_v2 .owl-nav .owl-next { position: absolute; right: 10px; }
.owl-theme.arr_v2 .owl-nav [class*="owl-"]:after { background-position: -130px -90px; }




.proiecteOwl .item.cols-md33-3,
.proiecteOwl .item.cols-ss50,
.proiecteOwl .item.cols-xs100 { width: 100% !important; }


.captionProiect { width: 100%; float: left; }
.captionProiect img { border-radius: 15px; }
.captionProiect figcaption { position: relative; margin: 10px 0; padding: 0.75em calc(30px + 1em); width: 100%; float: left;
 border-top: 2px solid var(--gold); border-bottom: 2px solid var(--gold); border-radius: 15px; 
 text-align: center; }
.captionProiect figcaption:before,
.captionProiect figcaption:after { content: ''; display: inline-block; width: 30px; height: 10px;
 position: absolute; top: calc(50% - 5px);
 background: url(/img/svg/icons.svg) 0 -150px no-repeat; }
.captionProiect figcaption:before { left: 1em; }
.captionProiect figcaption:after { right: 1em; }
.captionProiect figcaption p { padding: 0; 
 font-size: 1.7em; font-weight: 600; color: var(--gold); }

.captionProiect:hover figcaption { background: var(--gold15); }
.captionProiect:hover figcaption p { color: var(--gold); }
.captionProiect:hover figcaption:before,
.captionProiect:hover figcaption:after { background-position: 0px -150px; }


.proiecteAll { margin: 0 -5px 0 -5px; display: flex; flex-wrap: wrap; }
.proiecteAll .item { padding: 0 5px 0 5px; float: left; display: flex; }
.proiecteAll .item a { width: 100%; }
.proiecteAll .item img { width: 100%; height: auto; }
.proiecteAll .captionProiect figcaption { background: var(--alba); }

.proiecteAll .captionProiect:hover figcaption { background: var(--gold15); }

.proiecteOwl a,
.proiecteAll a { width: 100%; position: relative; display: block; }




.schiteOwl .item { padding-top: 1em; }
.owl-theme.schiteOwl .owl-nav.disabled + .owl-dots { margin-bottom: 1em; }


.autowidthBg,
.valoriOwlBg { padding: 0 40px; }
.valoriOwl .item { border-left: 1px solid var(--gren); padding-left: 2em; }



.is-cms .owl-carousel { display: block; }





.form-contact textarea:focus:valid,
.form-contact input:focus:valid { background: var(--gren15); }
:invalid { box-shadow: none; }
.form-contact input:focus:invalid,
.form-contact textarea:focus:invalid { background: var(--gold15); }
:-moz-submit-invalid { box-shadow: none; }
:-moz-ui-invalid { box-shadow: none; }


.form-contact { width: 100%; float: left; padding: 2em 2em; 
 background: #f5f5f5; box-shadow: 0 0 5px rgba(0,0,0,0.25); }

.form-contact .titl p { padding: 0;
  font-size: 2.5em; font-weight: 600; line-height: 1.3; } 

.form-contact .field { width: 100%; float: left; position: relative; padding: 0px 35px 0px 5px;
 background: #fff; border-radius: 5px; border: 1px solid #ccc; }
.form-contact .field:before { content: ''; display: block; width: 20px; height: 20px; position: absolute; right: 10px; top: 50%; margin-top: -10px;
 background: url(/img/svg/icons.svg) no-repeat, #fff; }

.form-contact .field.form-nume:before { background-position: -150px 0px; }
.form-contact .field.form-telefon:before { background-position: -180px 0px; }
.form-contact .field.form-email:before { background-position: -210px 0px; }
.form-contact .field.form-mesaj:before { background-position: -240px 0px; top: 10px; margin-top: 0; }
.form-contact .field.form-passw:before { background-position: -270px 0px; }

.form-contact input[type="text"],
.form-contact input[type="email"],
.form-contact input[type="tel"],
.form-contact input[type="password"],
.form-contact textarea { float: left; width: 100%; padding: 5px 5px 5px 5px;
 border: 5px solid #fff; border-left: 0;
 font-size: 1.55em; color: #000; }

.form-contact ul.rand { padding-left: calc(20px + 1.5em); } 
.form-contact ul.rand li { font-size: 1.4em; padding: 2.5px 0 0 2.5px; } 
.form-contact ul.rand li.rok { background: #deeaad; } 
.form-contact input[type="radio"],
.form-contact input[type="checkbox"] { opacity: 0; display: none; }
.form-contact input[type="radio"] + label,
.form-contact input[type="checkbox"] + label { position: relative; padding: 0px 0 0px 30px; margin-bottom: 5px; cursor: pointer; display: inline-block; width: auto; height: 100%; }
.form-contact input[type="radio"] + label:before,
.form-contact input[type="checkbox"] + label:before { content: ""; cursor: pointer; display: block; height: 20px; width: 20px;
 position: absolute; top: 2px; left: 0px; 
 background: url(/img/svg/icons.svg) no-repeat; }
.form-contact input[type="radio"] + label:before { background-position: 0px -140px; } 
.form-contact input[type="radio"]:checked + label:before { background-position: -30px -140px; }
.form-contact input[type="radio"]:disabled + label:before { background-position: -60px -140px; }
.form-contact input[type="radio"]:checked + label { color: var(--blue); } 
.form-contact input[type="checkbox"] + label:before { background-position: 0px -110px; } 
.form-contact input[type="checkbox"]:checked + label:before { background-position: -30px -110px; }
.form-contact input[type="checkbox"]:disabled + label:before { background-position: -60px -110px; }
.form-contact input[type="checkbox"]:checked + label { color: var(--blue); }


.form-contact .fieldSubmit { width: 100%; float: left; position: relative; }

.form-contact .fieldSubmit:after { content:""; display: block; height: 10px; position: absolute; right: 15px; top: 50%; margin-top: -5px;
 background: url(/img/svg/icons.svg) no-repeat; width: 5px; background-position: -490px 0px; } 
.form-contact .fieldSubmit input[type="submit"],
.form-contact .fieldSubmit a { width: 100%; float: left; display: inline-block; padding: 15px 10px; position: relative; 
 background: var(--gren); border-radius: 5px;
 font-size: 1.6em; color: #fff; text-align: center; font-weight: 600; text-transform: uppercase; line-height: 1; }
.form-contact input[type="submit"]:disabled { opacity: 0.8; }

.camp-email { display: none !important; }
#recaptcha-error { display: none; color: #cd2027; background: #fff; } 
.form-contact label.error { padding-left: 10px; color: #dc2727; }
 
#rc-imageselect,
.form-contact .g-recaptcha { transform: scale(0.77); -webkit-transform: scale(0.77); transform-origin: 0 0; -webkit-transform-origin: 0 0; }
.form-contact .captchaBg,
.form-contact .g-recaptcha div { height: 60px !important; }

#rc-imageselect,
.g-recaptcha { transform: scale(0.85); transform-origin: 0 0; } 

@media screen and (min-width: 1px) and (max-width: 1366px) {
#rc-imageselect,
.g-recaptcha { transform: scale(0.70); }     
}
@media screen and (min-width: 1px) and (max-width: 768px) {
#rc-imageselect,
.g-recaptcha { transform: scale(0.50); }     
}
@media screen and (min-width: 1px) and (max-width: 480px) {
#rc-imageselect,
.g-recaptcha { transform: scale(0.70); }     
}






.boxContactJos { padding-left: 2em;
 border-left: 1px solid var(--gren); }

nav.socialContactBg { display: flex; justify-content: flex-end; }

nav.socialContactBg ul.socialContact { display: inline-block; }
nav.socialContactBg ul.socialContact li { float: left; display: inline-block; width: 30px; height: 30px; margin: 0 5px;
 background: url(/img/svg/icons.svg) no-repeat; }
nav.socialContactBg ul.socialContact li.icoFb { background-position: -180px -70px; }
nav.socialContactBg ul.socialContact li.icoLd { background-position: -220px -70px; } 
nav.socialContactBg ul.socialContact li.icoIs { background-position: -260px -70px; } 
nav.socialContactBg ul.socialContact li.icoFb:hover { background-position: -180px -110px; }
nav.socialContactBg ul.socialContact li.icoLd:hover { background-position: -220px -110px; } 
nav.socialContactBg ul.socialContact li.icoIs:hover { background-position: -260px -110px; } 
nav.socialContactBg ul.socialContact li a { display: block; width: 30px; height: 30px; }







.contactJos { display: inline-block; }
.contactJos li { padding: 0.25em 0 0.25em 35px;
 font-size: 1.7em;
 border-bottom: 1px solid var(--gren15); }
.contactJos li:last-of-type { border-bottom: none; }
.contactJos li svg { display: inline-block; margin-left: -35px; 
 width: 30px; height: auto; max-height: 20px;
 fill: var(--gren); }
.contactJos li a { color: var(--gren); }
.contactJos li a:hover { color: var(--gren); text-decoration: underline; }
.contactJos li:hover svg { fill: var(--gren); }

.gmap { background: #eee; border: 1px solid #ddd; height: 240px; }






footer .sect { width: 100%; float: left;
 color: #fff; 
 background: #000; }

footer .sect p { padding: 0; }
footer .sect p a:hover { color: var(--gold); }

footer .sect .copy p { color: #aaa; }
footer .sect .copy p a { color: var(--gold); }
footer .sect .copy p a:hover { color: var(--golddark); }





figure.caption { position: relative; }
figure.caption figcaption { position: absolute; }
figure.caption.centru figcaption { bottom: 2em; left: 2em; right: 2em; margin: 0 auto;
 text-align: center; }
figure.caption.right figcaption { top: 0; left: auto; right: 0; 
 text-align: right; }

figure.caption.capInline figcaption { position: static; }

figure.caption.gold figcaption { background: var(--gold); }
figure.caption.gren figcaption { background: var(--gren); }
figure.caption.maro figcaption { background: var(--maro); }
figure.caption.tranBord figcaption,
figure.caption.albaBord figcaption { margin-top: 10px; width: 100%; float: left;
 background: var(--alba); border-top: 1px solid var(--grid); border-bottom: 1px solid var(--grid); }
figure.caption.tranBord figcaption { background: transparent; border-top-color: var(--gold); border-bottom-color: var(--gold); }
a:hover figure.caption.gold figcaption { background: var(--gren); }
a:hover figure.caption.gren figcaption { background: var(--gold); }

figure.caption.gold figcaption,
figure.caption.gren figcaption,
a:hover figure.caption.gold figcaption,
a:hover figure.caption.gren { transition: background 500ms linear; }

figure.caption figcaption p,
figure.caption figcaption h3 { display: inline-block; padding: 0.25em 0.5em 0.35em 0.5em; 
 font-size: 1.8em; color: #fff; line-height: 1.25; }

figure.caption.tranBord figcaption p,
figure.caption.albaBord figcaption p { color: var(--maro); }

a figure.caption figcaption p,
a figure.caption figcaption h3 { position: relative; margin-left: -15px; }

a figure.caption figcaption p:after,
a figure.caption figcaption h3:after { content: ''; display: block; width: 10px; height: 6px; 
 position: absolute; right: -15px; top: calc(50% - 1px);
 background: url(/img/svg/icons.svg) -70px -30px no-repeat;
 transform: rotate(-90deg); }

.ecranFirst figure.caption figcaption p { padding-left: 0; padding-right: 0; }





.sect figure.black figcaption { padding: 0 1em; width: 100%; overflow: hidden; position: relative;
 text-align: center; }
.sect figure.black figcaption { background: #000; color: #fff; }
.sect figure.black figcaption p { text-align: center; line-height: 1.2; }





.responsiveVideo video { width: 100%; height: auto; float: left; }

.playPictr { position: absolute; width: 35px; height: 35px; z-index: 20; opacity: 0.75;
 bottom: 5px; right: 5px; 
 background: url(/img/svg/icons.svg) -350px 0; }
.playPictr.gold { background-position: -350px -40px; }
.playPictr.gren { background-position: -350px -80px; }

a:hover .playPictr { opacity: 1; }



.gallary_grid {
 display: grid; gap: 10px; 
 grid-template-columns: repeat(auto-fit, minmax(25em, 1fr)); 
 grid-auto-rows: 25.5em; }

.md-tall-2 { grid-row: span 2 / auto; }
.md-tall-3 { grid-row: span 3 / auto; }

.md-wide-2 { grid-column: span 2 / auto; }
.md-wide-3 { grid-column: span 3 / auto; }

.gallary_grid .item { position: relative; }

.gallary_grid .item img { width: 100%; height: 100%; 
 object-fit: cover; border-radius: 15px; }



/* 4 coloane */
@media
only screen and (min-width: 1px) and (max-width: 1600px) {

.gallary_grid { grid-template-columns: repeat(4, 1fr); }

.mm-tall-1 { grid-row: auto / auto; }
.mm-tall-2 { grid-row: span 2 / auto; }
.mm-tall-3 { grid-row: span 3 / auto; }

.mm-wide-1 { grid-column: auto / auto; }
.mm-wide-2 { grid-column: span 2 / auto; }
.mm-wide-3 { grid-column: span 3 / auto; }
}



/* 3 coloane */
@media
only screen and (min-width: 1px) and (max-width: 1024px) {

.gallary_grid { grid-template-columns: repeat(3, 1fr); }

.sm-tall-1 { grid-row: auto / auto; }
.sm-tall-2 { grid-row: span 2 / auto; }
.sm-tall-3 { grid-row: span 3 / auto; }

.sm-wide-1 { grid-column: auto / auto; }
.sm-wide-2 { grid-column: span 2 / auto; }
.sm-wide-3 { grid-column: span 3 / auto; }
}



/* 2 coloane */
@media
only screen and (min-width: 1px) and (max-width: 768px) {

.gallary_grid { grid-template-columns: repeat(2, 1fr); }

.ss-tall-1 { grid-row: auto / auto; }
.ss-tall-2 { grid-row: span 2 / auto; }
.ss-tall-3 { grid-row: span 3 / auto; }

.ss-wide-1 { grid-column: auto / auto; }
.ss-wide-2 { grid-column: span 2 / auto; }
.ss-wide-3 { grid-column: span 3 / auto; }
}



/* 1 coloane */
@media screen and (min-width: 1px) and (max-width: 480px) {

.gallary_grid { grid-template-columns: repeat(1, 1fr); }

.mm-tall-2,
.mm-tall-3,
.mm-wide-2,
.mm-wide-3,

.md-tall-2,
.md-tall-3,
.md-wide-2,
.md-wide-3,

.sm-tall-2,
.sm-tall-3,
.sm-wide-2,
.sm-wide-3,

.ss-tall-2,
.ss-tall-3,
.ss-wide-2,
.ss-wide-3 { grid-row: auto / auto; grid-column: auto / auto; }
}



@media
only screen and (min-width: 1921px) {
.gallary_grid { 
 grid-template-columns: repeat(auto-fit, minmax(55em, 1fr)); 
 grid-auto-rows: 60em; }
}




.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; text-shadow: 0 1px 0 #000; }
.mfp-preloader a { color: #cccccc; }
.mfp-preloader a:hover { color: white; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }
button::-moz-focus-inner { padding: 0; border: 0; }
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: #333333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; }
.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; }
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }
.mfp-figure { line-height: 0; }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; }
.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; text-shadow: 0 1px 0 #000; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
.mfp-img-mobile img.mfp-img { padding: 0; }
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
}

@media all and (max-width: 900px) {
.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
.mfp-container { padding-left: 6px; padding-right: 6px; }
}

.mfp-ie7 .mfp-img { padding: 0; }
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }
.mfp-ie7 .mfp-container { padding: 0; }
.mfp-ie7 .mfp-content { padding-top: 44px; }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }
.mfp-no-margins img.mfp-img { padding: 0; }
.mfp-no-margins .mfp-figure:after { top: 0; bottom: 0; }
.mfp-no-margins .mfp-container { padding: 0; }
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg { opacity: 0.001; 
-webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; }
.mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; }










iframe[name="google_conversion_frame"] { display: none; }


.animatedElement { position: relative;
 -webkit-animation-fill-mode: both;          
         animation-fill-mode: both;
opacity: 0; }

.animatedElement.inView { opacity: 1; }

.animatedElement.speed03 { animation-duration: 0.3s; }          
.animatedElement.speed05 { animation-duration: 0.5s; }
.animatedElement.speed06 { animation-duration: 0.6s; }
.animatedElement.speed09 { animation-duration: 0.9s; }          
.animatedElement.speed10 { animation-duration: 1s; }         
.animatedElement.speed12 { animation-duration: 1.2s; }
.animatedElement.speed15 { animation-duration: 1.5s; }
.animatedElement.speed18 { animation-duration: 1.8s; }          
.animatedElement.speed20 { animation-duration: 2s; }
.animatedElement.speed25 { animation-duration: 2.5s; }
.animatedElement.speed30 { animation-duration: 3s; }           
.animatedElement.speed35 { animation-duration: 3.5s; }
.animatedElement.speed40 { animation-duration: 4s; }

.animatedElement.delay05 { animation-delay: 0.5s; }
.animatedElement.delay10 { animation-delay: 1s; }            
.animatedElement.delay15 { animation-delay: 1.5s; }            
.animatedElement.delay20 { animation-delay: 2s; }
.animatedElement.delay03 { animation-delay: 0.3s; }
.animatedElement.delay05 { animation-delay: 0.5s; }            
.animatedElement.delay06 { animation-delay: 0.6s; }            
.animatedElement.delay09 { animation-delay: 0.9s; }            
.animatedElement.delay12 { animation-delay: 1.2s; } 
.animatedElement.delay15 { animation-delay: 1.5s; }  


@keyframes rotateInDownLeft {
from {
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}

to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}

.animate__rotateInDownLeft.inView {
animation-name: rotateInDownLeft;
transform-origin: left bottom;
}


@keyframes rotateInDownRight {
from {
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}

to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}

.animate__rotateInDownRight.inView {
animation-name: rotateInDownRight;
transform-origin: right bottom;
}


@keyframes rotateInUpLeft {
from {
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}

to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}

.animate__rotateInUpLeft.inView {
animation-name: rotateInUpLeft;
transform-origin: left top;
}


@keyframes rotateInUpRight {
from {
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}

to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}

.animate__rotateInUpRight.inView {
animation-name: rotateInUpRight;
transform-origin: right top;
}


        


@keyframes bounce {
0%, 20%, 53%, 80%, 100% { 
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transform: translate3d(0,0,0); } 
40%, 43% { 
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -30px, 0); } 
70% {
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -15px, 0); } 
90% { 
transform: translate3d(0,-4px,0); } }

.bounce.inView {
animation-name: bounce;
transform-origin: center bottom; }



@keyframes shake {
0%, 100% { 
transform: translate3d(0, 0, 0); } 
10%, 30%, 50%, 70%, 90% { 
transform: translate3d(-10px, 0, 0); } 
20%, 40%, 60%, 80% { 
transform: translate3d(10px, 0, 0); } }

.shake.inView {
animation-name: shake; }



@keyframes slideInLeft {
0% { 
transform: translate3d(-100%, 0, 0);
visibility: visible; } 
100% { 
transform: translate3d(0, 0, 0); } }

.slideInLeft.inView {
animation-name: slideInLeft; }
 


@keyframes slideInRight {
0% { 
transform: translate3d(100%, 0, 0);
visibility: visible; } 
100% { 
transform: translate3d(0, 0, 0); } }

.slideInRight.inView {
animation-name: slideInRight; }



@keyframes zoomInLeft {
0% { opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 
60% { opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }

.zoomInLeft.inView {
animation-name: zoomInLeft; } 



@keyframes zoomInRight {
0% { opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 
60% { opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }

.zoomInRight.inView {
animation-name: zoomInRight; }