@charset 'UTF-8';
@import url('//fonts.googleapis.com/css?family=Georama');
@import url('all.min.css');
@import url('gilroy-webfont.css');
@import url('themify-icons.css');
@import url('bootstrap.min.css');
@import url('animate.css');
@import url('slick.css');
@import url('glightbox.min.css');


body {
  font-family: 'Gilroy-Regular', 'Georama', sans-serif;
  font-size: 1rem;
  background: #f2f2f2;
  color: #111;
  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;  
}

#wrapper { width: 100%; margin: 0; padding: 0; outline: none; overflow-x: hidden; }

header { width: 100%; background: #f2f2f2; padding: 10px 0px; transition: all 0.25s;  z-index: 0;
  -webkit-box-shadow: none; box-shadow: none; border-bottom: solid 1px rgba(255,255,255,0.2); }

#goTop { display: none;  position: fixed; width: 35px; height: 35px; bottom: 20px;  right: 20px;  z-index: 99;  font-size: 16px; border: solid 2px #59178a;  
outline: none;  background: #fff;  color: #59178a;  cursor: pointer;  padding: 0px; border-radius: 35px;  
transition: all 0.25s; }
#goTop:hover { color: #fff !important;  background: #de0082 !important;  border-color: #de0082 !important;  transition: all 0.25s; }

#mAlert .modal-header { background: #59178a !important; color: #fff !important; }
#mAlert .modal-title { font-weight: 700 !important; }
#mAlert .modal-header .close { color: #fff !important; font-size: 32px !important;  }
#mAlert .modal-body, #mAlert .modal-body p { color: #111; font-size: 16px !important; }
#mAlert .modal-body h1 { font-size: 48px !important; font-weight: bold; color: #de0082 !important; }
#mAlert .modal-body h2 { font-size: 42px !important; font-weight: bold; color: #de0082 !important; }
#mAlert .modal-body h3 { font-size: 36px !important; font-weight: bold; color: #de0082 !important; }
#mAlert .modal-body h4 { font-size: 24px !important; font-weight: bold; color: #de0082 !important; }
#mAlert .modal-body h5 { font-size: 16px !important; font-weight: bold; color: #de0082 !important; }

