@font-face {
	font-family: 'PTSansNarrow';
	src: url('../font/PTN57F_W.eot');
	src:
	     url('../font/PTN57F_W.eot?#iefix') format('embedded-opentype'),
	     url('../font/PTN57F_W.woff') format('woff'),
	     url('../font/PTN57F_W.ttf') format('truetype'),
	     url('../font/PTN57F_W.svg#PTSans-Narrow') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'PTSansRegular';
	src: url('../font/PTS55F_W.eot');
	src:
	     url('../font/PTS55F_W.eot?#iefix') format('embedded-opentype'),
	     url('../font/PTS55F_W.woff') format('woff'),
	     url('../font/PTS55F_W.ttf') format('truetype'),
	     url('../font/PTS55F_W.svg#PTSans-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?26573260');
  src: url('../font/fontello.eot?26573260#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?26573260') format('woff'),
       url('../font/fontello.ttf?26573260') format('truetype'),
       url('../font/fontello.svg?26573260#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?48929777#fontello') format('svg');
  }
}
*/

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

#element_to_pop_up {
    background-color:#fff;
    border-radius:15px;
    color:#000;
    display:none;
    padding:20px;
    min-width:200px;
    min-height: 200px;
}

#popup-container {
    min-width:200px;
    min-height: 200px;
}

.b-close{
    cursor:pointer;
    position:absolute;
    right:10px;
    top:5px;
}

@media only screen and (max-width: 600px) {

#element_to_pop_up, #popup-container{
     width:100%;

  }
}

.icon-down-open:before { content: '\e800'; } /* '' */
.icon-left-open:before { content: '\e801'; } /* '' */
.icon-right-open:before { content: '\e802'; } /* '' */
.icon-down-open-big:before { content: '\e803'; } /* '' */
.icon-right-open-big:before { content: '\e804'; } /* '' */
.icon-left-open-big:before { content: '\e805'; } /* '' */
.icon-up-open-big:before { content: '\e806'; } /* '' */
.icon-cancel-squared:before { content: '\e807'; } /* '' */
.icon-up-open:before { content: '\e808'; } /* '' */
.icon-facebook:before { content: '\e809'; } /* '' */
.icon-search:before { content: '\e80a'; } /* '' */
.icon-brci:before { content: '\e80b'; } /* '' */
.icon-arrow:before { content: '\e80c'; } /* '' */
.icon-mail:before { content: '\e80d'; } /* '' */
.icon-arrow-combo:before { content: '\e80e'; } /* '' */
.icon-menu:before { content: '\e80f'; } /* '' */
.icon-lock-open:before { content: '\e810'; } /* '' */
.icon-lock:before { content: '\e811'; } /* '' */
.icon-location:before { content: '\e812'; } /* '' */
.icon-euro:before { content: '\e813'; } /* '' */
.icon-twitter:before { content: '\e814'; } /* '' */
.icon-instagram:before { content: '\e815'; } /* '' */
.icon-linkedin:before { content: '\e816'; } /* '' */
.icon-valuta:before { content: '\e817'; } /* '' */
.icon-down-open-mini:before { content: '\e818'; } /* '' */
.icon-left-open-mini:before { content: '\e819'; } /* '' */
.icon-right-open-mini:before { content: '\e81a'; } /* '' */
.icon-up-open-mini:before { content: '\e81b'; } /* '' */
.icon-cancel:before { content: '\e821'; } /* '' */
.icon-plus:before { content: '\e823'; } /* '' */
.icon-check:before { content: '\e824'; } /* '' */
.icon-wikipedia:before { content: '\e825'; } /* '' */
.icon-phone-1:before { content: '\e826'; } /* '' */


