/*! normalize.css v1.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; }
body { margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
h1 { font-size: 2em; margin: 0.67em 0; }
h2 { font-size: 1.5em; margin: 0.83em 0; }
h3 { font-size: 1.17em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.67em; margin: 2.33em 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: #ff0; color: #000; }
p, pre { margin: 1em 0; }
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
q { quotes: none; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q:before, q:after { content: ''; content: none; }
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; }

/* ==========================================================================
   Lists
   ========================================================================== */
dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }
menu, ol, ul { padding: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
figure { margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
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; *overflow: visible; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }
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; }

/* ==========================================================================
   Tables
   ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html, button, input, select, textarea { color: #222; }
html { font-size: 1em; line-height: 1.4; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, img, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ======= NOTIFICATIONS, SUCCESS, ERRORS ======= */
.noResults { display: inline-block; width: 80%; margin: 40px 10%; padding: 10px 30px; text-align: center; background:#ddf2f3; color:#333333; font-weight: 600;
	box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2);-webkit-box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2);-moz-box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2);}
.successMessage { color: #01ac38; font-size: 18px; font-weight: 800; margin: 20px 0;}
.errorMessage { color: #ea4335; font-size: 18px; font-weight: 800; margin: 20px 0;}

#pgError { padding: 5% 0;}
#pgError p { color: #339fcd; font-size: 16px; margin-bottom: 10px;}
#pgError h2 { color: #339fcd;}
#pgError ul li { list-style-type: none;}
#pgError li::before { content: "• "; color: #339fcd; margin-right: 3px;}

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

/* ======= TIPSY TOOLTIP ======= */
.tipsy { position: absolute; z-index: 100000; padding: 5px; font-size: 13px; }
.tipsy-inner { max-width: 300px; padding: 5px 8px 4px 8px; text-align: center; color: #ffffff; background-color: #172125; }
.tipsy-arrow { position: absolute; width: 0; height: 0; border: 5px dashed #172125; line-height: 0; }
/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #172125; }
.tipsy-arrow-s { border-top-color: #172125; }
.tipsy-arrow-e { border-left-color: #172125; }
.tipsy-arrow-w { border-right-color: #172125; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -5px; border-top: none; border-right-color: transparent; border-bottom-style: solid; border-left-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-top: none; border-right-color: transparent; border-bottom-style: solid; border-left-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-top: none; border-right-color: transparent; border-bottom-style: solid; border-left-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-right-color: transparent; border-bottom: none; border-left-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-right-color: transparent; border-bottom: none; border-left-color: transparent; }
.tipsy-se .tipsy-arrow { right: 10px; bottom: 0; border-top-style: solid; border-right-color: transparent; border-bottom: none; border-left-color: transparent; }
.tipsy-e .tipsy-arrow { top: 50%; right: 0; margin-top: -5px; border-top-color: transparent; border-right: none; border-bottom-color: transparent; border-left-style: solid; }
.tipsy-w .tipsy-arrow { top: 50%; left: 0; margin-top: -5px; border-top-color: transparent; border-right-style: solid; border-bottom-color: transparent; border-left: none; }

/*====================================================================================================================================*/
/* ======= SEARCHBOX ======= */
.ui-helper-hidden-accessible { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; }
.ui-autocomplete { position: absolute; top: 0; left: 0; width: auto; padding: 0; list-style-type: none; cursor: default; border: 1px solid #424242; background: #ffffff; }
.ui-autocomplete-category { display: block; padding: 5px 7px; color: #971748; }
.ui-autocomplete LI.ui-menu-item { padding: 0; }
.ui-autocomplete LI.ui-menu-item A { display: block; padding: 3px 10px; color: #222222; background: #ffffff; text-shadow: none; line-height: 30px;}
.ui-autocomplete LI.ui-menu-item A:hover { color: #7fbd8b; }
.ui-state-focus { color: #ffffff !important; background: #7fbd8b !important; }
.highlight { padding: 1px; color: #ffffff; background-color: #7fbd8b;-moz-box-shadow: 0 0 2px 0 rgba(161, 161, 161, 0.7); -webkit-box-shadow: 0 0 2px 0 rgba(161, 161, 161, 0.7); box-shadow: 0 0 2px 0 rgba(161, 161, 161, 0.7);}
/*====================================================================================================================================*/
/* ======= ADMIRAL ======= */
.noMargin {margin: 0 !important;}
.noMarginTop {margin-top: 0 !important;}
.noMarginRight {margin-right: 0 !important;}
.noMarginLeft {margin-left: 0 !important;}
.noBorderBottom {border-bottom: 0 !important;}
/*====================================================================================================================================*/

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir { overflow: hidden; *text-indent: -9999px; border: 0; background-color: transparent; }
.ir:before { display: block; width: 0; height: 150%; content: ""; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { position: static; overflow: visible; clip: auto; width: auto; height: auto; margin: 0; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.floatLeft { float: left;}
.floatRight { float: right;}

/* ==========================================================================
   Map
   ========================================================================== */
#map_div { width: 100%; height: 300px;}

/* ==========================================================================
   Custom styles
   ========================================================================== */
BODY { background-color: #ffffff; font-family: 'PT Sans', sans-serif; font-size: 1em; line-height: 1.8em;}
.ui-content { background-color: #ffffff;}
/*.wrapper { width: 1300px; margin: 0 auto;}*/
.wrapper {max-width:1300px;width: 96vw;margin: 0 auto;}
::-moz-selection { background: #def2f1;}
::selection { background: #def2f1;}

/* ======================================== GENERAL STYLES ================================== */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
a { -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;text-decoration: none;color: #339fcd;}
a:focus { outline: none;}

/*TYPO*/
p { margin: 0;}
ol { margin: 0; padding: 0 0 0 15px;}
ul { margin: 0; padding: 0; list-style-type: none;}
h1, h2, h3, h4, h5, h6 { margin: 0; text-transform: uppercase; color: #333333; font-family: 'Montserrat', sans-serif; font-weight: 500;}
h1 { margin-bottom: 30px; font-size: 28px;}
h2 { margin-bottom: 25px; font-size: 24px;}
h3 { margin-bottom: 20px; font-size: 18px;}
h4 { margin-bottom: 15px; font-size: 16px;}
/* BOXES*/
.box4 { float: left; width: 23.5%; margin-right: 2%;}
.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: #ec0000;}
.grayBg { background-color: #dddddd;}
.whiteBg { background-color: #ffffff;}
.blackBg { background-color: #000000;}
.lightBg { background-color: #f7f7f7;}
.textWhite {color: #ffffff;}
/* EDITOR */
.content {}
.content h1 { margin-bottom: 30px;}
.content h1:not(:first-of-type) { margin: 30px 0; padding-top: 30px; border-top: 1px solid #d1d1d1;}
.content table { width: 100%; margin-bottom: 20px;}
.content table p { margin-bottom: 0;}
.content table tr { padding: 10px 0; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;border-bottom: 2px solid #ffffff;background: #dddddd;}
.content table td, .content table th { padding: 10px 20px; text-align: left;}
.content table th { color: #ffffff; background: #757575;}
.content table tr:hover { background: #d8d8d8;}
.content p { margin-bottom: 13px; color: #414141; line-height: 22px;}
.content a:hover { text-decoration: underline;}
.content ul, .content ol { margin-bottom: 20px;}
.content ul li::before { margin-right: 3px; content: "• "; color: #339fcd; font-size: 120%;}
.content ul li ul { padding-left: 30px;}
.content ul li ul li::before { margin-right: 3px; content: "- "; color: #339fcd; font-size: 120%;}
.content span strong { text-decoration: underline;}
.content .mainButton:hover, .redButton:hover, .content .download:hover { text-decoration: none;}
/* FORMS*/
.formStyle {}
.formStyle input, .formStyle textarea, .formStyle select { display: block;width: 100%; margin-bottom: 10px; padding: 12px 15px; border: 1px solid #dddddd; background: #ffffff; font-family: "PT Sans", sans-serif;}
.formStyle input:focus, .formStyle textarea:focus, .formStyle select:focus { border-color: #339fcd; outline: none; background: none;}
.formStyle button { float: right;}
/* BUTONS*/
.mainButton { display: inline-block; padding: 12px 30px;transition: all 0.5s;text-align: center; letter-spacing: 1px;text-transform: uppercase;color: white;border: 1px solid transparent;background: #012d6c;font-size: 14px;font-weight: 500; line-height: initial;}
.mainButton i { margin-right: 10px; font-weight: 600;}
.mainButton:hover {color: #012d6c;border-color: #012d6c;background: transparent;}
.borderButton { color:#ffffFF;display: inline-block; padding: 12px 30px;transition: all 0.5s;text-align: center; letter-spacing: 1px;text-transform: uppercase;border: 1px solid #ffffff;background: transparent;font-size: 14px;font-weight: 500; line-height: initial;}
.borderButton i { margin-right: 10px; font-weight: 600;}
.borderButton:hover {border-color: #339fcd;}

.redButton { display: inline-block; padding: 22px 40px !important;-moz-transition: all 0.5s; -ms-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;text-align: center; letter-spacing: 1px;text-transform: uppercase;color: white;border: 1px solid transparent;background: #ff0000 !important;font-size: 16px !important;font-weight: 500; line-height: initial;}
.redButton i { margin-right: 10px; font-weight: 600;}
.redButton:hover {color: #ff0000 !important;border-color: #ff0000 !important;background: transparent !important;}

/* OTHERS*/
.miniBorder { display: inline-block; width: 150px; height: 2px; background: #339fcd;}
.borderTop { border-top: 1px solid #d1d1d1;}
.paddingLeft {padding-left: calc((100% - 1170px) / 2);}
.paddingRight {padding-right: calc((100% - 1170px) / 2);}
.generalPadding { padding: 70px 0;}
.extraMargin { margin-top: 30px;}
.tabelFormatat { overflow-x: scroll;}
.shadowHeader { position: absolute; z-index: 5; top: 0;right: 0;bottom: 0;left: 0; pointer-events: none; -moz-box-shadow: 0 7px 10px -5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 7px 10px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 7px 10px -5px rgba(0, 0, 0, 0.2);}
.shadow {-moz-box-shadow: 0 7px 10px -5px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 7px 10px -5px rgba(0, 0, 0, 0.2);box-shadow: 0 7px 10px -5px 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;}
.download { position: relative; display: block; padding: 10px 30px; border: 1px solid #dddddd;}
.download:after { position: absolute; top: 10px; right: 15px; content: '\f15b'; font-family: FontAwesome;}
.download:hover { background: #eeeeee;}
hr { border-color: #dddddd;}

/* ======================================== HEADER ================================== */
#pageHeader { position: relative; z-index: 5;}
.bannerMain { position: relative; min-height: 450px; background: url("../img/mainBanner.jpg"); background-position: center; background-size: cover; }
.bannerMain h1, .bannerMain .textBanner { position: absolute; top: 50%; right: 0; left: 0;display: inline-block; margin: auto; padding-top: 90px; transform: translateY(-50%); text-transform: none; color: #ffffff; font-size: 50px; font-weight: 300; line-height: 50px;}
.bannerMain h1 span { letter-spacing: 1px; font-size: 49px; font-weight: 500;}
.textBanner a {  margin-top: 20px;display: inline-block; padding: 12px 30px;-moz-transition: all 0.5s; -ms-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;text-align: center; letter-spacing: 1px;text-transform: uppercase;color: white;border: 1px solid transparent;background: #012d6c;font-size: 14px;font-weight: 500; line-height: initial;}
.textBanner a:hover {color: #012d6c;border-color: #012d6c;background: transparent;}

#logo { display: inline-block; padding: 25px 0 0 15px;}
#logo img { float: left; width: 65px; margin-right: 10px; padding-right: 10px; border-right: 2px solid #808080;}
#logo h1 { display: inline-block; margin: 0; text-transform: none; color: #333333; font-size: 20px; font-weight: 300; line-height: 22px;}
#logo h1 span { letter-spacing: 1px; font-size: 18px; font-weight: 500;}

.headerBar { background: #012d6c; line-height: initial;}
.headerBar .flex { display: flex; gap: 30px; justify-content: flex-end; align-items: center;}
.headerBar li { display: inline-block;margin-right: 10px;padding: 20px 0; color: rgba(255, 255, 255, 0.8); font-family: "PT Sans", sans-serif; font-size: 13px; font-weight: 400;}
.headerBar i { margin-right: 5px;}
.headerBar a { color: rgba(255, 255, 255, 0.8);}
.headerBar a:hover { color: rgba(255, 255, 255, 1);}
.headerContact { margin-right: auto;}
.headerSocial {}

.menuContainer { position: relative;}
.menuContainer .menu { position: absolute; z-index: 1; top: 0; right: 0; left: 0; background: rgba(255, 255, 255, 0.8);}

.nav { float: right;}
.nav li { display: inline-block; float: left;}
.nav li::before { margin: 0; content: '';}
.nav a { position: relative; display: inline-block; padding: 15px 0;}
.nav span { display: block; padding: 0 20px; letter-spacing: 0.2px;color: #444444; border-right: 1px solid rgba(0, 0, 0, .05); font-family: "PT Sans", sans-serif; font-size: 14px; font-weight: 400; line-height: 60px;}
.nav li:last-of-type a span { border-right: none;}
.nav a:after {position: absolute;z-index: 203;top: -4px;left: 0;width: 100%;height: 4px;content: "";-moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;opacity: 0;background: #339fcd;}
.nav a:hover span, .nav .active span { color: #339fcd;}
.nav a:hover:after, .nav .active:after { opacity: 1;}

.dropbtn {}
.dropdown { position: relative;}
.dropdown-content { position: absolute; z-index: 1; visibility: hidden; min-width: 240px; padding: 20px; -moz-transition: visibility .3s ease-in-out;
	-ms-transition: visibility .3s ease-in-out;-o-transition: visibility .3s ease-in-out;-webkit-transition: visibility .3s ease-in-out;
	transition: visibility .3s ease-in-out;background-color: #339fcd;-moz-box-shadow: 0 7px 10px -5px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 7px 10px -5px rgba(0, 0, 0, 0.2);box-shadow: 0 7px 10px -5px rgba(0, 0, 0, 0.2);}
.dropdown-content a { display: block; padding: 0; -moz-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; -webkit-transition: color .3s ease-in-out; transition: color .3s ease-in-out; text-transform: none;
	color: #000000;font-family: "PT Sans", sans-serif;font-size: 14px;font-weight: 400;}
.dropdown-content a:hover, .dropdown-content .active { color: #ffffff;}
.dropdown-content a:hover:after, .dropdown-content .active:after { opacity: 0;}
.dropdown-content li { position: relative; display: block; float: none; margin-bottom: 10px; line-height: initial;}
.dropdown-content li:last-of-type { margin-bottom: 0;}
.dropdown:hover .dropdown-content { visibility: visible;}
.dropdown:hover .dropbtn:after { opacity: 1;}

.breadcrumbContainer {}
.breadcrumbContainer .breadcrumb {position: absolute; right: 0; bottom: 0; left: 0; padding: 14px 0; background: rgba(1, 45, 108, 0.8);
	-moz-box-shadow: 0 -3px 8px 0 rgba(50, 50, 50, 0.3);-webkit-box-shadow: 0 -3px 8px 0 rgba(50, 50, 50, 0.3);box-shadow: 0 -3px 8px 0 rgba(50, 50, 50, 0.3);}
.breadcrumbContainer h1 {position: absolute; top: 50%; right: 0; left: 0; margin: auto; padding: 90px 0 57px; transform: translateY(-50%); text-transform: uppercase;color: #ffffff; font-size: 3em; font-weight: 400; line-height: initial;}
.breadcrumbContainer ul { float: right;}
.breadcrumbContainer li { position: relative; display: inline-block;margin-right: 20px;color: rgba(255, 255, 255, 0.6); font-size: 14px;}
.breadcrumbContainer li:last-of-type { margin-right: 0;}
.breadcrumbContainer a { position: relative; color: rgba(255, 255, 255, 1);}
.breadcrumbContainer a:hover { color: rgba(255, 255, 255, 0.6);}
.breadcrumbContainer a:after { position: absolute;top: 0;right: -15px; bottom: 0;margin: auto; content: '\f105'; font-family: FontAwesome;font-size: 10px;font-weight: 500;line-height: 14px;}
.breadcrumbContainer i { display: inline-block;margin: 0 5px; font-size: 10px; font-weight: 500;}

.scrollMenu {}
.scrollMenu .menu {position: fixed; z-index: 100; top: 0; right: 0; left: 0;}

/* ======================================== PAGES ================================== */
#homePage { background: url(../img/logo.svg) #ffffff; background-repeat: no-repeat; background-position: 105% 105%; background-size: 30vw;}
#homePage .buttonEffect:hover { border-color: #dddddd; }
#homePage .anunt h3 {background: #ffffff;}

.buttonEffect {position: relative; border: 1px solid #dddddd;}
.buttonEffect:hover { border-color: #ffffff; }
.buttonEffect::before, .buttonEffect::after {position: absolute;box-sizing: inherit;width: 100%;height: 100%;content: '';}

.centerEffect:hover {color: #012d6c;}
.centerEffect::before, .centerEffect::after {top: 0;left: 0;width: 100%;height: 100%;transform-origin: center;}
.centerEffect::before {transform: scale3d(0, 1, 1);border-top: 1px solid #012d6c;border-bottom: 1px solid #012d6c;}
.centerEffect::after {transform: scale3d(1, 0, 1);border-right: 1px solid #012d6c;border-left: 1px solid #012d6c;}
.centerEffect:hover::before, .centerEffect:hover::after {transition: transform 0.5s;transform: scale3d(1, 1, 1);}

.anunt { display: inline-block; margin-bottom: 20px; padding: 0 0 25px 0; color: #333333; background: #ffffff;}
.anunt h3 { position: relative; z-index: 1; display: inline-block; max-width: 97%; margin: 30px 0 0 -4px; padding: 5px 10px 5px 20px; text-transform: none;color: #012d6c;background: #dddddd;	font-weight: 600;
	-moz-box-shadow: 3px 0 8px 0 rgba(50, 50, 50, 0.1);-webkit-box-shadow: 3px 0 8px 0 rgba(50, 50, 50, 0.1);box-shadow: 3px 0 8px 0 rgba(50, 50, 50, 0.1);}
.anunt span { position: absolute; right: 0; bottom: 0; display: inline-block; margin: 0 15px -4px 0; padding: 6px; color: #757575;font-size: 13px; font-weight: 300;}
.anunt span i { margin-right: 5px;}
.anunt p { margin: 0; padding: 20px;}
.anunt:hover {-moz-box-shadow: 0 7px 10px -5px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 7px 10px -5px rgba(0, 0, 0, 0.2);box-shadow: 0 7px 10px -5px rgba(0, 0, 0, 0.2);}

.detailPage {}
.detailPage .mainButton { float: right; margin-top: 30px;}
.detailPage .miniBorder { margin: 20px 0 30px;}
.titluAnunt { margin: 0;}
.dataAnunt { display: inline-block; margin-right: 20px; color: #ffffff; font-size: 13px; font-weight: 300;}

/* ======================================== CONTACT ================================== */
.mapWrapper {position: relative;height: 400px;}
.mapWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.iconText {}
.iconText { overflow: hidden; padding: 0;}
.iconText p {float: left; width: 65px; padding: 10px; text-align: center;}
.iconText ul { display: inline-block; float: right;width: calc(100% - 65px); padding: 15px;}
.iconText i { position: relative; top: 50%; transform: translateY(-50%);color: #012d6c;font-size: 40px;}
.iconText a { color: #012d6c;}
.iconText a:hover { text-decoration: underline;}
.iconText li { color: #333333;}
.iconText b { font-family: 'Montserrat', sans-serif; font-weight: 600;}
.contactDetails > ul { margin-top: 20px;}
#contactPage {}
#contactPage .contactDetails { float: left;width: 30%; }
#contactPage .formStyle { float: right; width: 65%; padding: 30px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1)}

/* ======================================== FOOTER ================================== */
#pageFooter { padding: 30px 0 15px; color: rgba(255, 255, 255, 0.5);background: #012d6c; font-size: 13px;}
#pageFooter h4 { color: rgba(255, 255, 255, 0.5);}
#pageFooter a { color: rgba(255, 255, 255, 0.8);}
#pageFooter a:hover { text-decoration: none; color: rgba(255, 255, 255, 0.5);}

.footerTop { margin-bottom: 20px;}

.footerBottom { padding-top: 15px;border-top: 1px solid rgba(255, 255, 255, 0.1);font-weight: 300;}
.footerBottom p { display: inline-block; font-size: 14px; font-weight: 500;}
.footerBottom nav, .footerBottom ul li { display: inline-block;}
.footerBottom a { text-decoration: underline; font-size: 13px;}

/* ======================================== upPage ================================== */
.upPage { position: fixed; right: 50px; bottom: 50px;}
.upPage a {display: inline-block; width: 50px;height: 50px; text-align: center;background: #339fcd; line-height: 50px;}
.upPage a i { -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #ffffff; font-size: 18px; line-height: 0;}
.upPage a:hover i { color: #003547;}

/* ======================================== POLITICA CONFIDENTIALITATE ================================== */
/* Politica de confidentialitate */
.boxCheckbox { float: left;width: 280px;}
.politica { display: inline-block; width: 280px; height: 37px; margin: 10px 0; padding: 5px; color: #444444;}
.politica input[type="checkbox"] { width: auto; margin-bottom: 0; vertical-align: middle;}
.politica label { width: auto; font-size: 12px; line-height: 12px; text-align: left;}
.politica i { font-weight: bold;}
.politica a { text-decoration: underline; color: #444444; font-size: inherit;}
.politica a:hover { text-decoration: none;}
.containerLabel { position: relative; display: block; padding-top: 6px; padding-left: 30px; cursor: pointer; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none;}
.containerLabel input { position: absolute; cursor: pointer; opacity: 0;}
.checkmark { position: absolute; top: 0; left: 0; width: 25px; height: 25px; border: 1px solid #dddddd; background-color: #ffffff;}
.checkmark:after { position: absolute; display: none; content: "";}
.containerLabel input:checked ~ .checkmark:after { display: block;}
.containerLabel .checkmark:after { top: 3px;left: 3px;content: '\f00c ';color: #012d6c;font-family: FontAwesome;font-size: 18px;line-height: 18px;}
.QapTcha { width: 280px !important; margin: 0; padding: 5px;}
.QapTcha .bgSlider { border: 1px solid #dddddd;}
.QapTcha .fa-check { top: 9px; left: 9px; color: #012d6c;}
.QapTcha .dropError { color: #ec0000;}
.QapTcha .dropSuccess { color: #339fcd;}
	
/* ======================================== PLUGINS ================================== */
/*BX-SLIDER*/
.bx-wrapper { margin-bottom: 0;}
.bx-wrapper .bx-viewport { left: 0; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.bx-wrapper .bx-pager.bx-default-pager a { background: #eeeeee;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #ec0000;}
.lightgalleryEditor { cursor: pointer;}

/* ======================================== UTILIZATOR ================================== */
.utilizatorContainer {}
.utilizatorContainer .mainButton { float: none;margin-top: 30px;}
.utilizatorContainer #logo { padding: 0; text-align: left;}
/*.utilizatorContainer .pageTitle { margin-top: 70px;}*/
.pageTitle { margin-bottom: 40px;}
.pageTitle img { margin-bottom: 30px;max-width: 200px;}
.pageTitle .title { margin-bottom: 15px;}
.gridPage { display: grid; grid-template-columns: 60% 40%; min-height: 100dvh;}
.gridPage .whiteBg{ display: grid;grid-template-rows: auto 1fr; gap:40px}
.gridPage .logoBg {display: flex; align-items: center; justify-content: center;}
.gridPage .helper {align-self: center; }
.boxPadding { padding:40px 100px 100px;}
.paddingLeft {padding-left: calc((100vw - 1300px) / 2);}
.paddingRight {padding-right: calc((100vw - 1300px) / 2);}
.alignCenter { text-align: center;}
.logoBg {color:#fff;background-color: #339FCD;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23012D6C'/%3E%3Cstop offset='1' stop-color='%23339FCD'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%231a669d'/%3E%3Cstop offset='1' stop-color='%23339FCD'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg %3E%3Cg transform='translate(0 240)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform=''%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.78' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-attachment: fixed;background-size: cover;}
.logoBg .title { color:#fff;}
.flexButtons { display: flex; gap: 30px; justify-content: space-between;}
.flexEnd { display: flex; gap: 30px; justify-content: flex-end;}
.formularTipizat {}

.gridUtilizator { background: #f9fbfd; margin-left: 400px;/* display: grid; grid-template-columns: 400px 1fr;*/ min-height: 100dvh;}
.gridUtilizator .styleForm {box-shadow: 0 3px 9px 0 rgba(169, 184, 200, .15); border:1px solid #e9ecef; background: #ffffff; padding: 30px !important; margin: 0 100px;}
.gridUtilizator .pageTitle, .gridUtilizator .pageTitle .title {margin: 0;}
.utilizatorMenu {position: fixed;left: 0; top:0;bottom: 0; width: 400px; background: #ffffff; padding: 40px 20px 0 0; display: flex; flex-direction: column; gap: 40px;border-right:1px solid #e9ecef; box-shadow: 0 3px 9px 0 rgba(169, 184, 200, .15);}
.utilizatorMenu #logo { padding: 0 40px;}
.utilizatorMenu ul {display: flex;flex-direction: column;height: 100%;}
.utilizatorMenu li a.active { color:#ffffFF;background: linear-gradient(to right, #3760a2, #008cb6);box-shadow: 0 7px 12px 0 rgba(95, 118, 232, .21);}
.utilizatorMenu li a { color:#2a3547; display: flex; gap: 10px; align-items: center; padding: 15px 20px 15px 40px; border-radius: 0 60px 60px 0;}
.utilizatorMenu li i { width: 21px;}
.utilizatorMenu li:last-of-type { margin-top: auto;}
.utilizatorData {display: flex; flex-direction: column; gap: 40px; padding-bottom: 100px;}
.utilizatorData .styleForm, .utilizatorData .pageTitle { padding:0 100px;}
.utilizatorHeader { border-bottom: 1px solid #e5eaf2; padding: 20px 100px; text-align: right;}
.utilizatorHeader a { color: #2a3547; display: inline-flex; gap: 10px; align-items: center;}
.downloadButton.mainButton { margin: 0;display: flex;align-items: center; background: #107010;}
.downloadButton.mainButton i { margin: 0;}
.logoutButton { border-top: 1px solid #e5eaf2; margin-top: 10px; padding-top: 10px;}

#formInregistrareContainer {}
#formInregistrareContainer .flexV { display: inline-flex; flex-direction: column;}
#formAutentificare { }
#formAutentificare .simpleButton { margin-top: 15px;}

/* FORMS  ========================================================================== */
input::-moz-focus-inner {margin: 0; padding: 0; border: 0;}
fieldset {margin: 0; padding: 0; border-width: 0;}
::-webkit-input-placeholder {color: #030925;}
:-ms-input-placeholder {color: #030925;}
::placeholder {color: #030925;}
.styleForm {}
/*.formStyle input, .formStyle textarea, .formStyle select { background: #ffffff;display: block; width: 100%;!* margin-bottom: 15px;*!padding: 15px;color:#030925;border: 1px solid #e8e8e8;}*/
/*.formStyle input:focus, .formStyle textarea:focus, .formStyle select:focus { border-color: #000000; outline: none; outline: 0;}*/
/*.formStyle button {margin-top: 15px;transition: all 0.3s ease-in-out;}*/
/*.formStyle button:focus { outline: none;}*/
.styleForm hr { margin: 15px 0 7px; max-width: none; width: 100%;}
.groupForm {position: relative;margin-bottom: 15px; padding-top: 8px;}
.groupForm.info { padding-left: 20px;}
.groupForm.info p:first-of-type { font-size: 13px;}

.labelForm {color: #6a6a6a;font-size: 16px;/* letter-spacing: 1px;*/font-weight: normal;position: absolute;pointer-events: none;left: 15px;top: 21px;padding: 0 5px; line-height:1.2;background: #ffffff;transition: 0.2s ease all;}
.inputForm {font-size: 16px;display: block;width: 100%; /*height: 36px;*/padding: 14px 20px;background-color: #ffffff;color: #333333;border: 1px solid #e8e8e8;}
.inputForm:focus, .inputForm:-webkit-autofill  { outline: none;border: 1px solid #000000;  -webkit-box-shadow: 0 0 0 30px white inset !important;}
.inputForm:focus ~ .labelForm, .inputForm:-webkit-autofill ~ .labelForm, .inputForm:not(:placeholder-shown) ~ .labelForm {top: 0;font-size: 13px;color: #000000;}
.errorForm { font-size: 13px; color: red; display: block; padding-top: 4px; line-height: 1;}
.error ~ .labelForm, .message-error-container ~ .labelForm { color:red !important;  top: 0;font-size: 13px;}
.inputExplicatie { font-size: 13px; color: #9eabc0;}

select.inputForm::-ms-expand {display: none;}
select.inputForm:not([value="0"]):valid ~ .labelForm {top: 0; font-size: 13px;}

.select2-container--default .select2-selection--single { border-radius: 0;padding: 14px 20px;background-color: #ffffff;color: #333333;border: 1px solid #e8e8e8;}
.select2-container .select2-selection--single { height: auto;}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: normal; padding:0;}
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 99%; right: 4px;}
.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible { outline: none;}
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #000 transparent transparent transparent; border-width: 5px 5px 0 5px;}
.select2-search--dropdown, .select2-results__option { padding-left: 20px;}
.select2-dropdown { border-color: #e8e8e8;}

/* custom input file */
.inputfileContainer { position: relative;}
.inputfileContainer.groupForm {margin-bottom: 0;}
.inputfileContainer .flexButtons { gap: 10px;}
.inputfile {position: absolute;z-index: -1;overflow: hidden;width: 0.1px;height: 0.1px;opacity: 0;}
.inputfile + label {border: 1px solid #e8e8e8;display: inline-block;overflow: hidden;width: 100%;cursor: pointer;white-space: nowrap;text-overflow: ellipsis;}
.inputfile-6 + label {color: #000000;}
.inputfile-6 + label {padding: 0;background-color: #ffffff;display: flex;justify-content: space-between;}
.inputfile-6 + label span {display: inline-block;overflow: hidden;width:auto;min-height: 2em;vertical-align: top;white-space: nowrap;text-overflow: ellipsis;}
.inputfile-6 + label span, .inputfile-6 + label strong {padding: 13px 15px;font-size: 14px;font-weight: 400;}
.inputfile-6 + label strong {display: inline-block;float: right;height: 100%;color: #000000;background-color: #dddddd;}
/* custom checkbox/radio just css*/
.labelInput { position: relative; display: inline-block;margin-right: 1.25em; margin-top: 2px; margin-bottom: 2px;}
.labelInput input[type="checkbox"], .labelInput input[type="radio"] {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
.labelInput label {position: relative;cursor: pointer; display: grid;grid-template-columns: 2.5em 1fr;}
.labelInput label:before {content:'';-webkit-appearance: none; border: 1px solid #e8e8e8; width: 24px;align-items: center;justify-content: center;height: 24px;display: flex;position: relative;vertical-align: middle;cursor: pointer;margin-right: 0.4375em;transition: all 0.3s ease;}
.labelInput label:hover:before { background: #eee;}
.labelInput input:checked + label:after {background-color:#ffffff;position: absolute; text-align: center;top: 0; left: 0; height: 24px; width: 24px; line-height: 24px; color:#008cb6; display: flex; align-items:center; justify-content:center;font-family: FontAwesome;content: '\f00c ';}
.labelInput label:before, .labelInput input:checked + label:after {border-radius: 50%;}
.labelInput .checkBox:before, .labelInput input:checked + .checkBox:after {border-radius: 0;}
.labelInput input[type="checkbox"]:checked + label:after {}
.labelInput a { display: inline-block;}

details {text-align: left;position: relative;transition: all 0.3s ease-in-out;}
details:not(:first-of-type) { margin-top: 10px; padding-top: 10px; border-top: 1px solid #e8e8e8;}
/*details:hover {cursor:pointer;box-shadow: 0 0 22px 2px rgba(160, 68, 103, .15), 0 40px 32px -24px rgba(95, 92, 121, .22);}*/
details summary::-webkit-details-marker {display: none;}
details summary::marker {display: none;content: none;}
details a {margin-left: 3px;}
details summary:hover { transform: translateX(10px);}
details summary { transition: all 0.3s ease-in-out;padding: 5px 0;font-weight: 600;display: flex;justify-content: flex-start;}
details ul li { margin: 0; padding: 0;}
details[open] > summary:before {content: "\f107";}
details > summary:before {content: "\f105";font-family: FontAwesome;margin-right: 10px;color: red;}
/*details summary,*/details .content { /*    padding: 20px;*//*border-radius: 15px;*/overflow: hidden;padding-bottom: 30px;}
details .content {margin-top: 5px;border: none;}
details summary {cursor: pointer; /*font-size: 18rem;*//*background: #f0f1f2;*//*box-shadow: 2px 2px 0 #f0f1f2;*//*border: 1px solid #f0f1f2;*//*color: purple;*/}