.notificari, .notificari p { color: #111; font-size: 16px !important; }
.notificari h1 { font-size: 48px !important; font-weight: bold; color: #de0082 !important; }
.notificari h2 { font-size: 42px !important; font-weight: bold; color: #de0082 !important; }
.notificari h3 { font-size: 36px !important; font-weight: bold; color: #de0082 !important; }
.notificari h4 { font-size: 24px !important; font-weight: bold; color: #de0082 !important; }
.notificari h5 { font-size: 16px !important; font-weight: bold; color: #de0082 !important; }

.fw-bold { font-weight: bold !important; }

.listMenu { display: block; margin: 5rem 2rem 3rem 1.2rem; }
.listMenu a { display: block; margin: 5px 0px; padding: 5px 25px; font-size: 24px; font-weight: 700; color: #fff; }
.listMenu a:hover { background: #fff; color: rgba(78,3,116); text-decoration: none; border-radius: 20px; }


.btn-outline-light { background: transparent; border: solid 1px #fff !important; padding: 10px 30px !important; }
.btn-outline-light:hover { background: #fff !important; }
.btn-outline-dark { font-weight: 600 !important; color: rgb(69,17,124);  border: solid 1px rgb(69,17,124) !important; padding: 5px 30px !important;}
.btn-outline-dark:hover { background: rgb(69,17,124) !important; color: #fff !important; }
.btn-purple { font-family: 'Gilroy-Medium', 'Georama', sans-serif; background: transparent !important; color: #59178a !important; border: solid 1px #59178a !important; }
.btn-purple:hover, .btn-purple:focus { background: #59178a !important; color: #fff !important;  }
.btn-green { font-family: 'Gilroy-Medium', 'Georama', sans-serif; background: transparent !important; color: #61bf1a !important; border: solid 1px #61bf1a !important; }
.btn-green:hover, .btn-green:focus { background: #61bf1a !important; color: #fff !important;  }
.btn-ciclam { font-family: 'Gilroy-Medium', 'Georama', sans-serif; background: transparent !important; color: #de0082 !important; border: solid 1px #de0082 !important; }
.btn-ciclam:hover, .btn-ciclam:focus { background: #de0082 !important; color: #fff !important;  }


.navbar { font-family: 'Gilroy-Bold', 'Georama', sans-serif; background: #59178a !important; border-radius: 6px !important; }
.navbar .navbar-brand .logo { position: absolute; z-index: 1; }
.navbar .navbar-brand .logo img { height: 150px; width: auto; margin-left: -90px; margin-top: -75px; }
.navbar .nav-item .dropdown-menu { display: none; }
.navbar .nav-item:hover .dropdown-menu { display: block; }
.navbar .nav-item:hover .dropdown-menu .dropdown-item { color: #59178a; }
.navbar .nav-item:hover .dropdown-menu .dropdown-item:hover,
.navbar .nav-item:hover .dropdown-menu .dropdown-item:focus { background: #59178a; color: #fff; }
.navbar .nav-item .dropdown-menu{ margin-top:0; }
.navbar .nav-item { margin: 5px 11px !important; }
.navbar .nav-item .nav-link { font-family: 'Gilroy-Bold', 'Georama', sans-serif; color: #fff; font-size: 16px; font-weight: normal; }
.navbar .nav-item .dropdown-menu .dropdown-item { font-family: 'Gilroy-Bold', 'Georama', sans-serif; }
.navbar-toggler-icon { color: #fff !important; } 
.navbar .dropdown-smenu { position: relative; }
.navbar .dropdown-smenu .dropdown-submenu { display: none; position: absolute; left: 100%; top: -7px;
  position: absolute; top: -7px; z-index: 1000; float: left; min-width: 10rem; padding: .5rem 0; margin: 0;
  margin-top: 0.125rem; margin-left: 0.125rem; font-size: 1rem; color: #212529; text-align: left; list-style: none; 
  background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem; }
.navbar .dropdown-smenu:hover .dropdown-submenu { display: block; }

@media all and (max-width: 991px ) {  
  header { background: #59178a !important; position: fixed; z-index: 1; top: 0px; left: 0px; }
  .navbar-nav { overflow-y: auto !important; }
  .navbar { background: #59178a !important;  border-radius: 0px !important; margin-left: 5px; padding-left: 5px; }
  .navbar .navbar-brand .logo { top: 0px; left: 15px; margin: 0px !important;}
  .navbar .navbar-brand .logo img { height: 70px !important; width: auto; margin: 0px !important; }    
  .navbar-collapse  { padding-top: 30px; }
  .navbar .nav-item .nav-link { border-radius: 6px !important; padding: 12px; padding-left: 16px; padding-right: 16px; color: #fff !important; }
  .navbar .nav-item:hover, .navbar .nav-item:hover .nav-link { border-radius: 6px !important; background: #fff !important; color: #59178a !important; }
  .navbar .nav-item .dropdown-menu { border: none !important; background: #59178a !important; border-radius: 0px !important;  }
  .navbar .nav-item .dropdown-menu a { border-radius: 6px !important; color: #fff !important; margin: 2px; padding: 8px; padding-left: 45px;  }
  .navbar .nav-item:hover .dropdown-menu a:hover { border-radius: 6px !important; background: #fff !important; color: #59178a !important; }   
  .navbar .dropdown-smenu .dropdown-submenu { display: none; position: relative !important; left: 0px !important; top: 0px !important;
    float: none !important; min-width: 10rem; padding: .3rem 0; margin: 0;
    margin-top: 0.125rem; margin-left: 1.6rem; font-size: 1rem; color: #fff !important; text-align: left; list-style: none; 
    background-color: transparent !important; background-clip: padding-box; border: none !important; border-radius: none !important;  
  }
  .navbar .dropdown-smenu .dropdown-submenu a:hover > .navbar .nav-item { background: #fff !important; color: #59178a !important; }
}

#boxHP { position: relative; margin-top: -80px; background: url(../images/bg-grey.png) repeat-x top left; }
#boxHP .card { min-height: 360px !important; background: #59178a; color: #fff; text-align: center; }
#boxHP .card-body { background: #59178a !important; }
#boxHP h3 { font-family: 'Gilroy-Heavy', 'Georama', sans-serif; font-size: 28px; letter-spacing: 1px; }
#boxHP p { margin-top: 10px; font-family: 'Gilroy-Light', 'Georama', sans-serif; font-size: 16px; line-height: auto; }

@media (max-width: 768px) {
  #boxHP { margin-top: -85px; }
  #boxHP .card { margin-bottom: 25px; min-height: auto !important; }
}

.abonareNL { margin: 20px auto; }
.anlBgBox { background: #59178a; color: #fff; padding: 25px 0px; }  
.anlBgBox h4 { font-family: 'Gilroy-Medium', 'Georama', sans-serif; font-size: 22px; padding: 5px 10px !important; }
.anlBgBox .form-control, .anlBgBox .btn { font-family: 'Gilroy-Bold', 'Georama', sans-serif; margin: 10px auto !important; }
.anlBgBox .form-control { margin-top: 15px !important; }
.anlBgBox .btn { text-transform: uppercase; letter-spacing: 1px; }

@media (max-width: 768px) {
  .anlBgBox h4 { font-size: 28px; text-align: center; }
  .anlBgBox .form-control { margin: 8px auto !important; padding: 15px !important; width: 85% !important; }
  .anlBgBox .btn { width: 85% !important; }
}

.pageHeader { background: #de0082; color: #fff; margin-bottom: 30px; }
.pageHeader h1 { font-family: 'Gilroy-Bold', 'Georama', sans-serif; font-size: 38px; letter-spacing: 1px; margin: 0px;
text-transform: uppercase; }

.pageContext { display: flex; margin: 25px 0px; align-items: center; }
.mEchipa { margin-bottom: 30px; text-align: center; padding-bottom: 15px; }
.mEchipa .pic { display: block; }
.mEchipa .pic img { border-radius: 4px; }
.mEchipa .name { color: #59178a; font-family: 'Gilroy-Bold', 'Georama', sans-serif; font-size: 24px; font-weight: normal; padding: 16px 10px 4px 10px; }
.mEchipa .info { margin: 0px; padding: 0px; font-family: 'Georama', sans-serif; font-size: 14px; color: #333; }
.xPars { padding: 15px; }
.xPars p { color: #111; font-family: 'Georama', sans-serif; font-size: 1.1em; text-align: justify;
margin-bottom: 20px; }
.xPars p.x { text-indent: 30px !important; }
.xPars p strong, .xPars p em { font-family: 'Gilroy-Bold', 'Georama', sans-serif; }
.xPars ul, .xPars ol { font-family: 'Georama', sans-serif; margin: 10px 0px; font-size: 1.02em; }
.xPars ul li, .xPars ol li { font-family: 'Georama', sans-serif; font-size: 1.02em; }
.xPars h3 { font-family: 'Gilroy-Bold', 'Georama', sans-serif; font-size: 28px; margin: 10px 0px; }
.xPars h2 { font-family: 'Gilroy-Bold', 'Georama', sans-serif; font-size: 36px; margin: 10px 0px; }
.xPars h1 { font-family: 'Gilroy-Bold', 'Georama', sans-serif; font-size: 44px; margin: 10px 0px; }
.xPars a { color: #59178a; transition: all 0.25s;  }
.xPars a:hover { color: #de0082; transition: all 0.25s; }

.capTitle { position: relative; z-index: 0; font-family: 'Gilroy-Bold', 'Georama', sans-serif; font-size: 28px; margin: 20px 0px; }
.capSTitle { position: relative; z-index: 0; font-family: 'Gilroy-Bold', 'Georama', sans-serif; font-size: 24px; margin: 30px 0px; }
.capTags { position: absolute; z-index: 0; margin: 0px; margin-top: -30px; }
.cuprins li a, .cuprins a { transition: all 0.25s; font-family: 'Gilroy-Bold', 'Georama', sans-serif;  font-size: 16px; color: #59178a; text-decoration: none; }
.cuprins li:hover { background: #f3f3f3; transition: all 0.25s; }
.cuprins a:hover { color: #de0082; transition: all 0.25s; }
.xTexte h4 { font-family: 'Georama', sans-serif; font-size: 20px; margin: 20px 0px; }

.xInfoText { margin: 60px 30px; }
.xInfoText p { font-family: 'Georama', sans-serif; font-size: 20px; text-align: left; }
.paragrafe { padding: 10px; }
.paragrafe p { font-family: 'Georama', sans-serif; font-size: 18px; }

.bgPurple { background: #59178a !important; color: #fff; border-radius: 8px; }
.xForm label { font-family: 'Georama', sans-serif; font-size: 18px; font-weight: 500; }
.xForm .form-control  { font-family: 'Georama', sans-serif; font-size: 18px; font-weight: 700; }
.bgPurple a { color: #fff; }

h4.title { font-family: 'Georama', sans-serif; font-size: 24px; font-weight: 700; }

@media all and (max-width: 991px ) {  
  .pageHeader { margin-top: 90px; }
  .pageHeader h1 { font-size: 32px !important; }
  .xPars p { font-size: 1rem; }
  .capTitle { font-size: 24px; }
  .capTags { margin-top: -50px !important; }
  .xPars h2 { font-family: 'Gilroy-Bold', 'Georama', sans-serif; font-size: 28px; margin: 10px 0px; }
  .xPars h1 { font-family: 'Gilroy-Bold', 'Georama', sans-serif; font-size: 32px; margin: 10px 0px; }  
  .paragrafe { padding: 2px; }
  .paragrafe p { font-family: 'Georama', sans-serif; font-size: 16px; }  
}

@media (max-width: 768px) {
  .pageHeader { margin-top: 90px; }
  .pageHeader h1 { font-size: 32px !important; }
  .mEchipa .name { font-size: 18px; font-weight: normal; padding-bottom: 0px; }
  .mEchipa .info { margin: 0px !important; }
  .xPars p { font-family: 'Gilroy-Medium', 'Georama', sans-serif; font-size: 1.2em; }
  .capTitle { font-size: 24px; }
  .capTags { margin-top: -110px !important; }
  .aTitle h1 { font-family: 'Gilroy-Medium', 'Georama', sans-serif;  font-size: 30px; padding: 0px !important; }
  .aTitle p { font-size: 14px; }
  .xInfoText { margin: 40px 0px 0px 0px; }
  .xInfoText p { font-family: 'Georama', sans-serif; font-size: 18px; } 
  .xPars h2 { font-family: 'Gilroy-Bold', 'Georama', sans-serif; font-size: 28px; margin: 10px 0px; }
  .xPars h1 { font-family: 'Gilroy-Bold', 'Georama', sans-serif; font-size: 32px; margin: 10px 0px; }     
  .paragrafe { padding: 2px; }
  .paragrafe p { font-family: 'Georama', sans-serif; font-size: 16px; }    
}

.hTitle { display: block; margin: 15px 0px; text-align: center; }
.hTitle h1 { font-family: 'Gilroy-Bold', 'Georama', sans-serif; font-size: 42px; color: #de0082; }
.hTitle h1 span { color: #59178a; font-family: 'Gilroy-Regular', 'Georama', sans-serif; }
.hTitle h5 { font-family: 'Georama', sans-serif; font-weight: 400; font-size: 18px; }
.xForm { font-family: 'Georama', sans-serif; font-weight: 400; font-size: 16px; }
.btnDown { padding: 20px 10px !important; font-family: 'Georama', sans-serif; font-weight: 700; font-size: 18px; }


@media (max-width: 768px) {
  .hTitle h1 { font-family: 'Gilroy-Bold', 'Georama', sans-serif; font-size: 32px; color: #de0082; }
  .hTitle h5 { font-size: 16px; }
  .aTitle h1 { } 
}

.lastNews { display: block; margin: 20px 0px; }
.lastNews h3 { font-family: 'Gilroy-Bold', 'Georama', sans-serif; font-size: 30px; }
.lastNews .lnkTitle { color: #59178a; text-decoration: none !important; transition: all 0.3s; }
.lastNews .lnkTitle:hover { color: #de0082; text-decoration: none !important;  transition: all 0.3s;  }
.lastNews .artPic { width: 100%; height: auto; overflow: hidden !important; }
.lastNews .artPic img { transform: scale(0.99); transition: all 0.3s; border: none; border-radius: 5px; }
.lastNews .artPic:hover img { transform: scale(1.05); transition: all 0.3s; }
.lastNews .dtPub { padding: 8px; font-weight: 600; color: green; }
.lastNews .nText { font-family: 'Georama', sans-serif; font-size: 16px; color: #333; margin-bottom: 8px;  }
.lastNews .nReadMore { margin-top: 14px;}
.btnSeeAll { width: 35%; }

@media (max-width: 768px) {
  .lastNews h3 { font-size: 26px; margin-top: 20px; text-align: center; }
  .lastNews .dtPub { text-align: center; }
  .lastNews .nText { margin-bottom: 10px; }
  .lastNews .nReadMore { text-align: center !important; }
  .btnSeeAll { width: 100%; }
}

.secPartid { display: block; margin: 20px 0px 60px 0px; }
.purpleBox { background: #59178a; color: #fff; border-radius: 6px !important; padding: 15px; text-align: center;
padding-bottom: 25px; transition: all 0.3s; }
.purpleBoxLink, .purpleBoxLink:hover, .purpleBoxLink:focus { color: #fff; text-decoration: none; }
.purpleBox h4 { font-family: 'Gilroy-Bold', 'Georama', sans-serif; font-weight: normal; font-size: 18px; margin: 10px auto; margin-bottom: 20px; text-transform: uppercase;
 color: #fff; letter-spacing: 0.5px; }
.imgBox { margin: 10px auto 0px auto; padding: 15px; padding-bottom: 0px; }
.purpleBox:hover { background: #de0082 !important; transition: all 0.3s; }
@media (max-width: 768px) {
  .purpleBox { min-height: 160px !important; }
}


#infoTexte .pTitle { font-size: 32px; font-weight: 700; color: rgb(69,17,124); margin-bottom: 15px; }
#infoTexte .paragrafe { padding: 15px 20px; }
#infoTexte .paragrafe p { font-size: 18px; text-align: justify; text-indent: 25px; color: #333; }

footer { display: block; width: 100%; background: #59178a; color: #fff; }

.rborder { width: 50%; text-align: center; font-weight: 400; font-size: 24px !important; padding: 8px; display: inline-block; margin: auto; border: solid 1px rgba(255,255,255,0.5); border-radius: 30px; }

.ftContact { padding-top: 45px; color: #fff; }
.ftContact .fa { margin-bottom: 10px; font-size: 52px; font-weight: 100;  color: #fff; }
.ftContact p { font-size: 16px; font-weight: 400; color: #fff; }
.ftContact a { text-decoration: none !important; } 

.ftForm { clear: both; display: block; width: 100%; margin-top: 20px; color: #fff !important; }
.ftForm h4 { margin: 15px auto; }
.ftForm input[type="text"],
.ftForm input[type="email"],
.ftForm textarea { padding: 6px 18px; font-size: 18px; font-weight: 600; outline: none !important; }
.ftForm .btnSend { letter-spacing: 1px; text-transform: uppercase; font-weight: 700; margin: auto; float: right; }
.ftForm label { text-align: left !important; }
.ftForm label a { color: #fff; }

@media (max-width: 768px) {
  .ftForm .btnSend, .ftForm label { display: block; float: none !important; margin: auto !important; text-align: center !important; } 
  .rborder { width: 100%; }
  .ftForm .btnSend { margin-bottom: 25px !important; }
}

.gmap_canvas { overflow: hidden; }
#gmap_canvas { width: 100%; height: 500px; }
.dtContact { margin-bottom: 15px; padding: 25px 0px; }
.dtContact i.icon { font-size: 72px !important; color: #59178a !important; }
.dtContact h5 { font-family: 'Georama', sans-serif; font-size: 20px; font-weight: 600; min-height: 50px; }
@media (max-width: 768px) {
  .dtContact h5 { min-height: auto !important; }
}


.ftSocialMedia { color: #fff; padding-bottom: 25px; }
.ftSocialMedia .sLabel { font-size: 12px !important; letter-spacing: 1px; }
.ftSocialMedia .iconSM li { margin-left: 15px; line-height: 5px !important; }
.ftSocialMedia .iconSM li a { color: #fff; transition: all 0.3s; }
.ftSocialMedia .iconSM li a:hover { color: #de0082; transition: all 0.3s; text-decoration: none; }
.ftSocialMedia .iconSM i { font-size: 24px; }

#ftCopyright { padding: 25px 0px; color: #fff; }
#ftCopyright p { font-size: 14px; padding: 0px; }
#ftCopyright p a { color: #fff; }
#ftCopyright p span { display: inline-block; padding-left: 4px; padding-right: 4px; color: #aaa !important; }

#ppCookies { display: block; width: 100%; height: auto; position: fixed; bottom: 0px; left: 0px; z-index: 9999; 
  padding: 10px; }
#ppCookies .context { background: #111; color: #fff; padding: 10px;  padding-top: 20px; text-align: center; border-radius: 6px; }
#ppCookies .btn { font-size: 16px; font-family: 'Georama', sans-serif; font-weight: 500; padding: 10px 22px !important;} 
#ppCookies .context a { color: #de0082; } 

.contactSM li i { font-size: 56px !important; color: #59178a !important; }
.contactSM li { padding: 6px 10px !important; }





/* <a href="https://www.jqueryscript.net/animation/">Animation</a> */
@-webkit-keyframes 
pulsate {  0% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 0.8;
}
 45% {
 -webkit-transform: scale(1.75);
 transform: scale(1.75);
 opacity: 0;
}
}
@keyframes 
pulsate {  0% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 0.8;
}
 45% {
 -webkit-transform: scale(1.75);
 transform: scale(1.75);
 opacity: 0;
}
}

/* Hotspot */

#hotspotImg {
  background-color: #fafafa;
  background-size: cover;
  background-position: center center;
  position: relative;
}

#hotspotImg .img-responsive { max-width: 100%; }

#hotspotImg .hot-spot {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 15px;
  left: 15px;
  text-align: center;
  background-color: rgba(255, 255, 255, 1);
  color: #fff;
  border-radius: 100%;
  cursor: pointer;
  transition: all .3s ease;
}

#hotspotImg .hot-spot .circle {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2em;
  height: 2em;
  margin: -1em auto auto -1em;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  border-radius: 50%;
  border: 2px solid #fff;
  opacity: 0;
  -webkit-animation: pulsate 3s ease-out infinite;
  animation: pulsate 3s ease-out infinite;
}
#hotspotImg .hot-spot .tooltip {
  background-color: rgba(255, 255, 255, 0.98);
  border: solid 1px #59178a;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #111;
  display: none;
  font-size: 14px;
  opacity: 1.0;
  left: 0px;
  padding: 5px;
  position: absolute;
  text-align: left;
  top: 30px;
  width: 280px;
  z-index: 999;
  transform: translateX(30%);
}
#hotspotImg .hot-spot .tooltip .img-row {
  padding: 5px;
  text-align: center;
}
#hotspotImg .hot-spot .tooltip .text-row { padding: 5px; }
#hotspotImg .hot-spot .tooltip h4 {
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-bottom: 10px;
  /* border-bottom: 1px solid #ddd; */
}
#hotspotImg .hot-spot .tooltip p {
  font-size: 14px;
  line-height: 1.4em;
  margin-bottom: 10px;
}
#hotspotImg .hot-spot .tooltip p:last-child { margin-bottom: 0; }