html{font-size:100%; font-family: "PTSansRegular", Arial, Helvetica, sans-serif; height:100%}
body { font-size: 14px; color:#000; background:#fff; height:100%}

a{ text-decoration:none}
.table{ display:block; display:table; height:100%;}
.cell{ display:table-cell; vertical-align:middle; height:100%}
* {webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; /* For some Androids */ }
.noTransform{ webkit-transition: none; -moz-transition:none; -o-transition:none; transition:none; -ms-transition:none;}

.bluetxt{color:#006DAE}
.redtxt{color:#E3161A}
.greytext{color:#939393}
.lightbluetxt{color:#0086D8}
.redHover{ color:#FF081A}

.topBackground{ position:absolute; top:120px; left:0; right:0; width:100%; height:500px; z-index:2; background:url(../images/bg.jpg) center top no-repeat; background-size:cover; max-width:1400px; margin:0 auto; display:block; }
.backBackground{ position:absolute; top:120px; left:0; right:0; width:100%; height:500px; z-index:0; background:url(../images/bg.jpg) center top no-repeat; background-size:cover; max-width:1400px; margin:0 auto; display:block; }

.wrapper{ width:100%; margin:0 auto; background:#fff; position:relative; z-index:1}
section{ width:100%; max-width:1070px; margin:0 auto; padding:0px 10px 0 10px; position:relative}
.homePage { padding-top:0; }

header{ width:100%; background:#FAFAFA; height:120px;  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); position:relative; z-index:5; top:0;}
header.homePage{ position:fixed; }

.wrapper.homePage section{padding:0 10px;}

.slideshow{  height:500px;  position:relative; width:100%; display:block; z-index:1; opacity:0; top:0px; overflow:hidden; webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; max-width:1400px; margin:0 auto}
.slideshow.visible{opacity:1;}
.pageTitle{ font: 50px "PTSansNarrow", Arial, Helvetica, sans-serif; color:#002942; padding:20px 20px 20px 0; width:100%; line-height:100%}
.slideshow .frame{ height:500px; overflow:hidden; width:100%; }
.slideshow .frame ul{ height:100%; width:400%; webkit-transition: none; -moz-transition:none; -o-transition:none; transition:none; -ms-transition:none; }
.slideshow .frame li{ height:100%; float:left; width:25%; text-align:center;}
.slideshow .pages{ text-align:center; position:absolute; bottom:-120px; left:0; right:0; margin:0 auto; width:100%; max-width:1050px}
.slideshow .pages li{ display:inline-block; height:70px; width:19.5%; margin:0 1px; font:21px "PTSansNarrow", Arial, Helvetica, sans-serif; line-height:100%; text-align:center; background:#fff; color:#000; padding:0 10px; cursor:pointer; position:relative;}
.slideshow .pages li a{color:#000;}
.slideshow .pages li.active{ background:#E3161A; color:#fff}
.slideshow .pages li.active a{color:#fff}
.slideshow .pages li .cell, .slideshow .pages li .table{ text-align:center; width:100%; webkit-transition: none; -moz-transition:none; -o-transition:none; transition:none; -ms-transition:none;}
.triunghirosuTop{ background:url(../images/triunghi_rosu_top.png) no-repeat; width:17px; height:8px; display:none}
.slideshow .triunghirosuTop{ position:absolute; left:50%; margin-left:-8px; top:-8px; z-index:1; }
.slideshow .active .triunghirosuTop{ display:block}
.slideshow .frame li a{  width:100%; height:100%; display:none; position:relative}
.slideshow.visible .frame li a{display:block;}
.textMobile{ display:none; background: rgba(227,22,26,0.7); color:#fff; font-size:16px; padding:5px 0 5px 0px; width:100%; position:absolute; z-index:2; text-align:center; bottom:0; line-height:100%}


.stopScroll { height: 100%; overflow: hidden;}

footer{ width:100%; padding:40px 0 20px 0; color:#939393; font-size:13px; position:relative; max-width:1050px; margin:0 auto; z-index:1}
footer .line{ width:100%; position:relative; height:16px; border-bottom:1px solid #C3C3C3; margin:0 auto 20px}
footer .line .left{ width:16px; position:absolute; left:0; top:0;}
footer .line .right{ width:16px; position:absolute; right:0; top:0;}
footer .column{ float:left; width:17%; margin:0 1.3% 10px 0; min-width:150px}
footer .copy{ float:right; text-align:right; width:25%; min-width:258px; margin-bottom:20px}
footer .column ul li{ line-height:100%; margin-bottom:7px; padding-left:0px;}
footer .column ul li.head{ font-size:110%; color:#006DAE; padding-left:0}
footer .column ul li.head i{ color:#E3161A}
footer .column ul li a{ color:#939393}
footer .column ul li a:hover{color:#0086D8}
.btUp{ width:26px; height:24px; cursor:pointer; bottom:0; right:0; z-index:0; position:absolute; color:#E3161A; background:#fff; border:4px solid #E3161A; text-align:center; border-bottom:none; line-height:20px; display:none}
.btUp:hover{color:#fff; background:#E3161A;}

.deskHeader{ width:100%; max-width:1050px; margin:0 auto }
.deskHeader .topMenu{ float:left; padding:9px 0 0 0; margin:0 0 0 200px}
.deskHeader .topMenu a{ display:inline-block; height:36px; line-height:32px; padding:0 10px; color:#939393; position:relative}
.deskHeader .topMenu a:hover{ color:#006DAE}
.deskHeader .topMenu a.active{ background:#006DAE; color:#fff}
.deskHeader .topUtil{ float:right; padding:4px 0 0 0; line-height:34px; height:38px }
.deskHeader .btUtil{ color:#939393; margin:0 10px 0 0; padding:5px 0 0 0; display:inline-block; height:26px; line-height:26px}
.deskHeader .btUtil:hover{ color:#006DAE}
.deskHeader .btUtil i{ color:#006DAE; font-size:130%; }
.deskHeader .search{ padding:0 0 0 5px; display:inline-block }
.deskHeader .searchInput{ width:120px; background:#fff; border:1px solid #ECECEC; display:inline-block; height:32px; line-height:32px; text-align:center; -webkit-border-radius: 5px;
-moz-border-radius: 5px; border-radius: 5px; vertical-align:middle}
.deskHeader .searchSubmit{ font-size:20px; width:32px; height:32px; line-height:32px;border:1px solid #ECECEC;display:inline-block; background:#fff; color:#006DAE; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:center; vertical-align:middle; cursor:pointer; margin-left:2px}
.deskHeader .searchSubmit:hover{ color:#0086D8}
.deskHeader .language{display:inline-block; margin:0px 10px 0 20px; padding:0px 0 0px 0}
.deskHeader .label{ color:#939393;}
.deskHeader .btLanguage{ height:22px; line-height:22px; padding:0 10px; background:#EDEDED; color:#939393; display:inline-block}
.deskHeader .btLanguage:hover{background:#E3161A; color:#fff;}
.deskHeader .mainMenu{ height:100px; width:100%; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); text-align:center;background:#FAFAFA;}
.deskHeader .logo{ height:100px; width:160px; text-align:center; line-height:100px; display:block; float:left; border-bottom:7px solid #E3161A; background:url(../images/logo-brci.png) center center no-repeat;}
.deskHeader .logo img{ vertical-align:middle; margin:0 0 10px 0px; width:85%}
.deskHeader .IBzone{ height:90px; float:right; text-align:center; padding:5px 10px 0; margin:5px 0; border-left:1px solid #ECECEC;}
.deskHeader .phone{ color:#939393; font-size:14px}
.deskHeader .phone i{ font-size:18px; vertical-align:bottom}

/*selector iBanking*/
.selectorIbank{ height:32px; background:#E3161A; color:#fff; width:180px; display:block; position:relative; vertical-align:middle; z-index:99; margin:5px auto 0; line-height:32px}
.selectorIbank .list{ position:absolute; z-index:1; width:100%; top:0px; left:0; display:block; background:#F42225; color:#fff; height:32px; overflow:hidden; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.selectorIbank a{ display:block; height:32px; line-height:32px; color:#fff; text-align:left; width:100%;padding-left:20px}
.selectorIbank a:hover{ background:#0086D8;}
.selectorIbank .clickSelect{ position:relative; z-index:2; height:32px; cursor:pointer; line-height:32px; background:#E3161A; text-align:left; padding-left:20px}
.selectorIbank .clickSelect i{ position:absolute; right:0; top:5px; width:40px; height:22px; text-align:center; border-left:1px solid #fff; line-height:22px}
.selectorIbank.opened .list{ height:auto; top:32px; }

.triunghi{ background:url(../images/triunghi_albastru.png) no-repeat; width:17px; height:8px; display:block;}
.triunghi.red{ background:url(../images/triunghi_rosu.png) no-repeat;}
.deskHeader .topMenu a .triunghi{ position:absolute; bottom:-8px; margin:0 auto; left:0; right:0; display:none}
.deskHeader .topMenu a.active .triunghi{ display:block}
.deskHeader nav{ margin:35px auto 0;}
.deskHeader nav .categorie{ color:#002942; display:inline-block; cursor:pointer; text-align:center; text-transform:uppercase; font-size:13px; padding:10px 7px; position:relative; background:#FAFAFA;  vertical-align:middle; height:60px; webkit-transition: none; -moz-transition:none; -o-transition:none; transition:none; -ms-transition:none; line-height:120%; max-width:145px; border:1px solid  #FAFAFA\0/IE8+9;  border-bottom:none; font-size:11px\0/; }
.deskHeader nav div.categorie:hover{-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15); border:1px solid  #F1F1F1\0/IE8+9; border-bottom:none }
.deskHeader nav .categorie:hover{color:#006DAE}
.deskHeader nav .submenu{ position:absolute; background:#FAFAFA; top:50px; padding:20px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1); left:50%; right:0; margin:0 0 0 -200px; text-transform:none; width:400px; text-align:left; display:none; z-index:1; border:1px solid  #F1F1F1 }
.deskHeader nav .submenu ul{ margin:20px 0 0 0; float:left;  width:190px; }
.deskHeader nav .submenu .title{ font: 24px "PTSansNarrow", Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:100%; color:#002942;}
.deskHeader nav .submenu ul a{ color:#000;line-height:100%  }
.deskHeader nav .submenu ul a:hover{ color:#006DAE; }
.deskHeader nav .submenu ul li{ margin-bottom:10px; }
.deskHeader nav .submenu .btAsk{ display:table; height:150px; width:150px; text-align:center; color:#fff; background:#006DAE; float:right; margin:20px 0 0 0; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);}
.deskHeader nav .submenu .btAsk img{ width:60px }
.deskHeader nav .submenu .btAsk .label{ color:#fff; font: 16px "PTSansNarrow", Arial, Helvetica, sans-serif; line-height:100%; display:block; width:90%; margin:5px auto}
.deskHeader nav .categorie .spacer{ width:100%; background:#FAFAFA; height:10px; position:absolute; left:0; right:0; bottom:7px; z-index:2; display:none}
.deskHeader nav .submenu .btAsk:hover{background:#0086D8}


.mobileHeader{ width:100%; display:none; }
.mobileHeader .topMenu{ width:100%; position: fixed; height:50px; padding:0 10px 0 60px; z-index:3; left:0; right:0; background:#FAFAFA;-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); }
.mobileHeader .btMobileMenu{ height:40px; width:50px; position:fixed; left:-15px; top:6px;  cursor:pointer; text-align:left; font-size:30px; color:#939393 }
.mobileSearch{ font-size:20px; width:34px; height:34px; line-height:34px;border:1px solid #ECECEC;display:inline-block; background:#fff; color:#006DAE; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:center; vertical-align:middle; cursor:pointer; float:right; margin:9px 0 0 15px}
.mobileHeader .btLanguage{ height:32px; line-height:32px; background:#EDEDED; color:#939393; display:block; width:32px; text-align:center; float:right; margin:10px 0 0 15px}
.mobileHeader .logo{ height:50px; width:120px; background:url(../images/logo-mobile.svg) center no-repeat; position:fixed; left:20px; top:0px; display:block }
.mobileHeader .phone{ color:#939393; font-size:14px; line-height:54px; margin-left:120px}
.mobileHeader .phone i{ font-size:22px; vertical-align:middle;line-height:54px}
.mobileHeader nav { background: rgba(0, 0, 0, 0.8); bottom: 0; left:-320px;  min-height: 100%; overflow-y: auto;  position: fixed; top: 0;  width: 320px; z-index: 2;}
.mobileHeader.open nav { left: 0; width: 100%;}
.mobileHeader nav .menu{ background: #fff; float: left; height: 100%; overflow-y: auto; padding: 50px 0 0; position: relative; text-align: left; width: 320px;}
.mobileHeader nav .menu ul li{ position: relative;}
.mobileHeader nav .menu ul li a{ line-height:100%; cursor: pointer; display: block; padding:15px 10px; width: 100%;  border-bottom: 1px solid #ececec; color:#006DAE; clear:left}
.mobileHeader nav .menu .plus{color:#006DAE; height:44px; line-height:44px; width:44px; background:#EDEDED; text-align:center; font-size:20px; position:absolute; right:0; top:0; cursor:pointer; border-bottom:1px solid #fff;}
.mobileHeader .menu .submenu{ display:none}
.mobileHeader nav .menu li.gri{ background:#006DAE;}
.mobileHeader nav .menu li.gri a{ color:#fff;}


.menuRight{right:-232px; position:fixed; background:#006DAE; padding:15px; top:200px; z-index:2}
.menuRight.open{right:0;}
.menuRight .inner{ position:relative; width:202px;}
.menuRight .button{ width:95px; height:125px; display:inline-block; background:#fff; text-align:center; vertical-align:middle; margin:2px; color:#002942; webkit-transition: none; -moz-transition:none; -o-transition:none; transition:none; -ms-transition:none;}
.menuRight .btOpen{ width:30px; height:159px; background:url(../images/txt_btopen.png) center no-repeat; background-color:#006DAE; position:absolute; top:-15px; left:-45px; cursor: pointer; }
.menuRight .btOpen:hover{background-color:#0086D8}
.menuRight .button .ico{ display:block; webkit-transition: none; -moz-transition:none; -o-transition:none; transition:none; -ms-transition:none; }
.menuRight .button .ico.curs{ width:40px; height:33px; background: url(../images/ico_tools_valuta.png) center top no-repeat; margin:24px auto 5px;}
.menuRight .button .ico.program{ width:36px; height:36px; background: url(../images/ico_tools_program.png)    center top no-repeat; margin:29px auto 5px;}
.menuRight .button .ico.locatii{ width:24px; height:38px; background: url(../images/ico_tools_locatii.png)  center top no-repeat; margin:28px auto 5px;}
.menuRight .button .ico.ib{ width:39px; height:33px; background: url(../images/ico_tools_briefcase.png)  center top no-repeat; margin:24px auto 5px;}
.menuRight .button:hover{ color:#fff;background:#E3161A}
.menuRight .button:hover .ico{ background-position:center bottom}
.menuRight .phone{ color:#fff; font-size:16px; margin:10px 0 0 0; display:none}
.btFb{ width:198px; background:#fff; color:#002942; margin:5px 2px; padding:7px; display:block; text-align:center}
.btFb i{ font-size:18px;color:#006DAE;}

.newsGallery{ text-align:center; width:100%; margin:30px auto 0}
.newsGallery .frame{ height:305px}
.imgBox{ display:block; position:relative; background:#fff; margin:0 5px; float:left; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); color:#595959; width:253px; font-size:16px; height:305px; border:1px solid #EDEDED }
.imgBox a{ width:100%; height:100%; display:block}
.imgBox .image{ width:100%; display:block; overflow-y:hidden; height:253px;}
.imgBox .image img{ width:100%;}
.imgBox .label{ display:table; width:100%; text-align:center; padding:7px 20px 6px 5px; color:#002942; background:#fff; height:50px; line-height:100%; position:relative}
.imgBox:hover .label{ color:#fff; background:#E3161A}
.imgBox i{ vertical-align:middle; position:absolute; right:3px; top:18px;}
.imgBox.last{ margin-right:0;}
.imgBox .title{color:#002942; font-weight:bold; padding:10px; display:table; line-height:100%; vertical-align:middle; text-align:center; width:100%; height:50px; margin-bottom:28px }
.imgBox .desc{ color:#939393; padding:0 10px 0px 10px; display:block; font-size:90%; line-height:100%}
.newsGallery ul{height:360px; width: 100%;  webkit-transition: none; -moz-transition:none; -o-transition:none; transition:none; -ms-transition:none;}
.newsGallery .scrollbar { background:#EFEFEF; height:4px; line-height:0; margin:20px 0 0}
.newsGallery .scrollbar .handle { background: #006DAE; cursor: pointer; height: 100%; width:100px;  webkit-transition: none; -moz-transition:none; -o-transition:none; transition:none; -ms-transition:none;}
.newsGallery .scrollbar .handle .mousearea {  height: 20px;  left: 0;  position: absolute;  top: -9px;  width: 100%;}
.newsControls{ opacity:0}
.newsControls .goPrev{ position:absolute; top:150px; left:0px; cursor:pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#fff; }
.newsControls .goNext{ position:absolute; top:150px; right:0px;  cursor:pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#fff;}
.newsControls i{ font-size:40px; color: #B8B8B8}
.newsGallery:hover .newsControls{ opacity:.7}
.newsControls .goPrev:hover i, .newsControls .goNext:hover i{ color:#E3161A}

.imgGrid{ width:100%;}
.imgGrid ul{ width:100%;}
.imgGrid .imgBox{ width:24%; max-width:253px; margin-bottom:30px}


.toolsboxes{text-align:center; width:75%; -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2); background:#FAFAFA; float:left}
.toolsBox{ display:block; position:relative; background:#FAFAFA; float:left; color:#002942; width:33%; height:120px; text-align:center; border-right:1px solid #EDEDED; margin:15px 0 ; font-size:17px;}

.toolsBox.last,.toolsBox:nth-child(3) { border:none}
.toolsBox .label{ display:inline-block; text-align:left;  line-height:100%; vertical-align:middle; width:80%; max-width:180px }
.toolsBox i{ font-size:130%; color:#006DAE; vertical-align:middle; margin:0 0 0 0; display:inline-block}
.toolsBox .table{ text-align:center; width:100%; padding:0 15px}
.toolsBox .cell{ text-align:center}
.toolsBox.blue{ margin:0; background:#006DAE; width:24%; float:right; -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2); height:150px; color:#fff; text-align:center}
.toolsBox.blue .label{ display: block;text-align:center; margin:5px auto; width: 100%; max-width:210px}
.toolsBox.blue i{ color:#fff; font-size:100%;}
.toolsBox.blue .table{ text-align:center}
.toolsBox:hover, .toolsBox:hover i{ color:#0086D8}
.toolsBox.blue:hover{background:#0086D8; color:#fff;}
.toolsBox.blue:hover i{color:#fff;}

.iconBox{ display:block; position:relative; background:#FAFAFA; float:left; color:#002942; width:31%; height:200px; text-align:center; margin:0 2% 0 0; font-size:17px; -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);}
.iconBox .overTL, .iconBox .overBR{ opacity:0}
.iconBox .overTL{ position:absolute; top:0px; left:0px; }
.iconBox .overBR{ position:absolute; bottom:0px; right:0px;}
.iconBox:hover .overTL{ top:-10px; left:-8px; opacity:1}
.iconBox:hover .overBR{ bottom:-14px; right:-7px; opacity:1}
.iconBox:hover .more{color:#0086D8}
.iconBox .label{ display:block; text-align:center; margin:5px auto; color:#636363; }
.iconBox .desc{ display:block; text-align:center; margin:5px auto; color:#939393; font-size:13px; padding:0 15px; line-height:100%;  }
.iconBox .table{ text-align:center; width:100%}
.iconBox .ico{ width:55px; height:45px; display:block; margin:0 auto; webkit-transition: none; -moz-transition:none; -o-transition:none; transition:none; -ms-transition:none;}
.iconBox .ico.intreabaSpecialistul{ background:url(../images/ico_intreaba_specialistul.png) center top no-repeat;}
.iconBox .ico.locatii{ background:url(../images/ico_locatii.png) center top no-repeat;}
.iconBox .ico.contact{ background:url(../images/ico_contact.png) center top no-repeat;}
.iconBox .ico.briefcase{ background:url(../images/ico_briefcase.png) center top no-repeat;}
.iconBox:hover .ico{ background-position:center bottom}
.iconBox .more{ font-size:75%; color:#006DAE; font-weight:bold}
.iconBox .more i{font-size:70%;}
.iconBox.last{ margin:0;}
.iconBoxes{ width:67%; float:left}
.iconBoxes .iconBox{ width:32%}

.breadcrumbs{color:#939393; font-size:12px; max-width:1050px; margin:30px auto 0; word-wrap: break-word;}
.breadcrumbs li, .breadcrumbs ul{ display:inline-block}
.breadcrumbs li{ margin:2px; color:#006DAE}
.breadcrumbs .first{color:#939393;}
.breadcrumbs li a{color:#939393;}
.breadcrumbs ul{ margin:0 10px}
.breadcrumbs li a:hover{color:#0086D8}

.sidebar{ width:220px; float:left; border-right:1px dashed #ededed; margin:30px 0 0 0; padding:0px 0 20px 0; position:relative}
article{ width:100%;}
article.rightSide{ margin-left:-220px; display:inline-block; padding-left:240px}
article.rightSide .articleImage{ display:block; overflow-y:hidden; width:253px; height:253px; margin:0 20px 20px 0; float:left}
article.rightSide .articleImage img{ width:100%}

.sidebarTitle{ font:26px "PTSansNarrow", Arial, Helvetica, sans-serif; color:#002942; margin-bottom:10px}
.sideMenu .sectionLink{ color:#000; font-size:15px; display:inline-block; width:85%; line-height:110%;}
.sideMenu .submenu{ margin:0 0 0 10px; display:none}
.sideMenu li a{ margin-bottom:5px; color:#000; display:block}
.sideMenu .sectionHead:hover{color:#0086D8}
.sideMenu li a:hover{color:#006DAE}
.sideMenu .sectionLink:hover{color:#006DAE}
.sideMenu .sectionHead{ width:100%; line-height:110%; margin:10px 0; color:#006DAE;cursor:pointer;  }
.sideMenu .sectionHead .arrow{display:inline-block; vertical-align:top; }
.sideMenu .submenu.open{display:block}
.sideMenu a.sectionLink{ margin:5px 0; color: #000}
.sidebarSmallTitle{font-size:20px; color:#002942; margin:30px 0 20px}
.sideMenu a.active{color:#006DAE}

.btBox{ display:block; position:relative; background:#FAFAFA; color:#002942; width:200px; height:200px; text-align:center; margin:10px 0 30px; font-size:17px; -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);}
.btBox .overTL, .btBox .overBR{ opacity:0}
.btBox .overTL{ position:absolute; top:0px; left:0px; }
.btBox .overBR{ position:absolute; bottom:0px; right:0px;}
.btBox:hover .overTL{ top:-10px; left:-8px; opacity:1}
.btBox:hover .overBR{ bottom:-14px; right:-7px; opacity:1}
.btBox .label{ display:block; text-align:center; margin:8px auto; color:#636363; text-transform:uppercase }
.btBox .table{ text-align:center; width:100%}
.btBox .ico{ width:49px; height:40px; display:block; margin:0 auto; webkit-transition: none; -moz-transition:none; -o-transition:none; transition:none; -ms-transition:none;}
.btBox .ico.download{ background:url(../images/ico_download_side.png) center top no-repeat;}
.btBox .ico.ask{ background:url(../images/ico_intreaba_specialistul_side.png) center top no-repeat;}
.btBox:hover .ico{ background-position:center bottom}
.btBox:hover .more{ color:#E3161A}
.btBox .more{ font-size:75%; color:#006DAE; font-weight:bold}
.btBox .more i{font-size:70%;}

.sidebar .activityLink{margin:5px 0 5px 10px; color:#6d6d6d; display:block}
.sidebar .activityLink:hover{color:#0086D8}

.banner{ width:100%; max-width:800px; margin-bottom:20px}
.banner img{ width:100%;}

.tabs{ margin-bottom:20px; display:block;}
.tabs li{ float:left; margin-right:5px; display:block; height:40px;max-width:200px;}
.tabs li .table{ display:table; height:100%}
.tabs a{ display:table-cell; text-align:center; padding:0 20px; position:relative; color:#6d6d6d; line-height:110%; height:105%; vertical-align:middle; background: #EFEFEF}
.tabs a .triunghi{ position:absolute; bottom:-8px; margin:0 auto; left:0; right:0; display:none}
.tabs a:hover{ background:#006DAE; color:#fff }
.tabs a.active{ background:#006DAE; color:#fff }
.tabs a.active .triunghi{ display:block}

.tabs.small li{ height:40px; max-width:200px;}


.btRed{ height:40px; line-height:40px; padding:0 20px; color:#fff; background:#E3161A; text-align:center; text-transform:uppercase; display:block; float:left; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); cursor:pointer}
.btGri{ height:40px; line-height:40px; padding:0 20px; color:#006DAE; background:#FAFAFA; text-align:center;  text-transform:uppercase; display:block; float:left; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); cursor:pointer}
.btRed.onlyMobile{ margin:20px 10px 0 0;}
.btRed.both{ margin:20px 10px 0 0; float:right; display:none}
.onlyMobile{ display:none; margin-top:20px}
.btRed:hover{background:#0086D8}
.btRed.topR{ float:right; margin:25px 0 0 0}


.downloads{border-top:1px dashed #ededed; margin-top:20px}
.downloads .entry{ border-bottom:1px dashed #ededed; padding:15px 0}
.downloads .entry ul{ width:100%; margin-right:-270px; padding-right:270px; float:left}
.downloads .entry li{margin:0; background:url(../images/list_bullet_red.png) no-repeat left 5px; padding:0 0 0 20px}
.downloads .entry .button{ height:40px; line-height:40px; padding:0 10px; color:#006DAE; background:#FAFAFA; text-align:center;  text-transform:uppercase; display:block; float:right; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); margin:0 0 0 10px;}
.downloads .entry .button:hover{ color:#E3161A}

.domainEntry{ width:100%; padding:10px 0 10px 0; border-bottom:1px dashed #ededed;}
.domainEntry .title{ color:#E3161A; font: 32px "PTSansNarrow", Arial, Helvetica, sans-serif; margin-bottom:10px }
.domainEntry .image{ width:264px; height:135px; display:block; float:left; margin:0 0 10px 0}
.domainEntry .image img{ width:100%}
.domainEntry .description{ display:inline-block; width:100%; margin-left:-264px; padding-left:290px  }
.domainEntry .more{ float:right; color:#006DAE; display:block; margin-top:20px }
.domainEntry .more i{ font-size:80%}
.domainEntry .more:hover{ color:#0086D8 }

.searchEntry{ padding:20px 0; border-bottom:1px dashed #ededed; }
.searchEntry .title{ font-size:20px; color:#002942;}
.searchEntry .description{color: #939393; }
.searchEntry .right{ border-left:1px solid #ededed; width:150px; display:inline-block; vertical-align:middle; padding:20px 0 20px 20px }
.searchEntry .left{ display:inline-block; margin-right:-170px; padding:0 200px 0 20px; width:100%; vertical-align:middle;}
.searchEntry .more{ display:block; color:#006DAE }
.searchEntry a:hover{color:#0086D8}

.searchPage{ margin:0 0 0 20px; }
.searchPage .searchInput{ width:70%; max-width:300px; background:#fff; border:1px solid #ECECEC; display:inline-block; height:32px; line-height:32px; text-align:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; vertical-align:middle; padding:0 10px}
.searchPage .searchSubmit{ font-size:20px; width:32px; height:32px; line-height:32px;border:1px solid #ECECEC;display:inline-block; background:#fff; color:#006DAE; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:center; vertical-align:middle; cursor:pointer; margin-left:2px}
.searchPage .searchSubmit:hover{ color:#0086D8}

.paginare{ margin:10px 0}
.paginare li{ float:left; margin:3px}
.paginare a{ display:block; height:32px; padding:0 10px; line-height:32px; border:1px dashed #ededed; text-align:center;color: #939393;}
.paginare .button{color:#E3161A}
.paginare a:hover{ color:#fff;background:#0086D8; border:1px solid #0086D8;}
.paginare .active{ color:#fff; background:#006DAE; border:1px solid #006DAE;}
.paginare .button:hover{ color:#fff;background:#E3161A; border:1px solid #E3161A;}


.message{ background:#006DAE; color:#fff; margin:0 auto 20px; text-align:center; font-size:16px; }
.message.error{ background:#E3161A; }
.message.error .triunghi{ background:url(../images/triunghi_rosu.png) no-repeat;}
.message .inner{ position:relative; width:100%; padding:10px 20px}
.message .close{ position:absolute; top:0; right:0; cursor:pointer; font-size:20px}
.message .triunghi{position:absolute; bottom:-7px; right:49%;}


.contactData{ width:30%; float:left; background:#F4F4F4; padding:20px 15px}
.contactData .address{ border-top:1px dashed #fff; padding:10px 0; margin:10px 0}
.contactData .title{  color:#686868; font-size:18px; margin-bottom:10px}
.contactData .label{ color:#939393; float:left; width:100px}
.contactData .desc{  color:#686868; font-size:16px; float:left; width:100%; margin-left:-100px; padding-left:120px; margin-bottom:10px}

.contactForm{ width:70%; padding-right:20px; float:left; margin-bottom:20px}
.btSend{padding-right:0px}
.btSend i { margin-left:20px; }


.askForm{ width:70%; padding-left:20px; float:left; margin-bottom:20px}
.form .label{ width:100%; color:#686868; display:block; height:32px; line-height:32px;float:left}
.form .input{ background:#fff; border:1px solid #ECECEC; display:block; height:32px; line-height:32px; text-align:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:0 10px; width:300px; float:left}
.form .entry.half{ width:320px; }
.form .entry{ width:100%; float:left }
.form .mesaj{ width:100%; background:#fff; border:1px solid #ECECEC; display:block; text-align:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:10px; margin:0 0 10px 0; max-width:620px; height:200px}
.btSend{padding-right:0px}
.btSend i { margin-left:20px; }
.askText{ width:30%; float:left; padding:0px 15px 20px 15px; text-align:center;border-right:1px dashed #ededed;}
.form .entry.check .label{ width:190px  }
.form .entry.check{ margin-top:30px  }
.form .labelRadio{ width:50px; display:inline-block; margin:5px 10px 0 0}
.form .input.capcha{ width:140px; text-align:center; height:50px; line-height:50px; font-size:18px}
.form .capchaGen{ float:left; margin-left:5px; width:150px; text-align:center; height:50px;}

.labelRadio{ display:block; cursor: pointer; min-height:24px;  line-height:24px;  }
.labelCheck { display: block; cursor: pointer; min-height:24px;  line-height:24px; }
.labelCheck input{ width:24px;}
.labelRadio input{ width:24px;}
.has-js .labelCheck{ padding-right: 25px; }
.has-js .labelRadio {padding-right: 25px; background: url(../images/radio_off.png) right no-repeat;}
.has-js .labelCheck {background: url(../images/check_off.png) right no-repeat;}
.has-js label.c_on { background: url(../images/check_on.png) right no-repeat;  }
.has-js label.r_on { background: url(../images/radio_on.png) right no-repeat; }
.has-js .labelCheck input, .has-js .labelRadio input  { position: absolute; left: -9999px;}

.customSelect{display:inline-block; margin: 0; vertical-align:middle;}
.customSelect.short .selectboxit{ width:85px }
.customSelect.medium .selectboxit{ width:123px }
.customSelect.big .selectboxit{ width:300px }
.selectboxit{ background:#fff; border:1px solid #ECECEC; height:32px; line-height:32px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display:block}
.customSelect.produs .selectboxit { color:#006DAE}
.customSelect.produs .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor { background-color:#FAFAFA; color:#006DAE;}
.selectboxit-container .selectboxit-options { max-height: 163px;}

.agentie{ padding:20px 0; border-bottom:1px dashed #ededed; width:100% }
.agentie .name{ display:inline-block; width:250px; font-size:18px; color:#006DAE; padding:0 20px 0 0; vertical-align:middle; height:90px }
.agentie .details{ display:inline-block; max-width:450px; border-left:1px solid #ededed; padding:0 20px; vertical-align:middle; height:90px}
.agentie .details a{ color:inherit}
.agentie .label{width:60px; margin-right:10px; text-align:left; color:#939393; display:inline-block }
.agentie .details p{ margin-bottom:7px; }
.agentie .cell{ height:100%}
.agentie .image{ display:inline-block; padding:0 0px 0 20px; vertical-align:middle; height:100px; float:right; border-left:1px solid #ededed; }
.agentie .image img{ height:100px; margin-right:5px; max-width:150px}

.popupBg{ background:rgba(0,0,0,.8); width:100%; height:100%; left:0; right:0; top:0; bottom:0; z-index:9900; position:fixed; display:none}
.popup{ position:fixed; top:50px; width:600px; padding:20px; background:#006DAE; z-index:9990; left:50%; margin-left:-300px; display:none}
.popup .inner{ background:#fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); width:100%; position:relative;}
.popup .table{ width:100%;margin-top:20px;}
.popup .title{ font: 30px "PTSansNarrow", Arial, Helvetica, sans-serif; color:#006DAE; float:left; }
.popup .filter{ float:right; margin:12px 20px 0 0}
.popup .filter input{ width:100px; background:#fff; border:1px solid #adadad; display:inline-block; height:32px; line-height:32px; -webkit-border-radius: 0px;-moz-border-radius: 0px; border-radius: 0px; vertical-align:middle; padding:0 5px; margin-left:10px}
.popup .head{ background:#006CAD; padding:10px; width:100%}
.popup .cell{ display:inline-block; text-align:center; font-size: 14px;color: #353535;font-weight: 600; border-right:1px dashed #EDEDED; padding:5px; width: 29% }
.popup .cell.half{ width: 48%}
.popup .head .cell{ color:white;font-weight: 600;border:none; }
.popup .row{border-bottom:1px solid #adadad; padding:10px;}
.popup .cell.last{ border:none !important;}
.popup .cell.first{ text-align:left; width: 40%; }
.popup .labelc{ padding-bottom: 10px; font-weight: bold}
.popup .logoPopup{ margin:20px 0 0 0; float:right; width:110px}
.popup .logoPopup img{ width:100%}
.popup .close{ color:#006cad; font-size:20px; position:absolute; top:-2px; right:-2px; cursor:pointer; padding:5px;}
.popup .ico2{ position:relative;top:4px;width:26px; height:26px; background: url(../images/card.svg) center top no-repeat; margin:0 10px 0 0; display:inline-block}
.popup .ico{ position:relative;top:4px;width:26px; height:26px; background: url(../images/curs_.svg) center top no-repeat; margin:0 10px 0 0; display:inline-block}
.popup .ico3{ position:relative;background-size:contain !important;top:7px;width:24px; height:20px; background: url(../images/flag_eur.png) center top no-repeat; margin:0 10px 0 0; display:inline-block}
.popup .ico4{ position:relative;background-size:contain !important;top:7px;width:24px; height:20px; background: url(../images/flag_us.svg) center top no-repeat; margin:0 10px 0 0; display:inline-block}
.popup .nota{margin-top:20px ;font-size: 11px;color: #797979;font-weight: 400;padding-bottom:20px;padding-left:20px;}
.popup label.date{font-weight:600;}
.popup input{font-weight:600;}
.popup .divider{width:100%;display:block;height:10px;background:#006DAE;}
.popup .p-20{padding:20px 20px 0px 20px;}
.popup .p-x-20{padding:0px 20px 0px 20px;}
.popup .second .head .cell.first{ width:100%;text-align:left;}
.popup .second .cell.first{ width:30%;text-align:left;}
.popup .second .cell.middle{ width:58%;text-align:left;}
.popup .second .cell.last{ width:10%;text-align:left;}
.popup .inner { overflow-y: scroll; height: 90vh; overflow-x: hidden;}

.team{ width:100%; margin:30px 0}
.team ul{ width:100%;}
.team li{ float:left; margin:5px; width:140px; background:#fff; height:313px; position:relative; text-align:center; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);}
.team .name{ display:block; font: 18px "PTSansNarrow", Arial, Helvetica, sans-serif; margin-bottom:5px; color:#006DAE; text-transform:uppercase  }
.team .name:hover{color:#0086D8;}
.team .ocupation{}
.team .image{ width:100%; height:163px; overflow-y:hidden; text-align:center; position:absolute; bottom:0; left:0 }
.team .image img{ width:100%; }
.team .innerMember{ padding:15px 15px 0 15px; text-align:center; width:100%; display:table; height:150px;}
.team .image:hover{opacity:.8}

.content{ font-size:15px}
.content h4, .content h5, .content h6{ color:#006DAE; padding:20px 0; font: 26px "PTSansNarrow", Arial, Helvetica, sans-serif; line-height:130%}
.content h3, .content h2{ color:#006DAE; padding:20px 0; font: 30px "PTSansNarrow", Arial, Helvetica, sans-serif; line-height:130%}
.content li{ margin:10px 0; padding:0 0 0 20px;}
.content li:before{ content:""; display:block; float:left; width:20px; height:20px; left:0; top:0; background:url(../images/list_arrow.png) no-repeat left 5px; }
.content a{ color:#E3161A; text-decoration:underline}
.content a:hover{ color:#FF081A}
.content img{ max-width:100%}
.content table{border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC}
.content td{ border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; padding:10px }

.member{ font-size:15px; width:100%; margin-right:-310px; padding-right:330px}
.member h4{ color:#006DAE; padding:20px 0; font: 26px "PTSansNarrow", Arial, Helvetica, sans-serif; line-height:130%}
.member .ocupation{ font-size:20px;  margin-bottom:10px; color:#686868;}
.memberImage{ float:left; width:300px;}
.memberImage img{float:left; width:100%}

.programGrid{ width:100%;}
.programGrid ul{ width:100%;}
.programGrid .entry{ width:190px; height:190px; margin:0 10px 10px;  position:relative; background:#FAFAFA; float:left; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); border:1px solid #EDEDED; text-align:center;display:table; padding:20px 10px 10px}
.programGrid .entry .ora{color:#006DAE; font-weight:bold; text-align:center; width:100%; margin-bottom:10px; font-size:18px; display:block; width:100%; height:24px }
.programGrid .entry .desc{ color:#002942; display:table; font-size:100%; line-height:120%; width:100%; height:120px; overflow:hidden; vertical-align:middle; font-size:14px}

.mesajPresedinte *{ font:24px "alluraregular" !important; color:#000; line-height:110% !important }

.bannerPB{ width:100%; height:auto; margin-top:20px; max-height:350px; overflow:hidden}
.bannerPB img{ width:100%}

/*map*/
.mapContainer{ width:100%; background:url(../images/map-container.jpg) center no-repeat; background-size:cover;  padding:10px 20px; margin:5px 0 20px 0}
.map{ width:550px; margin:0 auto; position:relative; }
.map img{ width:100%; position:relative; z-index:0;}
.mapPoint{ position:absolute; z-index:1; color:#E3161A; cursor:pointer}
.mapPoint:hover{color:#006DAE; z-index:10}
.mapPoint i{ font-size:18px}
.tooltipMap{ position:relative; z-index:3; top:5px; left:-90px; background:#FAFAFA; padding:20px; color:#686868; font-size:13px; line-height:110%; -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.2); box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.2); display:none; width:220px}
.tooltipMap .close{ font-size:16px; color:#E3161A; position:absolute; top:5px; right:5px; cursor:pointer}
.tooltipMap .title{ color:#006DAE; font-size:18px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #EDEDED; line-height:120%}
.tooltipMap .label{ font-size:12px; color:#939393; margin:6px 0 3px 0}
.mapPoint:hover .tooltipMap{ display:block}
#bucuresti-point{top:75%; left:60%}
#bacau-point{top:34%; left:69%}
#cluj-point{top:29%; left:32%}
#constanta-point{top:83%; left:82%}
#timisoara-point{top:50%; left:8%}
#ploiesti-point{top:66%; left:58%}
#oradea-point{top:21%; left:17%}
#galati-point{top:60%; left:81%}




@media (max-width: 1070px) {
	section{ max-width:1024px; padding:0 10px 0 10px}
	footer{ max-width:1024px;}
	.breadcrumbs{ max-width:1024px; }
	.homePage{ padding-top:0px}
	.deskHeader{ max-width:1024px;}
	footer{ padding:40px 10px 20px 10px; }
	.btUp{ right:10px}
	.slideshow .pages{ max-width:1024px;}
	.slideshow, .slideshow .frame{ height:400px;}
	.slideshow .pages li{ height:60px; font-size:18px}
	.topBackground{ height:400px;}
	.deskHeader nav .categorie{max-width:125px; padding: 10px 7px; font-size:12px}
	.btFb{ display:block}
	.textMobile{ font-size:24px; padding:10px 0 10px 0px;}
}
@media (max-width: 1024px) {.slideshow .pages{ display:none}}
@media (max-width: 1023px) {
	header{ height:50px; position:fixed; -webkit-box-shadow:none; -moz-box-shadow: none; box-shadow:none;}
	.deskHeader{ display:none;}
	.mobileHeader{ display:block;}
	.topBackground, .backBackground{ height:320px; top:50px; }
	.breadcrumbs{ margin:60px auto 0 auto; max-width:800px; padding-left:10px }
	.homePage{ padding-top:0px; }
	.deskHeader nav{ float:none; margin:0; clear:right; padding:20px 0 0px}
	.deskHeader .mainMenu{ height:auto;}
	.deskHeader .logo{  margin:0 0 0 10px;}
	.deskHeader nav .categorie{ height:60px; padding-bottom:0;}
	section{ max-width:800px; padding:0 10px 0 10px }
	footer{ max-width:800px;}
	.deskHeader{ max-width:800px;}
	.deskHeader .topMenu{ margin:0 auto; width:100%; text-align:center}
	.deskHeader .topUtil{ margin:0 auto; width:100%; text-align:center}
	.deskHeader nav .submenu{ width:200px; margin:0 0 0 -100px; padding:20px 0 0 0;}
	.deskHeader nav .submenu .btAsk img{ display:none }
	.deskHeader nav .submenu .btAsk{ display:table; height:30px; width:100%; text-align:center; color:#fff; background:#006DAE; float:right; margin:20px 0 0 0; padding:5px 0}
	.deskHeader nav .submenu ul{ padding:0 10px; border:none; width:auto; margin:0;}
	.deskHeader nav .submenu .title{ display:none}
	.deskHeader nav .submenu .btAsk .label{ width:100%; margin:0}
	.slideshow .pages{ max-width:800px}
	/*.breadcrumbs{ max-width:800px; margin-top:155px}*/
	.toolsBox{ font-size:15px; height:100px}
	.toolsBox.blue{ height:130px}
	.imgBox{ font-size:14px}
	.pageTitle{ font-size: 40px}
	.tabs a{ padding:0 10px; }
	.contactForm{ width:100%; padding-right:0px; float:none;}
	.contactData{ width:100%; float:none; }
	.form .entry.check{ margin-top:10px  }
	.imgGrid .imgBox{ width:31%}
	.agentie .image{ margin-top:0px}
	.agentie .name{ width:40%; height: auto; display:block; margin-bottom:10px}
	.agentie .details{ width:50%; border:none; padding:0;}

	footer .copy{ float:left; text-align:left}
	.slideshow{ margin-top:50px}
	.slideshow .pages{ display:none}
	.textMobile{ display:block}
	.slideshow, .slideshow .frame{ height:320px;}
	.menuRight{top:60px;}
	.tabs li{ height:60px; max-width:145px;}
	.programGrid .entry { margin: 0 10px 10px; width: 230px; }
}
@media (max-width: 767px) {
	section, footer{ max-width:640px; }
	.topBackground, .backBackground{ height:280px; }
	.breadcrumbs{ max-width:640px; }
	.deskHeader{ max-width:640px; }
	.toolsBox.blue .label{ width:100%; font-size:13px}
	.iconBox{ font-size:14px;}
	.pageTitle{ font-size: 34px}
	.toolsboxes{ width:100%; margin-right:0;}
	.toolsBox.blue{ width:100%; margin-top:10px}
	.iconBox .desc{ font-size:12px;  }
	.sidebar{ display:none; }
	article.rightSide{margin-left:0; padding-left:0;}
	.onlyMobile{ display:block}
	.domainEntry .title{ font-size:28px;}
	.searchEntry .right{ border-left:none; width:auto; display:block; vertical-align:middle; padding:10px 0 0px 0px }
	.searchEntry .left{ display:block; margin-right:0; padding:0 0px 0 0px; width:100%; vertical-align:middle;}
	.searchPage{ margin:0 0 0 0px; }
	.form{ width:100%; padding-left:0; float:none}
	.askText{ float:none; width:100%; text-align:left; margin-bottom:20px; border:none}
	.contactForm .entry.half, .contactForm .entry{ padding:5px 0px 5px; float:none; width:100% }
	.imgGrid .imgBox{ width:48%}
	.agentie .details{ height:auto; width:100%; border:none; margin-bottom:10px; padding:0; float:none}
	.agentie .image{ padding-left:0; height:auto; float:none; width:100%}
	.agentie .image .table, .agentie .image .cell{ width:100%}
	.agentie .image img{ width:45%;}
	.agentie .name{ height:auto; width:100%; border:none; margin-bottom:10px}
	footer .copy{ float:right; text-align:right}
	.slideshow, .slideshow .frame{ height:280px;}
	.tabs li{ height:40px; max-width:180px;}
	.btRed.both{ display:block}
	.toolsBox{ width:100%; float:none; border:none; border-bottom: 1px solid #ededed; margin:0; height:50px}
	footer .column{ float:none; width:48%; display:inline-block; margin: 0 1.3% 10px 0; vertical-align:top}
	footer .copy{ float: left; text-align: left;}
	footer .column ul li{margin-bottom: 15px; }
	.programGrid .entry { margin: 0 1% 10px; width: 48%; }

}


@media (max-width: 639px) {
	header{ height:50px; position:fixed; -webkit-box-shadow:none; -moz-box-shadow: none; box-shadow:none;}
	.deskHeader{ display:none;}
	.topBackground, .backBackground{ height:220px; }
	.mobileHeader{ display:block;}
	.breadcrumbs{ margin:60px 10px 0 10px; padding-left:0; }
	.downloads .entry ul{ float:none; margin-right:0; padding-right:0; margin-bottom:20px }
	.downloads .entry .button{ float:left}
	.domainEntry .image{ width:264px; height:135px; display:block; float:none; margin:0 0 10px 0}
	.domainEntry .description{ display:inline-block; width:100%; margin-left:0; padding-left:0  }
	.domainEntry .title{ font-size:25px;}
	.domainEntry .more{ float:none;}
	.menuRight { top:60px}
	.menuRight .btOpen{ width:30px; height:44px; background:url(../images/ico_tools.png) center no-repeat; background-color:#006DAE;}
	.imgGrid .imgBox{ width:100%}
	.popup{ width:100%; padding:10px; margin-left:0px; left:0;}
	footer .copy{ float:left; text-align:left}
	.slideshow, .slideshow .frame{ height:220px;}
	.map {width: 100%;}

}
@media (max-width: 530px) {

	.iconBoxes{ width:100%}
	.iconBoxes .iconBox, .iconBox.wide{ float:none; width:100%; margin:0 auto 10px auto; height:130px;}
	.imgBox:hover .label{ color:#002942; background:#EAEAEA;}
	.menuRight{ top:60px}
	.homePage{ padding-top:0px; }
	.tabs li{  margin-bottom:10px}
	.tabs .triunghi{ display:none !important;}
	.btRed.both, .btGri.onlyMobile, .btRed.onlyMobile{ float:none; margin-right:0;}
	.tabs{ margin-bottom:0px;}
	.form .entry.half{ padding:5px 0px 5px; }
	.popup .cell{padding:5px 2px }
	.popup .inner{ padding:10px 5px}
	.popup{ top:0px; position:absolute;}
	.popup .logoPopup{ margin:10px 5px 0 0;}
	.member{ width:100%; margin-right:0; padding-right:0}
	.memberImage{ float:none; max-width:300px; width:100%}
	article.rightSide .articleImage{ margin:0 0px 20px 0; float:none}
	/*.mobileHeader .logo{ height:30px; width:101px; left:40px; top:10px;  }*/
	.mobileHeader .phone{ display:none}
	.menuRight .phone{display:block}
	.popup .filter{ float:left; margin:12px 20px 12px 5px}
	.slideshow, .slideshow .frame{ height:150px;}
	.bannerPB{ width:100%; height:140px; margin-top:20px; max-height:350px; overflow:hidden}
	.bannerPB img{ width:auto; height:100%}
	.mapPoint i {font-size: 16px;}
	.programGrid .entry{ width:99%;  margin: 0 0 10px; height:auto}
	.programGrid .entry .desc{ height:auto; padding:5px 0 10px;}
	.topBackground, .backBackground{ height:150px; }
	.textMobile{ font-size:16px; padding:5px 0 5px 0px;}
}
@media (max-width: 380px) {

	.mapPoint i {font-size: 12px;}
	footer .column{ width:100%; margin: 0 0 10px 0;}

}

*::selection { background: #0086D8;color:#fff }
*::-moz-selection { background: #0086D8; color:#fff}
