@charset "UTF-8";

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(/fonts/montserrat-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(/fonts/montserrat-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+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(/fonts/montserrat-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(/fonts/montserrat-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+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(/fonts/montserrat-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(/fonts/montserrat-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


*, *: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; }


.clear { clear: both; display: block; width: 100%; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



.cols-LR0 { margin: 0 0 0 0; display: flex; flex-wrap: wrap; }
.cols-LR0-item { padding: 0 0 0 0; margin: 0 auto; display: flex; }
 
.cols-LR5 { margin: 0 -5px 0 -5px; display: flex; flex-wrap: wrap; }
.cols-LR5-item { padding: 0 5px 0 5px; margin: 0 auto; display: flex; } 
 
.cols-LR10 { margin: 0 -10px 0 -10px; display: flex; flex-wrap: wrap; }
.cols-LR10-item { padding: 0 10px 0 10px; margin: 0 auto; display: flex; }
 
.cols-LR15 { margin: 0 -15px 0 -15px; display: flex; flex-wrap: wrap; }
.cols-LR15-item { padding: 0 15px 0 15px; margin: 0 auto; display: flex; }
 
.cols-LR20 { margin: 0 -20px 0 -20px; display: flex; flex-wrap: wrap; }
.cols-LR20-item { padding: 0 20px 0 20px; margin: 0 auto; display: flex; }
 
.cols-LR25 { margin: 0 -25px 0 -25px; display: flex; flex-wrap: wrap; }
.cols-LR25-item { padding: 0 25px 0 25px; margin: 0 auto; display: flex; }   
 


 
.cols-LR1em { margin: 0 -1em 0 -1em; display: flex; flex-wrap: wrap; }
.cols-LR1em-item { padding: 0 1em 0 1em; margin: 0 auto; 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; margin: 0 auto; display: flex; }   
 
.cols-LR2em { margin: 0 -2em 0 -2em; display: flex; flex-wrap: wrap; }
.cols-LR2em-item { padding: 0 2em 0 2em; margin: 0 auto; display: flex; } 
 
.cols-LR25em { margin: 0 -2.5em 0 -2.5em;
 display: -webkit-flex; display: flex; flex-wrap: wrap; }
.cols-LR25em-item { padding: 0 2.5em 0 2.5em; margin: 0 auto; display: flex; } 
 
.cols-LR3em { margin: 0 -3em 0 -3em; display: flex; flex-wrap: wrap; }
.cols-LR3em-item { padding: 0 3em 0 3em; margin: 0 auto; display: flex; } 
    
 

.cols-md5 { width: 5%; }
.cols-md10 { width: 10%; }
.cols-md12 { width: 12%; }
.cols-md12-5 { width: 12.5%; }
.cols-md13 { width: 13%; }
.cols-md14 { width: 14%; }
.cols-md15 { width: 15%; }
.cols-md17 { width: 17%; }
.cols-md20 { width: 20%; }
.cols-md22 { width: 22%; }
.cols-md24 { width: 24%; }
.cols-md25 { width: 25%; }
.cols-md29 { width: 29%; }
.cols-md30 { width: 30%; }
.cols-md31 { width: 31%; }
.cols-md32 { width: 32%; }
.cols-md33 { width: 33.33%; }
.cols-md35 { width: 35%; }
.cols-md37 { width: 37%; }
.cols-md38 { width: 38%; }
.cols-md39 { width: 39%; }
.cols-md40 { width: 40%; }
.cols-md42 { width: 42%; }
.cols-md45 { width: 45%; }
.cols-md50 { width: 50%; }
.cols-md52 { width: 52%; }
.cols-md55 { width: 55%; }
.cols-md60 { width: 60%; }
.cols-md61 { width: 61%; }
.cols-md62 { width: 62%; }
.cols-md63 { width: 63%; }
.cols-md65 { width: 65%; }
.cols-md66 { width: 66.66%; }
.cols-md70 { width: 70%; }
.cols-md72 { width: 72%; }
.cols-md75 { width: 75%; }
.cols-md78 { width: 78%; }
.cols-md80 { width: 80%; }
.cols-md85 { width: 85%; }
.cols-md87 { width: 87%; }
.cols-md90 { width: 90%; }
.cols-md100 { width: 100%; }

@media screen and (min-width: 1px) and (max-width: 1024px) {
.cols-sm5 { width: 5%; }
.cols-sm10 { width: 10%; }
.cols-sm12 { width: 12%; }
.cols-sm12-5 { width: 12.5%; }
.cols-sm13 { width: 13%; }
.cols-sm14 { width: 14%; }
.cols-sm15 { width: 15%; }
.cols-sm17 { width: 17%; }
.cols-sm20 { width: 20%; }
.cols-sm22 { width: 22%; }
.cols-sm24 { width: 24%; }
.cols-sm25 { width: 25%; }
.cols-sm28 { width: 28%; }
.cols-sm29 { width: 29%; }
.cols-sm30 { width: 30%; }
.cols-sm31 { width: 31%; }
.cols-sm32 { width: 32%; }
.cols-sm33 { width: 33.33%; }
.cols-sm35 { width: 35%; }
.cols-sm37 { width: 37%; }
.cols-sm38 { width: 38%; }
.cols-sm39 { width: 39%; }
.cols-sm40 { width: 40%; }
.cols-sm42 { width: 42%; }
.cols-sm45 { width: 45%; }
.cols-sm50 { width: 50%; }
.cols-sm52 { width: 52%; }
.cols-sm55 { width: 55%; }
.cols-sm60 { width: 60%; }
.cols-sm61 { width: 61%; }
.cols-sm62 { width: 62%; }
.cols-sm63 { width: 63%; }
.cols-sm65 { width: 65%; }
.cols-sm66 { width: 66.66%; }
.cols-sm70 { width: 70%; }
.cols-sm72 { width: 72%; }
.cols-sm75 { width: 75%; }
.cols-sm78 { width: 78%; }
.cols-sm80 { width: 80%; }
.cols-sm85 { width: 85%; }
.cols-sm87 { width: 87%; }
.cols-sm90 { width: 90%; }
.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-ss12 { width: 12%; }
.cols-ss12-5 { width: 12.5%; }
.cols-ss13 { width: 13%; }
.cols-ss14 { width: 14%; }
.cols-ss15 { width: 15%; }
.cols-ss17 { width: 17%; }
.cols-ss20 { width: 20%; }
.cols-ss22 { width: 22%; }
.cols-ss24 { width: 24%; }
.cols-ss25 { width: 25%; }
.cols-ss28 { width: 28%; }
.cols-ss29 { width: 29%; }
.cols-ss30 { width: 30%; }
.cols-ss31 { width: 31%; }
.cols-ss32 { width: 32%; }
.cols-ss33 { width: 33.33%; }
.cols-ss35 { width: 35%; }
.cols-ss37 { width: 37%; }
.cols-ss38 { width: 38%; }
.cols-ss39 { width: 39%; }
.cols-ss40 { width: 40%; }
.cols-ss42 { width: 42%; }
.cols-ss45 { width: 45%; }
.cols-ss50 { width: 50%; }
.cols-ss52 { width: 52%; }
.cols-ss55 { width: 55%; }
.cols-ss60 { width: 60%; }
.cols-ss61 { width: 61%; }
.cols-ss62 { width: 62%; }
.cols-ss63 { width: 63%; }
.cols-ss65 { width: 65%; }
.cols-ss66 { width: 66.66%; }
.cols-ss70 { width: 70%; }
.cols-ss72 { width: 72%; }
.cols-ss75 { width: 75%; }
.cols-ss78 { width: 78%; }
.cols-ss80 { width: 80%; }
.cols-ss85 { width: 85%; }
.cols-ss87 { width: 87%; }
.cols-ss90 { width: 90%; }
.cols-ss100 { width: 100%; }
.cols-ss-dn { display: none; }
}

@media screen and (min-width: 1px) and (max-width: 480px) {
.cols-xs5 { width: 5%; }
.cols-xs10 { width: 10%; }
.cols-xs12 { width: 12%; }
.cols-xs12-5 { width: 12.5%; }
.cols-xs13 { width: 13%; }
.cols-xs14 { width: 14%; }
.cols-xs15 { width: 15%; }
.cols-xs17 { width: 17%; }
.cols-xs20 { width: 20%; }
.cols-xs22 { width: 22%; }
.cols-xs24 { width: 24%; }
.cols-xs25 { width: 25%; }
.cols-xs28 { width: 28%; }
.cols-xs29 { width: 29%; }
.cols-xs30 { width: 30%; }
.cols-xs31 { width: 31%; }
.cols-xs32 { width: 32%; }
.cols-xs33 { width: 33.33%; }
.cols-xs35 { width: 35%; }
.cols-xs37 { width: 37%; }
.cols-xs38 { width: 38%; }
.cols-xs39 { width: 39%; }
.cols-xs40 { width: 40%; }
.cols-xs42 { width: 42%; }
.cols-xs45 { width: 45%; }
.cols-xs50 { width: 50%; }
.cols-xs52 { width: 52%; }
.cols-xs55 { width: 55%; }
.cols-xs60 { width: 60%; }
.cols-xs61 { width: 61%; }
.cols-xs62 { width: 62%; }
.cols-xs63 { width: 63%; }
.cols-xs65 { width: 65%; }
.cols-xs66 { width: 66.66%; }
.cols-xs70 { width: 70%; }
.cols-xs72 { width: 72%; }
.cols-xs75 { width: 75%; }
.cols-xs78 { width: 78%; }
.cols-xs80 { width: 80%; }
.cols-xs85 { width: 85%; }
.cols-xs87 { width: 87%; }
.cols-xs90 { width: 90%; }
.cols-xs100 { width: 100%; }
.cols-xs-dn { display: none; } 
}
  


.cols-TB0 { width: 100%; float: left; margin: 0px 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-T0 { width: 100%; float: left; margin: 0px auto 0 auto; } 
.cols-T5 { width: 100%; float: left; margin: 5px auto 0 auto; } 
.cols-T10 { width: 100%; float: left; margin: 10px auto 0 auto; } 
.cols-T15 { width: 100%; float: left; margin: 15px auto 0 auto; } 
.cols-T20 { width: 100%; float: left; margin: 20px auto 0 auto; } 
.cols-T25 { width: 100%; float: left; margin: 25px auto 0 auto; } 
.cols-T30 { width: 100%; float: left; margin: 30px auto 0 auto; }
.cols-T40 { width: 100%; float: left; margin: 40px auto 0 auto; }
.cols-T50 { width: 100%; float: left; margin: 50px auto 0 auto; }


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


.flexContainer { display: flex; }
.justifyCenter { justify-content: center; }
.justifyRight { justify-content: flex-end; }
.alignCenter { align-items: center; }
.alignEnd { align-items: flex-end; }


.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-20em { width: 100%; float: left; padding: 0 20em; } 

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

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

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

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





:root {
  --cyan: #00adee;
  --blue: #0071bc;
  --navy: #004573;
  --gray: #333333;
  --alba: #ffffff;
}


a { color: var(--cyan); text-decoration: none; }
a:hover { color: var(--blue); text-decoration: none; }

ul { list-style-type: none; }

b { font-weight: 700; }
.semibold { font-weight: 600 !important; } 
.bold { font-weight: 700 !important; } 
.italic { font-style: italic; }

img { display: block; }
img.responsive { width: 100%; max-width: 100%; height: auto; }
img.maxResponsive { width: auto; max-width: 100%; height: auto; display: block; margin: 0 auto; }
img.colsResponsive { max-width: 100%; height: auto; display: block; margin: 0 auto; }
img.img-border { width: 100%; border: 5px solid #fff; box-shadow: 0 1px 5px #999; }
img.border { width: 100%; border: 1px solid #ddd; }

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

.txt-30 { font-size: 300% !important; }
.txt-25 { font-size: 250% !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-10 { font-size: 100% !important; }
.txt-09 { font-size: 90% !important; }
.txt-08 { font-size: 80% !important; }
.txt-07 { font-size: 70% !important; }

@media screen and (min-width: 1px) and (max-width: 1024px) {
.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-06,
.txt-05 { font-size: 80% !important; }
}

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

.txt-cyan { color: var(--cyan); }
.txt-blue { color: var(--blue); }
.txt-navy { color: var(--navy); }
.txt-alba { color: var(--alba); }

.bg-padd { padding: 0 0.5em; }
.bg-cyan { background: var(--cyan); }
.bg-blue { background: var(--blue); }
.bg-navy { background: var(--navy); }
.bg-eee { background: #eee; }

hr.ccc { width: 100%; float: left; height: 0; border-bottom: 1px dotted #ccc; }
hr.cyan { width: 100%; float: left; height: 0; border-bottom: 1px dotted var(--cyan); }
hr.blue { width: 100%; float: left; height: 0; border-bottom: 1px dotted var(--blue); }

.relativ { position: relative; }
.height100 { height: 100%; }
.nopad { padding: 0; }
.nomag { margin: 0; }
.nowrap { white-space: nowrap; }
.nopadtop { padding-top: 0 !important; }
.nopadbot { padding-bottom: 0; }

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

.pictgray img { filter: gray; filter: grayscale(100%); }
.pictgray:hover img { filter: none; filter: grayscale(0%); }

.pictcenter { margin-left: auto; margin-right: auto; }

.pictbordershadow { background: #fff; border: 10px solid #fff; box-shadow: 0 0 2px rgba(0,0,0,0.5); }
.pictborder { border: 1px solid #ddd; }


.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;
 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: 768px) {
.cols2 { column-count: 1; column-gap: 0em; }
.cols3 { column-count: 2; column-gap: 1em; }
}

.liRand li { display: inline-block; margin: 5px 20px 5px 0; }
.liRand li:last-of-type { margin-right: 0; }








html { font-size: 100%; } 

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



body { font-family: 'Montserrat', sans-serif; font-size: 62.5%; font-weight: 400; line-height: 1.4; color: var(--gray);
 overflow-x: hidden;
 background: #fff;
 -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: 1280px) {
body { font-size: 58%; }
}



header { width: 100%; } 
.headerContainer { width: 100%; float: left; padding: 1.25em 0 1.5em 0; position: relative;
 background: #000; border-bottom: 1px solid #fff; }

header.topMin { position: fixed; top: 0; left: 0; z-index: 1000;
 box-shadow: 0 0 15px rgba(0,0,0,0.25); }
header.topMin .headerContainer { padding: 1em 0 1.25em 0; }

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

@media screen and (min-width: 1px) and (max-width: 1680px) {
.headerContainer { padding: 1.5em 0 1.75em 0; }
header.topMin .headerContainer { padding: 1em 0 1.25em 0; }
}

@media screen and (min-width: 1px) and (max-width: 1366px) { 
.headerContainer { padding: 1.25em 0 1.5em 0; }
header.topMin .headerContainer { padding: 1em 0 1.25em 0; } 
} 

@media screen and (min-width: 1px) and (max-width: 854px) {
.headerContainer { padding: 1em 0 1.25em 0; border-bottom: none; }
header.topMin .headerContainer { padding: 1em 0 1.25em 0; }

.headerContainer, 
header.topMin .headerContainer { transition: none; }    
}



.headerContainer .stdr-7em { display: flex; align-items: center; }




.logo { flex-grow: 2; }
.logo img { width: 360px; }
header.topMin .logo img { width: 340px; } 

.logo img,
header.topMin .logo img { transition: width 500ms linear; } 



@media screen and (min-width: 1px) and (max-width: 1024px) {
.logo img { width: 260px; }
header.topMin .logo img { width: 240px; } 
}

@media screen and (min-width: 1px) and (max-width: 667px) {
.logo img { width: 240px; }
header.topMin .logo img { width: 240px; } 
}

@media screen and (min-width: 1px) and (max-width: 480px) {
.logo img { width: 220px; }
header.topMin .logo img { width: 220px; } 
}

@media screen and (min-width: 1px) and (max-width: 375px) {
.logo img { width: 180px; }
header.topMin .logo img { width: 180px; } 
}




  

  
.contactTop { display: block; }
.contactTop .item { text-align: right; }
.contactTop .item.mobil { font-weight: 700; margin-bottom: 1em; }
.contactTop .item p { padding: 0; line-height: 1; }
.contactTop .item a { color: #ccc; }
.contactTop .item a:hover { color: #fff; }
.contactTop .item a:before { content: ''; display: inline-block; margin-right: 10px;
 background: url(/img/svg/icons.svg) no-repeat; }
.contactTop .item.mobil a:before { width: 45px; height: 20px; background-position: -600px 0; }
.contactTop .item.email a:before { width: 43px; height: 16px; background-position: -90px 0; }
.contactTop .item.mobil a:hover:before { background-position: -600px -30px; }
.contactTop .item.email a:hover:before { background-position: -90px -30px; }

@media screen and (min-width: 1px) and (max-width: 1366px) { 
.contactTop .item p { font-size: 1.6em; }
}

@media screen and (min-width: 1px) and (max-width: 576px) {
.contactTop .item.mobil { margin-bottom: 0; }
.contactTop .item.email { display: none; }
}

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




.menuLong { width: 100%; float: left;
 background: var(--cyan); }
.menuLong nav > ul > li { display: inline-block; float: left; }

.menuLong .stdr-7em { padding-left: calc(7em + 5px); }

@media screen and (min-width: 1px) and (max-width: 1280px) {
.menuLong .stdr-7em { padding-left: calc(4em + 5px); }
}

@media screen and (min-width: 1px) and (max-width: 1024px) {
.menuLong .stdr-7em { padding-left: calc(3em + 5px); }
}

@media screen and (min-width: 1px) and (max-width: 854px) {
.menuLong .stdr-7em { padding-left: 2em; }
}

@media screen and (min-width: 1px) and (max-width: 480px) {
.menuLong .stdr-7em { padding-left: 1.5em; }
}

.menuLong nav > ul > li > a,
.menuLong nav > ul > li > .aspan { display: block; padding: 1.125em 1em; margin: 0 10px;
 font-size: 1.5em; line-height: 1; font-weight: 700; color: #fff; text-transform: uppercase; }
.menuLong nav > ul > li:first-child > a { margin-left: 0; }

.menuLong nav > ul > li > a:after,
.menuLong nav > ul > li > .aspan:after { content:""; display: block; width: 5px; height: 10px; margin: 0 auto; 
 position: absolute; left: 0; right: 0; bottom: 3px;
 background: url(/img/svg/icons.svg) -490px 0px no-repeat;
 transform: rotate(90deg); }
.menuLong nav > ul > li > a:only-child:after,
.menuLong nav > ul > li > .aspan:only-child:after { margin: 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 { position: relative;
 color: var(--blue); text-shadow: none;
 background: #fff; }

.menuLong nav > ul > li:hover > a:before,
.menuLong nav > ul > li:hover > .aspan:before,
.menuLong nav > ul > li > a.active:before,
.menuLong nav > ul > li > .aspan.active:before { content: ''; display: inline-block; position: absolute; top: -5px; bottom: -5px; left: -5px; right: -5px; 
 border: 5px solid #fff; }
 
.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: -490px -20px; } 
 
.menuLong nav > ul > li.hasChild { position: relative; }
.menuLong nav > ul > li.hasChild .dropDown { display: none; position: absolute; z-index: 200; box-shadow: 0 5px 5px rgba(0,0,0,0.25); }
.menuLong nav > ul > li.hasChild.subdrop1 .dropDown { width: 420px; left: 5px; }  

.menuLong nav > ul > li.hasChild .dropDown li a { padding: 0.5em 0.75em; display: block;
 font-size: 1.4em; font-weight: 600; color: var(--blue); 
 background: #fff; border-bottom: 1px dotted #aaa; }
.menuLong nav > ul > li.hasChild .dropDown li:last-child a { border-bottom: none; }

.menuLong nav > ul > li.hasChild .dropDown li:hover a,
.menuLong nav > ul > li.hasChild .dropDown li a.active { color: #fff; background: #1b1f33; }
 
@media only screen and (min-width: 961px) {
.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: 1280px) {
.menuLong nav > ul > li > .aspan.activeClick { position: relative;
 color: var(--cyan); text-shadow: none;
 background: #fff; }
.menuLong nav > ul > li > .aspan.activeClick:before { content: ''; display: inline-block; position: absolute; top: -5px; bottom: -5px; left: -5px; right: -5px; 
 border: 5px solid #fff; }
.menuLong nav > ul > li > .aspan.activeClick:after { background-position: -490px -20px; }
.visible { display: block !important; }
}

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

.menuLong { position: relative; } 

.menu-btn { width: auto; float: right; padding: 7px;
 background: var(--cyan); } 
.menu-btn span { display: block; width: 35px; height: 4px; margin: 0 0 4px 0; z-index: 100;
 background: #fff; border-radius: 1px; }
.menu-btn.active { 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: 50;
 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 > ul { flex-wrap: wrap; } 
.menuLong nav > ul > li { width: 100%; display: block; margin: 0; } 

.menuLong nav > ul > li > a,
.menuLong nav > ul > li > .aspan { padding: 0.75em 0.5em; margin: 0; display: block;
 font-size: 1.4em; color: var(--gray); text-align: left; font-weight: 600; text-shadow: none;
 border-bottom: 1px solid #ddd; }

.menuLong nav > ul > li > .aspan:after { left: auto; right: 1em; top: calc(50% - 5px); }

.menuLong nav > ul > li:hover > a,
.menuLong nav > ul > li:hover > .aspan,
.menuLong nav > ul > li > a.active,
.menuLong nav > ul > li > a.activeClick,
.menuLong nav > ul > li > .aspan.active,
.menuLong nav > ul > li > .aspan.activeClick { color: var(--blue); background: #f5f5f5; }

.menuLong nav > ul > li > a.active:before,
.menuLong nav > ul > li > a.activeClick:before,
.menuLong nav > ul > li > .aspan.active:before,
.menuLong nav > ul > li > .aspan.activeClick:before { display: none; }

.menuLong nav > ul > li > .aspan:after,
.menuLong nav > ul > li > .aspan.active:after,
.menuLong nav > ul > li > .aspan.activeClick:after { background-position: -490px -20px; }

.menuLong nav > ul > li:hover > a:before,
.menuLong nav > ul > li:hover > .aspan:before,
.menuLong nav > ul > li > a span.brb:before,
.menuLong nav > ul > li > .aspan span.brb:before { display: none; } 

.menuLong nav > ul > li.hasChild .dropDown { position: static; width: 100%; padding: 0;
 background: #f5f5f5; border-top: 0; box-shadow: none; }
.menuLong nav > ul > li.hasChild.subdrop1 .dropDown { width: 100%; left: auto; } 

.menuLong nav > ul > li.hasChild .dropDown ul li a { padding: 0.75em; color: var(--gray); background: transparent; }

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

} 

@media screen and (min-width: 1px) and (max-width: 480px) {
.menu-btn { position: absolute; bottom: 0; right: 1.5em; }
}




main { width: 100%; } 


.ecranFirst { width: 100%; float: left; }
.ecranFirst.homepage { padding: 10px 0; } 

.mainPict { width: 100%; float: left; margin-top: 10px; }

 



.sect { width: 100%; float: left; padding: 3.5em 0; }
.sect.nopad { padding: 0; }
.sect.white { background: #fff; }
.sect.white-pb { padding-top: 0; background: #fff; }

.sect.poza { padding: 0; background-repeat: no-repeat; background-size: cover; background-position: center bottom; }
.sect.poza .overlay { width: 100%; float: left; height: 100%; padding: 3.5em 0; background: rgba(0,0,0,0.8); }
.sect.poza.servlogi { background-image: url(/img/css/l-1920/bg-servicii-logistica.webp); }
.sect.poza.servlogi .txt-alb { color: #fff; }

@media screen and (min-width: 1px) and (max-width: 1600px) { 
.sect.poza.servlogi { background-image: url(/img/css/l-1600/bg-servicii-logistica.webp); }
}

@media screen and (min-width: 1px) and (max-width: 1366px) { 
.sect.poza.servlogi { background-image: url(/img/css/l-1366/bg-servicii-logistica.webp); }
}

@media screen and (min-width: 1px) and (max-width: 1280px) {
.sect.poza.servlogi { background-image: url(/img/css/l-1280/bg-servicii-logistica.webp); }
}

@media screen and (min-width: 1px) and (max-width: 1024px) {
.sect.poza.servlogi { background-image: url(/img/css/l-1024/bg-servicii-logistica.webp); }
}

@media screen and (min-width: 1px) and (max-width: 800px) {
.sect.poza.servlogi { background-image: url(/img/css/l-0800/bg-servicii-logistica.webp); }
}



.sect .txt-alb { color: var(--blue); }
.sect.cyanLight { background: #fafffd; border-top: 1px dotted var(--cyan); }
.sect.pattern { position: relative; z-index: 50;
 background: url(/img/pattern-metal.webp) 0 0 repeat; border-top: 1px solid #ccc; } 
.sect.bordertop { border-top: 1px solid #ccc; } 
 



.sect h1,
.sect h2 { font-size: 3em; font-weight: 700; line-height: 1.3; }
.sect h2 { color: var(--navy); text-align: center; }
.sect h3 { font-size: 2.4em; color: var(--navy); }
.sect.poza h2 { padding-bottom: 1em; 
 color: #fff; text-shadow: 0 5px 5px #000;
 border-bottom: 1px dotted #fff; }
 


.ribbon { width: 100%; float: left; margin-top: 10px; padding: 2em 0; 
 background: url(/img/pattern-metal.webp) 0 0 repeat; box-shadow: inset 0 0px 5px rgba(0,0,0,0.35); 
 text-align: center; }
.ribbon h1 { font-size: 3.3em; color: var(--blue); display: inline; } 
.ribbon p { display: inline-block; vertical-align: top; }
.ribbon .go.xl { margin-left: 10px; }

.ecranFirst.homepage .ribbon .stdr-7em { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; } 
 
@media screen and (min-width: 1px) and (max-width: 1680px) {
.pageIndex .ribbon { padding: 1.25em 0; }
.pageIndex .ribbon h1 { font-size: 3em; } 
}

@media screen and (min-width: 1px) and (max-width: 1366px) { 
.pageIndex .ribbon { padding: 1em 0; }
}

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

@media screen and (min-width: 1px) and (max-width: 736px) {
.pageIndex .ribbon h1 { font-size: 2.2em; }
}

@media screen and (min-width: 1px) and (max-width: 480px) {
.ecranFirst.homepage .ribbon .stdr-7em { flex-wrap: wrap; }
}




p { padding: 0.5em 0; font-size: 1.8em; }
.sect.poza p { color: #fff; }  

p.call { line-height: 1; }

ul + p { margin-top: 1em; }

@media screen and (min-width: 1px) and (max-width: 736px) {
p,
#owl-2 figure p,
.ul-big ul li,
.list-square ol li,
.list-square ul li,
p.call { font-size: 1.6em; }
}




.go { font-size: 90%; display: inline-block; vertical-align: middle; padding: 0.5em 1em; 
 line-height: 1; font-weight: 600; color: #fff; text-transform: uppercase; text-align: center;
 background: var(--cyan); border-radius: 50px; }   
.go:hover { background: var(--blue); color: #fff; }

.call.xl .go { font-size: 100%; padding: 0.75em 1.5em; }
.call.blue .go { background: var(--blue); }
.call.navy .go { background: var(--navy); }
.call.blue .go:hover,
.call.navy .go:hover { background: var(--cyan); }

.call.white .go { background: rgba(255,255,255,0.05); border: 2px solid #fff; }
.call.white .go:hover { background: rgba(255,255,255,0.25); }

.go,
.go:hover { transition: background 0.8s ease; } 
 

.ul-big { width: 100%; float: left; }
.ul-big ul { margin: 0.5em 0 1.5em 0; }
.ul-big ul ul { margin: 0.5em 0 0.5em 0; }
.ul-big ul li { padding: 0.25em 0 0.25em 0; margin: 0.25em 0 0.25em 1.5em;
 font-size: 1.8em;
 border-bottom: 1px dotted #ccc; }
.ul-big ul li:before { color: var(--cyan); content: "\2713"; display: inline; margin: 0 0.5em 0 -1.3em;  }
.ul-big ul li ul li { font-size: 90%; }
.ul-big ul li ul li:before { content: "\2605"; }
.ul-big ul li ul li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

.ul-small ul { margin: 0.5em 0 0.5em 0; }
.ul-small ul li { padding: 0.25em 0 0.25em 1.5em; margin: 0;
 font-size: 1.6em;
 border-bottom: 1px dotted #ccc; }
.ul-small ul li:before { color: var(--blue); content: "\00bb"; display: inline; margin: 0 0.5em 0 -1.0em; }


.ul-small-check ul { margin: 0.5em 0 0.5em 0; }
.ul-small-check ul li { padding: 0.25em 1em 0.25em 2em; margin: 0;
 font-size: 1.6em; 
 border-bottom-style: dashed; border-bottom-width: 1px; }
.ul-small-check.itVerde li { border-color: var(--cyan); } 
.ul-small-check.itAlb li { border-bottom: none; color: #fff; font-size: 2em; padding-left: 1.5em; } 
.ul-small-check ul li:last-of-type { border-bottom: none; } 
.ul-small-check ul li:before { content: "\2713"; display: inline; margin: 0 0.5em 0 -1.25em; }
.ul-small-check.itVerde li:before { color: var(--cyan); }
.ul-small-check.itIndigo li:before { color: var(--blue); }
.ul-small-check.itIndigoDark li:before { color: var(--navy); }
.ul-small-check.itGri4 li:before { color: var(--gray); }
.ul-small-check.itAlb li:before { color: #fff; }


.list-square ol li,
.list-square ul li { padding: 0.5em 0 0.5em 2.5em;
 font-size: 1.8em;
 border-bottom: 1px dotted #ccc; }
.list-square.last ol li:last-child,
.list-square.last ul li:last-child { border-bottom: none; }

.list-square.narrow ol li,
.list-square.narrow ul li { padding: 0.25em 0 0.25em 2.5em; }

.list-square.right ol li,
.list-square.right ul li { padding: 0.5em 2.5em 0.5em 0; position: relative;
 text-align: right; }
.list-square.right ol li:before,
.list-square.right ul li:before { display: none; }

.list-square ol li:before,
.list-square.right ol li:after { content: counter(contor); counter-increment: contor; }
.list-square ul li:before,
.list-square.right ul li:after { content: '\2713'; }
.list-square ol li:before,
.list-square ul li:before,
.list-square.right ol li:after,
.list-square.right ul li:after { display: inline-block; width: 2em; height: 2em; margin: 0 1em 0 -3em; vertical-align: top;
 background: var(--navy);
 font-size: 0.8em; line-height: 2; color: #fff; text-align: center; }
.list-square.right ol li:after,
.list-square.right ul li:after { position: absolute; top: 0.5em; } 
.list-square.green ol li:before,
.list-square.green ul li:before { background: var(--cyan); }
.list-square.white ol li,
.list-square.white ul li { color: #fff; border-bottom-color: #999; }
.list-square.white ol li:before,
.list-square.white ul li:before { color: var(--gray); background: #fff; }

.list-square.right ol li:after,
.list-square.right ul li:after { margin: 0 -3em 0 1em; }

.list-square ol { counter-reset: contor; }
.list-square ol ul li { font-size: 0.9em; }
.list-square ol ul li:before { counter-increment: none; }

.list-square ol li li,
.list-square ul li li,
.list-square ol li p,
.list-square ul li p { font-size: 100%; }
.list-square ol li li:before,
.list-square ul li li:before { border-radius: 50%; }
.list-square ol li li:last-child,
.list-square ul li li:last-child { border-bottom: none; } 

.list-square ol li p,
.list-square ul li p,
.list-square ol li img,
.list-square ul li img,
.list-square ol li div,
.list-square ul li div { padding-top: 0; display: inline-block; }


.boxDark { padding: 2em 1em;
 color: #fff; text-align: center; } 
.boxDark.bgIndigo { background: var(--blue); } 
.boxDark.bgIndigoDark { background: var(--navy); } 
.boxDark.bgVerde { background: var(--cyan); } 
.boxDark.bgGri4 { background: #444; } 
.boxDark .icon { content: ''; display: block; height: 60px; margin: 0 auto; margin-bottom: 10px;
 background: url(/img/svg/icons.svg) no-repeat; }
.boxDark .icon.incarcare { width: 64px; background-position: -90px -60px; } 
.boxDark .icon.spatiu { width: 94px; background-position: -170px -60px; }
.boxDark .icon.cost { width: 62px; background-position: -280px -60px; } 
.boxDark .icon.certificare { width: 60px; background-position: -350px -60px; }
.boxDark p { font-size: 1.6em; padding-bottom: 0; }

.boxDark:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

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


.boxLight { padding: 2em 1em; text-align: center; }
.boxLight .titl { padding-bottom: 1em; margin-bottom: 1em;  
 border-bottom: 1px solid var(--blue); }
.boxLight .titl p { font-size: 240%; font-weight: 700; color: var(--blue); }
.boxLight.xs .titl p { padding: 0 1em; }   
.boxLight .titl p:before { margin-right: 15px; content: ""; display: inline-block; vertical-align: top; height: 40px;
 background: url(/img/svg/icons.svg) no-repeat; }
.boxLight.itEcol .titl p:before { width: 40px; background-position: -420px -60px; }
.boxLight.itUnic .titl p:before { width: 42px; background-position: -470px -60px; }
.boxLight.itRapd .titl p:before { width: 80px; background-position: -520px -60px; }
.boxLight.itGart .titl p:before { width: 38px; background-position: -610px -60px; }
.boxLight.xs .desc p { font-size: 1.6em; }




.boxSimple { padding: 2em 1em; }
.boxSimple .titl p { padding-bottom: 0.5em; margin-bottom: 1em;
 font-size: 240%; font-weight: 700; color: var(--blue); text-transform: uppercase;   
 border-bottom: 1px solid var(--blue); } 
 


 
.boxServiciu .pict { margin: 0 auto; overflow: hidden; margin-bottom: 1em;
 border-radius: 50%; }
.sect.poza .boxServiciu .pict { box-shadow: 0 0 10px rgba(0,0,0,0.5); }  
.boxServiciu .desc p { color: var(--cyan); text-align: center; font-weight: 600; } 
.sect.poza .boxServiciu:hover .pict { box-shadow: 0 0 30px rgba(0,173,238,0.75); }
.boxServiciu .pict.square { border-radius: 0; }


svg path { fill-rule: evenodd; clip-rule: evenodd; }
.fill-gray { fill: var(--gray); }
.fill-blue { fill: var(--blue); }
.fill-cyan { fill: var(--cyan); }
.fill-alb { fill: #fff; }

.boxIcon { text-align: center; }
.boxIcon .icon { margin: 0 auto 1em auto; display: inline-block; }
.boxIcon .icon svg { display: block; width: 100%; height: auto; min-height: 100px; max-height: 100px; }
.boxIcon .icon svg.big { min-height: 140px; max-height: 140px; }
.boxIcon:hover .txt-blue { color: var(--cyan); }
.boxIcon:hover .txt-cyan { color: var(--blue); }
.boxIcon:hover .fill-blue { fill: var(--cyan); }
.boxIcon:hover .fill-cyan { fill: var(--blue); }





.boxIcon.fast:hover .ac {
 animation: rotateInAc2 1s linear both;
 transform: translate3d(0, 0, 0);
 backface-visibility: hidden;
 perspective: 1000px;
 animation-iteration-count: infinite; }

@keyframes rotateInAc {
0% { transform-origin: 50% 57.142%; transform: rotate3d(0, 0, 1, -360deg); }
100% { transform-origin: 50% 57.142%; transform: none; } }

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

@keyframes rotateInAc2 {
0% { transform-origin: 50% 57.142%; transform: rotate3d(0, 0, 1, -360deg); }
100% { transform-origin: 50% 57.142%; transform: none; } }



.boxIcon.truck:hover .roataleft {
 animation: rotateInRoataleft2 1s linear both;
 transform: translate3d(0, 0, 0);
 backface-visibility: hidden;
 perspective: 1000px;
 animation-iteration-count: infinite; }

@keyframes rotateInRoataleft {
0% { transform-origin: 75.18796992481203% 83.329%; transform: rotate3d(0, 0, 1, -360deg); }
100% { transform-origin: 75.18796992481203% 83.329%; transform: none; } }

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

@keyframes rotateInRoataleft2 {
0% { transform-origin: 75.18796992481203% 83.329%; transform: rotate3d(0, 0, 1, -360deg); }
100% { transform-origin: 75.18796992481203% 83.329%; transform: none; } }




.boxIcon.truck:hover .roataright {
 animation: rotateInRoataright2 1s linear both;
 transform: translate3d(0, 0, 0);
 backface-visibility: hidden;
 perspective: 1000px;
 animation-iteration-count: infinite; }

@keyframes rotateInRoataright {
0% { transform-origin: 21.92781954887218% 83.329%; transform: rotate3d(0, 0, 1, -360deg); }
100% { transform-origin: 21.92781954887218% 83.329%; transform: none; } }

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

@keyframes rotateInRoataright2 {
0% { transform-origin: 21.92781954887218% 83.329%; transform: rotate3d(0, 0, 1, -360deg); }
100% { transform-origin: 21.92781954887218% 83.329%; transform: none; } }

  


.boxArt { display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; }
.boxArt .data { width: 100%; float: left; 
 border-bottom: 1px solid #ccc; }
.boxArt .data p { font-size: 1.4em; color: #ccc; margin: 0; padding: 0.25em 0; }
.boxArt .pict { width: 100%; float: left; overflow: hidden; }
.boxArt .pict img { transition: transform 0.8s ease 0s; }
.boxArt .titl { width: 100%; float: left; margin-top: 0.5em; margin-bottom: auto;
 text-align: center; }
.boxArt .titl p { font-weight: 700; color: var(--blue); }
.boxArt .desc { width: 100%; float: left; margin-bottom: auto;
 font-size: 90%; text-align: center; }
.boxArt .goto { width: 100%; text-align: center; }
.boxArt:hover .pict img { transition: transform 0.8s ease 0s; transform: scale(1.1); }




.etapebg { width: 100%; float: left; padding: 0 1.5em; }
.etapebg .item { width: 100%; float: left; padding: 0 3em; position: relative; }
.etapebg .item.left { padding: 1.5em 0 1.5em 3em;
 border-left: 3px solid var(--cyan);
 text-align: left; }
.etapebg .item.right { padding: 1.5em 4em 1.5em 0;
 border-right: 3px solid var(--cyan); border-top: 3px solid var(--cyan); }
.etapebg .item.right li { text-align: left; } 
.etapebg .item.left:before { left: -1.25em; }
.etapebg .item.right:before { right: -1.25em; }
.etapebg .item:before { display: block; width: 2.5em; height: 2.5em; position: absolute; top: 2em;
 background: var(--cyan); border-radius: 50%;
 font-size: 1.5em; line-height: 2.5em; color: #fff; text-align: center; }
.etapebg .item.item-1:before { content: "1"; top: 0;  }
.etapebg .item.item-2,
.etapebg .item.item-4 { border-bottom: 3px solid var(--cyan); } 
.etapebg .item.item-2:before { content: "2"; }
.etapebg .item.item-3:before { content: "3"; }  
.etapebg .item.item-4:before { content: "4"; }
.etapebg .item.item-4:after { content: ''; width: 1.5em; height: 1.5em;
 position: absolute; bottom: calc(-0.75em - 1.5px);
 background: var(--cyan); border-radius: 50%; }
.etapebg .item h2 { padding-bottom: 0.25em; margin-bottom: 1em;
 font-size: 250%; text-align: left;
 border-bottom-width: 1px; border-style: solid; }
.etapebg .item ul { margin-bottom: 1.5em; }
.etapebg .item-cyan h2 { color: var(--cyan); border-color: var(--cyan); } 
.etapebg .item-cyan li:before { background: var(--cyan); } 
 



.depozitare { width: 100%; float: left; padding: 4em 0;
 background: var(--blue); }
.depozitare .item { margin: 0 auto;
 display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; }
.depozitare .pict { width: 80px; height: 80px; display: block; padding: 40px; margin: 1.5em 0;
 background: url(/img/svg/icons.svg) 0px -60px no-repeat; } 
.depozitare .desc { margin: 0 2em; text-align: center; }
.depozitare .titl { font-size: 150%; } 
.depozitare .titl p { padding: 0; padding-bottom: 0.5em; margin-bottom: 0.5em; overflow: hidden;
 border-bottom: 1px solid #fff; 
 font-weight: 700; color: #fff; }
.depozitare .text { font-size: 125%; }   
.depozitare .text p { color: #fff; padding: 0; }

@media screen and (min-width: 1px) and (max-width: 480px) {
.depozitare .item { flex-wrap: wrap; }
}




.pict-art { width: 100%; float: right; margin: 0em 0em 1em 0; overflow: hidden;
 border: 10px solid #fff; box-shadow: 0 1px 5px #aaa; }
.pict-art img { transition: transform 0.8s ease 0s; }
.pict-art:hover img { transition: transform 0.8s ease 0s; transform: scale(1.1); }

@media screen and (min-width: 1px) and (max-width: 667px) {
.pict-art { border: 5px solid #fff; }
}














.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; width: 100%; -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 { margin-top: 10px }
.owl-theme .owl-nav [class*=owl-] { color: #FFF; margin: 5px; padding: 5px; 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: 10px; }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; }
.owl-theme .owl-dots .owl-dot span { width:10px; height: 10px; margin: 5px 7px; display: block; -webkit-backface-visibility: visible;
 background: #D6D6D6; border-radius: 30px;  
 transition:opacity .2s ease; }
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { background: #869791; }

.owl-carousel .left,
.owl-carousel .right,
.owl-carousel .center { position: relative; }
.owl-carousel .left.small { padding-right: 10px; }
.owl-carousel .right.small { padding-left: 10px; }
.owl-carousel .lbl { position: absolute; top: 2em; padding: 1.25em 2em; 
 background: var(--navy); }
.owl-carousel .lbl p { padding: 0;
 font-weight: 600; line-height: 1.3; color: #fff; text-align: center; text-transform: uppercase; }
.owl-carousel .lbl .low { text-transform: lowercase !important; } 
.owl-carousel .left .lbl { right: calc(2em + 10px); }
.owl-carousel .right .lbl { left: 2em; }
.owl-carousel .right.small .lbl { left: calc(2em + 10px); }
.owl-carousel .center .lbl { right: 0; left: 0; display: table; margin: 0 auto; width: 60%; }
.owl-theme .owl-nav { position: absolute; top: 50%; margin-top: -40px; width: 100%; }
.owl-theme .owl-nav [class*=owl-] { width: 30px; height: 40px; background: rgba(0,0,0,0.3); border-radius: 0; margin: 0; padding: 10px 5px; }
.owl-theme .owl-nav .owl-prev { float: left; margin-left: 3em; }
.owl-theme .owl-nav .owl-next { float: right; margin-right: 3em; }
.owl-theme .owl-nav [class*=owl-]:hover { background: rgba(0,0,0,0.7); }
.owl-theme .owl-nav [class*="owl-"]:after { content: ""; display: block; width: 10px; height: 20px; margin: 0 auto;
 background: url(/img/svg/icons.svg) no-repeat; }
.owl-theme .owl-nav .owl-prev:after { background-position: -140px 0; }
.owl-theme .owl-nav .owl-next:after { background-position: -160px 0; }
.owl-theme .owl-dots { position: absolute; bottom: 2em; left: 0; right: 0; }
.owl-theme .owl-dots .owl-dot span { width: 20px; height: 20px; background: rgba(255,255,255,0.4); border: 3px solid #fff; }
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { background: var(--cyan); border: 3px solid var(--cyan); }


.owl-carousel { display: block; }
.owl-carousel .slide-owl-wrap:not(:first-child) { display: none; }


#owl-1 .left,
#owl-1 .right,
#owl-1 .left .pict,
#owl-1 .right .pict,
#owl-1 .left .pict img,
#owl-1 .right .pict img { height: 100%; }
#owl-1 .owl-stage { display: -webkit-flex; display: flex;
 -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#owl-1 .owl-item { display: -webkit-flex; display: flex; }
#owl-1 .owl-stage .owl-item:last-of-type { display: block; }
#owl-1 .owl-item .item { width: 100%; }

#owl-2 figure { padding: 2em 0em 0 0em; text-align: center; width: 60%; margin: 0 auto; }
#owl-2 figure p { font-size: 2em; }

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

@media screen and (min-width: 1px) and (max-width: 1024px) {
.owl-theme .owl-nav .owl-prev { margin-left: 1em; }
.owl-theme .owl-nav .owl-next { margin-right: 1em; }

#owl-2 .owl-prev { margin-left: 0em; }
#owl-2 .owl-next { margin-right: 0em; }
#owl-2 figure { width: 70%; }
}

@media screen and (min-width: 1px) and (max-width: 768px) { 
.owl-theme .owl-dots .owl-dot span { width: 16px; height: 16px; margin: 5px; }
.owl-theme .owl-dots { bottom: 1em; }
}

@media screen and (min-width: 1px) and (max-width: 736px) {
.owl-theme .owl-nav [class*=owl-] { width: 20px; height: 30px; background: rgba(0,0,0,0.3); border-radius: 0; margin: 0; padding: 5px 0; }
.owl-theme .owl-nav .owl-prev { margin-left: 0.5em; }
.owl-theme .owl-nav .owl-next { margin-right: 0.5em; }

.owl-carousel .lbl { top: 1.5em; }
.owl-carousel .left .lbl { right: 1.5em; }
.owl-carousel .right .lbl { left: 1.5em; }
}

@media screen and (min-width: 1px) and (max-width: 480px) {
.owl-carousel .left.small { padding-right: 0em; }
.owl-carousel .right.small { padding-left: 0em; }
}





.sect.contactpage .firma p { font-size: 2em; font-weight: 700; line-height: 1.3; color: var(--blue); margin: 0.5em 0 0 0; }
.sect.contactpage .bgText { background: var(--blue); color: #fff; padding: 0.5em; }


.form-contact textarea:required { background: url(/img/svg/mandatory.svg) calc(100% - 5px) 10px no-repeat; }
.form-contact input:required { background: url(/img/svg/mandatory.svg) calc(100% - 5px) 50% no-repeat; }
.form-contact textarea:focus:valid,
.form-contact input:focus:valid { background: #e1ffd8; }
:invalid { box-shadow: none; }
.form-contact input:focus:invalid,
.form-contact textarea:focus:invalid { background: #ffe8d8; }
:-moz-submit-invalid { box-shadow: none; }
:-moz-ui-invalid { box-shadow: none; }


.form-contact { width: 100%; float: left; padding: 1em 2em; 
 background: #f5f5f5; border: 10px solid #fff; box-shadow: 0 0 5px rgba(0,0,0,0.25); border-radius: 5px; }
.form-contact .titl p { padding-bottom: 10px; margin-bottom: 5px;
 font-size: 2.2em; font-weight: 700; color: var(--blue); line-height: 1.3;
 border-bottom: 1px solid var(--blue); } 
.form-contact p { font-size: 1.3em; }
.form-contact p.policy { margin-top: 0; padding: 0 0 0 30px; }
.form-contact p a { color: var(--blue); text-decoration: underline; }

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

.form-contact .field.form-nume:before { background-position: -350px 0px; }
.form-contact .field.form-email:before { background-position: -380px 0px; }
.form-contact .field.form-telefon:before { background-position: -420px 0px; }
.form-contact .field.form-passw:before { background-position: -570px 0px; }
.form-contact .field.form-mesaj:before { background-position: -450px 0px; top: 10px; margin-top: 0; }
.form-contact .field.form-incarcare:before { background-position: -350px -30px; }
.form-contact .field.form-descarcare:before { background-position: -380px -30px; }
.form-contact .field.form-romania:before { background-position: -420px -30px; }

.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 0 5px 5px;
 border: 5px solid #fff; border-right: 0;
 font-size: 1.55em; color: #000; }

.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: 10px; position: relative; 
 background: var(--blue); border-radius: 5px;
 font-size: 1.6em; color: #fff; text-align: center; }
.form-contact input[type="submit"]:disabled { opacity: 0.9; }

.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; }


.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: 5px 0 5px 30px; cursor: pointer; display: inline-block; width: auto; height: 100%; 
 font-size: 1.45em; }
.form-contact input[type="radio"] + label:before,
.form-contact input[type="checkbox"] + label:before { content: ""; position: absolute; top: calc(50% - 10px); left: 0px; cursor: pointer; display: block; height: 20px; width: 20px;
 background: url(/img/svg/icons.svg) no-repeat; }

.form-contact input[type="radio"] + label:before { background-position: -540px -30px; }
.form-contact input[type="checkbox"] + label:before { background-position: -540px 0px; } 

.form-contact input[type="radio"]:checked + label:before { background-position: -510px -30px; }
.form-contact input[type="checkbox"]:checked + label:before { background-position: -510px 0px; }

.form-contact input[type="radio"]:checked + label,
.form-contact input[type="checkbox"]:checked + label { text-decoration: underline; } 



#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: 12.25px !important; }


.cookiePanel { padding-top: 1em; margin-top: 1em;
 border-top: 1px solid #ccc; }
.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%; }



.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: 30%; text-align: right; padding-right: 1%; }
.st-val { width: 69%; padding-left: 1%; }

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

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







.gmapPin { width: 100%; float: left; position: relative; }
.gmapPin .gmap { height: 600px;
 background: #eee; border: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.gmapPin .gmap iframe { width: 100%; height: 100%; display: block; border: 0; }

.gmapPin .gmap > div { z-index: 10; }
.gmapPin .panel p { padding: 0; font-size: 14px; font-weight: 700; }

@media screen and (min-width: 1px) and (max-width: 960px) {
.gmapPin .gmap { height: 300px; }
}

.maplbl { width: 100%; margin-top: 0.5em; text-align: center; float: left; }
.maplbl p { display: inline-block; padding-bottom: 10px; padding-right: 10px;
 font-size: 1.6em; line-height: 1; font-weight: 700; color: var(--blue); text-transform: uppercase;
 border-bottom: 1px solid var(--blue); }
.maplbl p:before { content: ''; display: inline-block; width: 35px; height: 46px; margin-right: 10px; 
 background: url(/img/svg/gmap-pin-logo.png) 0 0 no-repeat; }







.sect.contactpage .gmapContact { margin-top: 0.5em; position: relative;
 background: #eee; border: 1px solid #ccc; }
.sect.contactpage .gmapContactOverlay { position: absolute; width: 100%; height: 300px; top: 300px; margin-top: -300px; z-index: 20; }
.sect.contactpage .gmapContact iframe { width: 100%; height: 300px; display: block; position: relative; z-index: 10; } 
 

.sect figure.negruAbs { position: relative; }
.sect figure.negruAbs figcaption { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.8); }
.sect figure figcaption { width: 100%; float: left; }
.sect figure.negru figcaption { color: #fff; background: #000; }
.sect figure.blue figcaption { color: #fff; background: var(--blue); }
.sect figure.alb figcaption { color: var(--blue); }
.sect figure figcaption p { font-size: 1.6em; text-align: center; }
.sect figure video { width: 100%; height: auto; float: left; }

.sect figure.fig-art { float: left; padding: 1em 0 0.5em 0; margin-right: 2.5em; }
.sect figure.fig-art p { padding: 0.25em 0;
 font-size: 1.2em; text-align: left; }
.sect figure.fig-art p:last-of-type { margin: 1em 0; padding-top: 1em;
 border-top: 1px solid #ddd; } 

@media screen and (min-width: 1px) and (max-width: 480px) {
.sect figure.fig-art { margin-right: 0; }
}



.sect .embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; margin: 0 auto; height: 0; max-width: 100%; }
.sect .embed-container iframe,
.embed-container object,
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }




.contactFooter { width: 100%; float: left; padding: 1em 2em;
 background: #fff; box-shadow: 0 1px 5px #aaa; }
.contactFooter div { width: 100%; float: left; margin: 0.5em 0; } 
.contactFooter .titl p { font-weight: 700; } 
.contactFooter .desc p, 
.contactFooter .item p { font-size: 1.6em; padding: 0; }
.contactFooter .item a { font-weight: 600; } 
.contactFooter .item a.blue { color: var(--blue); } 
.contactFooter .item a.blue:hover { color: var(--cyan); } 

@media screen and (min-width: 1px) and (max-width: 480px) {
.contactFooter .desc p,
.contactFooter .item p { font-size: 1.4em; }
}

@media screen and (min-width: 1px) and (max-width: 480px) {
.contactFooter { margin: 20px 0; float: none; position: relative; }
}


footer { width: 100%; float: left; 
 background: var(--gray);
 color: #ccc; text-align: left; }
footer p { font-size: 1.4em; }
footer a { color: var(--cyan); }
footer a:hover { color: var(--cyan); text-decoration: underline; }

.fb-container { overflow: hidden; }


footer .titl { width: 100%; float: left; margin-bottom: 1em; }
footer .titl ul.socialContact li { float: left; display: inline-block; width: 40px; height: 40px; margin: 0 5px;
 background: url(/img/svg/icons.svg) no-repeat; }
footer .titl ul.socialContact li.icoFb { background-position: -200px 0px; }
footer .titl ul.socialContact li.icoLd { background-position: -250px 0px; } 
footer .titl ul.socialContact li.icoTw { background-position: -300px 0px; }
footer .titl ul.socialContact li a { display: block; width: 40px; height: 40px; } 


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






.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: var(--gray); }
.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; }



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

.animatedElement.inView { opacity: 1; }

.animatedElement.speed03 {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s; }          
.animatedElement.speed05 {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s; }
.animatedElement.speed06 {
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s; }
.animatedElement.speed09 {
  -webkit-animation-duration: 0.9s;
          animation-duration: 0.9s; }          
.animatedElement.speed10 {
  -webkit-animation-duration: 1s;
          animation-duration: 1s; }         
.animatedElement.speed12 {
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s; }
.animatedElement.speed15 {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s; }
.animatedElement.speed18 {
  -webkit-animation-duration: 1.8s;
          animation-duration: 1.8s; }          
.animatedElement.speed20 {
  -webkit-animation-duration: 2s;
          animation-duration: 2s; }
.animatedElement.speed25 {
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s; }
.animatedElement.speed30 {
  -webkit-animation-duration: 3s;
          animation-duration: 3s; }           
.animatedElement.speed35 {
  -webkit-animation-duration: 3.5s;
          animation-duration: 3.5s; }
.animatedElement.speed40 {
  -webkit-animation-duration: 4s;
          animation-duration: 4s; }
          
.animatedElement.delay05 {
    -webkit-animation-delay: 0.5s; 
            animation-delay: 0.5s; }
.animatedElement.delay10 {
    -webkit-animation-delay: 1s; 
            animation-delay: 1s; }            
.animatedElement.delay15 {
    -webkit-animation-delay: 1.5s; 
            animation-delay: 1.5s; }            
.animatedElement.delay20 {
    -webkit-animation-delay: 2s; 
            animation-delay: 2s; }
             
.animatedElement.delay03 {
    -webkit-animation-delay: 0.3s; 
            animation-delay: 0.3s; }
.animatedElement.delay05 {
    -webkit-animation-delay: 0.5s; 
            animation-delay: 0.5s; }            
.animatedElement.delay06 {
    -webkit-animation-delay: 0.6s; 
            animation-delay: 0.6s; }            
.animatedElement.delay09 {
    -webkit-animation-delay: 0.9s; 
            animation-delay: 0.9s; }            
.animatedElement.delay12 {
    -webkit-animation-delay: 1.2s; 
            animation-delay: 1.2s; } 



@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 bounceIn {
0%, 20%, 40%, 60%, 80%, 100% { 
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 
0% { opacity: 0;
transform: scale3d(.3, .3, .3); } 
20% { 
transform: scale3d(1.1, 1.1, 1.1); } 
40% { 
transform: scale3d(.9, .9, .9); } 
60% { opacity: 1;
transform: scale3d(1.03, 1.03, 1.03); } 
80% {
transform: scale3d(.97, .97, .97); } 
100% { opacity: 1;
transform: scale3d(1, 1, 1); } }

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



@keyframes zoomIn {
0% { opacity: 0;
transform: scale3d(.3, .3, .3); } 
50% { opacity: 1; } }

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



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

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



@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; } 



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

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



@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 slideInLeftQuart {
0% { 
transform: translate3d(-25%, 0, 0);
visibility: visible; } 
100% { 
transform: translate3d(0, 0, 0); } }

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


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

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


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

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



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

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