/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
html {line-height: 1.15; /* 1 */-webkit-text-size-adjust: 100%; /* 2 */}

/* Sections ========================================================================== */
body {margin: 0;}
main {display: block;}
h1 {margin: 0.67em 0;font-size: 2em;}

/* Grouping content ========================================================================== */
hr {overflow: visible; /* 2 */box-sizing: content-box; /* 1 */height: 0; /* 1 */}
pre {font-family: monospace, monospace; /* 1 */font-size: 1em; /* 2 */}

/* Text-level semantics========================================================================== */
a {background-color: transparent;}
abbr[title] {text-decoration: underline; /* 2 */text-decoration: underline dotted; /* 2 */border-bottom: none; /* 1 */}
b, strong {font-weight: bolder;}
code, kbd, samp {font-family: monospace, monospace; /* 1 */font-size: 1em; /* 2 */}
small {font-size: 80%;}
sub, sup {position: relative;vertical-align: baseline;font-size: 75%;line-height: 0;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}

/* Embedded content ========================================================================== */
img {border-style: none;}

/* Forms========================================================================== */
button, input, optgroup, select, textarea {margin: 0; /* 2 */font-family: inherit; /* 1 */font-size: 100%; /* 1 */line-height: 1.15; /* 1 */}
button, input { /* 1 */overflow: visible;}
button, select { /* 1 */text-transform: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {padding: 0;border-style: none;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {display: table; /* 1 */box-sizing: border-box; /* 1 */max-width: 100%; /* 1 */padding: 0; /* 3 */white-space: normal; /* 1 */color: inherit; /* 2 */}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"], [type="radio"] {box-sizing: border-box; /* 1 */padding: 0; /* 2 */}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {outline-offset: -2px; /* 2 */-webkit-appearance: textfield; /* 1 */}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {font: inherit; /* 2 */-webkit-appearance: button; /* 1 */}

/* Interactive   ========================================================================== */
details {display: block;}
summary {display: list-item;}

/* Misc   ========================================================================== */
template {display: none;}
[hidden] {display: none;}

/* ==========================================================================
   WEBSITE CUSTOM
   ========================================================================== */
/* NOTIFICATIONS, SUCCESS, ERRORS   ========================================================================== */
.noResults { display: inline-block; width: 80%; margin: 40px 10%; padding: 10px 30px; text-align: center; color: #ffffff;
    background:transparent;border: 1px solid rgb(255 255 255 / 25%); letter-spacing: 3px; text-transform: uppercase;
    /* -moz-box-shadow: 3px 3px 5px 0 rgba(14, 50, 69, 0.3);-webkit-box-shadow:3px 3px 5px 0 rgba(14, 50, 69, 0.3);box-shadow: 3px 3px 5px 0 rgba(14, 50, 69, 0.3);*/}
.successMessage { margin: 10px 0; color: #ffffff;font-size: 1.1em; font-weight: 600;}
.errorMessage { margin: 10px 0; color: #be2222;font-size: 1.1em; font-weight: 400;}

#pgError { padding-top: 300px; min-height: calc(100vh - 140px);}
#pgError .pageSectionTitle  { margin: 0 0 50px; text-align: left;}
#pgError .pageSectionTitle .title { color: #ffffff;}
#pgError ul li { list-style-type: none; font-size: 1.2em;}
#pgError li::before { margin-right: 6px; content: "\f0da"; color: #ffffff; font-family: FontAwesome; font-size: 14px; }

INPUT.error, SELECT.error, TEXTAREA.error, INPUT.error-js, SELECT.error-js, TEXTAREA.error-js, .error { border-bottom: 1px solid #be2222 !important;}

/* MAP  ========================================================================== */
#map { width: 100%; height: 700px; background: #eeeeee;}

/* GENERAL  ========================================================================== */
/*.mm-menu_theme-black {--mm-color-border: rgba(255, 255, 255, 0.25);--mm-color-button: rgba(255, 255, 255, 0.4);--mm-color-text: rgba(255, 255, 255, 0.75);--mm-color-text-dimmed: rgba(255, 255, 255, 0.4);--mm-color-background: #000000;--mm-color-background-highlight: rgba(255, 255, 255, 0.2);--mm-color-background-emphasis: rgba(255, 255, 255, 0.15);--mm-shadow: none}
:root {--mm-line-height: 20px;--mm-listitem-size: 44px;--mm-navbar-size: 44px;--mm-offset-top: 0;--mm-offset-right: 0;--mm-offset-bottom: 0;--mm-offset-left: 0;--mm-color-border: rgba(0, 0, 0, 0.1);--mm-color-button: rgba(0, 0, 0, 0.3);--mm-color-text: rgba(0, 0, 0, 0.75);--mm-color-text-dimmed: rgba(0, 0, 0, 0.3);--mm-color-background: #f3f3f3;--mm-color-background-highlight: rgba(0, 0, 0, 0.05);--mm-color-background-emphasis: rgba(255, 255, 255, 0.4);--mm-shadow: 0 0 10px rgba(0, 0, 0, 0.3)}
*/
:root {
    --main-color: #be2222;
    --secondary-color: #be2222;
    --text-color: #333333;
}
::-moz-selection { background: #eeeeee;}
::selection { background: #eeeeee;}
html {font-size: 1px; /*for using REM units*/}
body { color: #656668; background-color: #ffffff; font: 400 16px/28px "Open Sans", sans-serif; line-height: 1.5;}
.ui-content { overflow: hidden; background-color: transparent;}

*, *::before, *::after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
a { cursor: pointer; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration: none;color: #1791d1;}
a:focus { outline: none;}
button {padding: 0; cursor: pointer; color: inherit; border-width: 0; background-color: transparent;}
figure {margin: 0;}

/* TYPO  ========================================================================== */
p { margin: 0;}
ol { margin: 0; padding: 0 0 0 15px;}
ul { margin: 0; padding: 0; list-style-type: none;}
dd { margin: 0; padding: 0; list-style: none;}
cite {font-style: normal;}
h1, h2, h3, h4, h5, h6 { margin: 0; font-family: 'Montserrat', sans-serif; font-weight: 500; color: #1791d1;}
h1 { margin-bottom: 25px; font-size: 3em;}
h2 { margin-bottom: 20px; font-size: 2.8em;}
h3 { margin-bottom: 20px; font-size: 1.8em;}
h4 { margin-bottom: 15px; font-size: 1.6em;}
h5 { margin-bottom: 15px; font-size: 1.4em;}
h6 { margin-bottom: 15px; font-size: 1.2em;}
/* POSITION  ========================================================================== */
.helperM { display: table-cell; vertical-align: middle;}
.centerV { display: inline-block; height: 100%; vertical-align: middle;}
.tableBox { display: table; height: 100%;}
/* BOXES  ========================================================================== */
.box30 { float: left; width: 30%;}
.box70 { float: left; width: 70%;}
.box5 { float: left; width: 16.8%; margin-right: 4%;}
.box5:nth-of-type(5n+5) { margin-right: 0;}
.box4 { float: left; width: 23.5%; margin-right: 2%; display: inline-block;}
.box4:nth-of-type(4n+4) { margin-right: 0;}
.box3 {float: left; width: 32%; margin-right: 2%;}
.box3:nth-of-type(3n+3) {margin-right: 0;}
.box2 { float: left; width: 49%;}
.box2:nth-of-type(even) { margin-right: 0;}
.box2:nth-of-type(odd) { margin-right: 2%;}
/* BG  ========================================================================== */
.redBg { background-color: #e31a33;}
.grayLightBg { background-color: #f9f9f9;}
.grayDarkBg { background-color: #131313;color: #a7a7a7;}
/*.grayDarkBg { background-color: #262626;color: #a7a7a7;}*/
.whiteBg { background-color: #ffffff;}
.blackBg { background-color: #000000;}
.mainColorBg { background-color: #1791d1 !important;}
.secondaryColorBg { background-color: #1791d1;}
/* HELPER CLASSES  ========================================================================== */
.clearfix:before, .clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.floatLeft { float: left;}
.floatRight { float: right;}
/* EDITOR  ========================================================================== */
.content {}
.content h1 { margin-bottom: 25px;}
.content h1:not(:first-of-type) { margin: 25px 0; padding-top: 25px; border-top: 1px solid #d1d1d1;}
.content h2, .content h3, .content h4, .content h5, .content h6 { margin: 15px 0; text-transform: none; line-height: 1.2em;}
.content p { margin-bottom: 15px;}
.content table { width: 100%; margin-bottom: 15px; border: none; font-size: 1em;}
.content table p { margin-bottom: 0;}
.content table tr { padding: 10px 0; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-bottom: 2px solid #ffffff; background: #f7f7f7;}
.content table td, .content table th { padding: 10px 20px; text-align: left;}
.content table th { color: #ffffff; background: #757575;font-weight: 400;}
.content table tr:hover { background: #ffffff;}
.content a { color: #1791d1;}
.content a.mainButton { color: #ffffff; float: none;}
.content a.mainButton:hover { color: #1791d1;}
.content a:hover { text-decoration: underline;}
.content ul, .content ol { margin-bottom: 20px;}
.content ul li { position: relative;}
.content ul li::before { position: relative;top: 3px; float: left; margin-right: 6px; content: "- "; color: #1791d1; font-size: 14px; }
.content ul li ul { padding-left: 30px;}
.content ul li ul li::before { margin-right: 3px; content: "- "; color: #757575; font-size: 120%;}
.content span strong { text-decoration: underline;}
.content .mainButton:hover, .content .borderButton:hover, .content .download:hover { text-decoration: none;}
.textDouaColoane { /* Old Chrome, Safari and Opera */-webkit-column-count: 2;-webkit-column-gap: 3vw; /* Old Firefox */-moz-column-count: 2;-moz-column-gap: 3vw; /* Standard syntax */column-count: 2;column-gap: 3vw;}
.textTreiColoane { /* Old Chrome, Safari and Opera */-webkit-column-count: 3;-webkit-column-gap: 3vw; /* Old Firefox */-moz-column-count: 3;-moz-column-gap: 3vw; /* Standard syntax */column-count: 3;column-gap: 3vw;}
/* FORMS  ========================================================================== */
input::-moz-focus-inner {margin: 0; padding: 0; border: 0;}
fieldset {margin: 0; padding: 0; border-width: 0;}
::-webkit-input-placeholder {color: rgba(0,0,0,0.8);}
:-ms-input-placeholder {color: rgba(0,0,0,0.8);}
::placeholder {color: rgba(0,0,0,0.8);}
.formStyle {}
.formStyle input, .formStyle textarea, .formStyle select { display: block; width: 100%;border: 1px solid rgb(0 0 0 / 25%); background: transparent; padding: 20px;color: #000000;font-size: 12px;letter-spacing: 1px;margin-bottom: 10px;font-family: 'Open Sans', sans-serif;}
.formStyle input:focus, .formStyle textarea:focus, .formStyle select:focus { border-color: #1791d1; outline: none; outline: 0;}
.formStyle label { display: block;}
.formStyle button { float: right; margin-top: 10px;transition: all 0.3s ease-in-out;}
.formStyle button:focus { outline: none;}

/* TABLES  ========================================================================== */
table { border-spacing: 0; border-collapse: collapse; }
/* BUTONS  ========================================================================== */
.mainButton { position: relative;z-index: 1;display: inline-block; overflow: hidden;padding: 20px 45px;letter-spacing: 1px;text-transform: uppercase;color: #ffffff;border: 2px solid #1791d1;background-color: #1791d1;font-family: "Jost", sans-serif;font-size: 14px;line-height: 14px; font-weight: 400;}
.mainButton:hover { background: transparent; color: #1791d1;}

/* OTHERS  ========================================================================== */
.borderTop { border-top: 1px solid #d1d1d1;}
.paddingLeft {padding-left: calc((100vw - 1400px) / 2);}
.paddingRight {padding-right: calc((100vw - 1400px) / 2);}
.alignRight { text-align: right;}
.alignCenter { text-align: center;}
.tabelFormatat { overflow-x: scroll;}
.shadow {-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);}
.imgContainer { position: relative; overflow: hidden;}
.imgContainer img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.content .download { color: #1791d1; }
.download { position: relative; display: block; padding: 10px 30px; color: #1791d1; border: 1px solid #d9d9d9;}
.download:after { position: absolute; top: 50%; right: 15px; content: url("../img/file-pdf-solid.svg"); transform: translateY(-50%);width: 15px; height: 20px; display: inline-block;}
.download:hover {background: #f7f7f7;}
.tableWrapper { overflow-x: scroll; width: 100%;}
.tableWrapper::-webkit-scrollbar { width: 4px;}
.tableWrapper::-webkit-scrollbar-track { background: rgba(0, 0, 0, .2);}
.tableWrapper::-webkit-scrollbar-thumb {height: 22px; outline: none;background-color: #1791d1;}

/* ==========================================================================
   RESPONSIVE EMBEDED VIDEOS
   ========================================================================== */
.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* PAGE HEADER  ========================================================================== */
#pageHeader { position: relative; border-bottom: 1px solid #eaeaea;}
#logo { display:inline-block;margin: 10px 0;width: 150px;}

/* PAGE CONTAINERS  ========================================================================== */
.wrapper { width: 1170px; margin: 0 auto;}
.generalPadding { padding: 80px 0;}
.detailPadding { padding: 40px 0 80px;}

/* PAGE LISTING  ========================================================================== */
#homePage { }
#homePage form { margin-bottom: 20px;}
#homePage .listing {background: rgb(247, 247, 247);}
#homePage .articol {border: 1px solid #81d4fa; background: #ffffff; cursor: pointer;}
.grid { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 50px;}
.gridLogin { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 60px;}
.articol:hover img { transform: scale(1.1,1.1)}
.articol .imgContainer { padding-top: 68%; background: #1791d1;}
.articol .imgContainer img {/* border-top: 1vw solid #ffffff;*/ height: 100%; -moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.articol .textContainer { padding: 20px;}
.articol .title { font-size: 1.4em;line-height:1.4; letter-spacing: 0.3px;font-weight: 400;font-style: normal; }
.articol .intro {margin-top: 20px;}

/* PAGE DETALIU  ========================================================================== */
#detailPage {}
#detailPage h1 { font-size: 2em;}
#detailPage .content { margin-top: 30px;}
#detailPage .mainButton { float: right; margin-top: 40px;}

/* ==========================================================================
   General
   ========================================================================== */
@media only screen and (max-width: 1200px) {
    .wrapper{ width: 98%;}
}
@media only screen and (max-width: 960px) {
    #detailPage h1,h1 { font-size: 1.6em;}

    .grid { grid-template-columns: repeat(2,1fr);}
}
@media only screen and (max-width: 800px) {
    .generalPadding  { padding: 60px 0;}
}
@media only screen and (max-width: 640px) {
    #detailPage h1, h1 { font-size: 1.5em; line-height: 1.3;}
    .generalPadding  { padding: 40px 0;}

    #homePage .grid, #homePage .gridLogin { grid-template-columns: 1fr; grid-gap: 40px;}
    .articol .title { font-size: 1.4em;line-height: 1.2em;}
    .articol .intro {margin-top: 10px;}
}
@media only screen and (max-width: 480px) {
    .articol .title { font-size: 1.2em;line-height: 1.1em;}
    .articol .intro {margin-top: 5px;}
}