/*! 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; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
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 ======= */
.no-results{
	margin:30px; padding:5px 25px; text-align:center; background: #fedc00; color:#222; text-shadow:0 0 1px #ffa300;
	-webkit-box-shadow:0px 0px 2px 0px rgba(161, 161, 161, 0.8); box-shadow:0px 0px 2px 0px rgba(161, 161, 161, 0.8);
}

.message-error{ border:1px solid #ed5a10; padding: 5px 23px;}
	.message-error H1{ background:none; color:#ed5a10; text-align:center; padding: 0; width: 100%;}
		.message-error P{ background:none; color:#ed5a10; text-align:center; padding: 0; }
		.message-error H1:before, .message-error H1:after{ content:none; }
.message-success{ border:1px solid #97c227; padding:5px 23px; }
	.message-success H1{ background:none; color:#759f4c; text-align:center; padding: 0;  width: 100%;}
		.message-success P{ background:none; color:#759f4c; text-align:center; padding: 0; }
		.message-success H1:before, .message-success H1:after{ content:none; }
INPUT.error, SELECT.error, TEXTAREA.error, INPUT.error-js, SELECT.error-js, TEXTAREA.error-js{ border: 1px solid #ed5a10; }
	

/* ======= COLORBOX ======= */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; /*overflow:hidden;*/}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; }
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch; }
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

#cboxOverlay{background:#000;}
#colorbox{outline:0;}
	#cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{ padding-top:30px; }
			#cboxLoadedContent > *{ margin:5px; }
        #cboxLoadingGraphic{background:url(../img/ajax-loader.gif) no-repeat center center;}
        #cboxTitle{position:absolute; top:100%; width:94%; padding:5px 3% 10px; font-weight:bold; background:#fff; color:#000; text-align:center; }
        #cboxCurrent{position:absolute; top:7px; right:32px; font-weight:bold; color:#7C7C7C;}
        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; top:5px; background:url(../img/colorbox-controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        #cboxPrevious{left:5px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{margin-left:32px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:6px; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
		
.colorbox{ outline:none !important; }


/* ======= TIPSY TOOLTIP ======= */
.tipsy { font-size: 13px; position: absolute; padding: 5px; z-index: 100000; }
	.tipsy-inner { background-color: #172125; color: #FFF; max-width: 300px; padding: 5px 8px 4px 8px; text-align: center; }

	.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #172125; }

	/* 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: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
	.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
	.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
	.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
	.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
	.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
	.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
	.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

/*====================================================================================================================================*/
/* ======= SEARCHBOX ======= */
.ui-helper-hidden-accessible{position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; overflow:hidden; margin:-1px; padding:0; border:0; }
.ui-autocomplete{ position:absolute; top:0; left:0; width:auto; padding:0; border:1px solid #ebebeb;
    background:#fff; list-style-type:none; cursor:default; }
	.ui-autocomplete-category{ display:block; padding:5px 7px; color: #971748; }
	.ui-autocomplete LI.ui-menu-item{ padding:0; }
        .ui-autocomplete LI:before {content: '';}
		.ui-autocomplete LI.ui-menu-item A{ display:block; padding:10px 20px; color:#898989;  background: #fff;
            line-height: 30px; text-shadow: none; font-weight: 600; border: 1px solid #ebebeb;}
			.ui-autocomplete LI.ui-menu-item A:hover{ color:#fff !important; background-color: #42b8dd !important; }
        .ui-corner-all {border-radius: 0 !important;}
        .ui-widget-content {border: none !important;}
	.ui-state-focus{ background:#fff !important; color:#898989 !important; }
.highlight {
	padding:1px; background-color: #fff; color: #fff;
}
/*====================================================================================================================================*/

/* ======= ADMIRAL ======= */
.no-margin{ margin:0 !important; }
.no-margin-top{ margin-top:0 !important; }
.no-margin-right{ margin-right:0 !important; }
.no-margin-left{ margin-left:0 !important;}
.no-border-bottom{ border-bottom:0 !important; }
/*====================================================================================================================================*/

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

.float-left { float: left;}
.float-right { float: right;}

/* ==========================================================================
   Harta interactiva
   ========================================================================== */
    .denumire-tara{ color: #42b8dd; font-size: 20px; font-weight: 600; text-align:center;}
    .descriere-tara { color: #666; text-align: center;}
/* ==========================================================================
   Map
   ========================================================================== */
#map_div{ height:385px; width:100%;}
    #map_div H1 {width: 100%;}

/* ==========================================================================
  Socialico
   ========================================================================== */
@font-face {font-family:"Socialico";
            src:url("../fonts/Socialico.eot?") format("eot"),
                url("../fonts/Socialico.woff") format("woff"),
                url("../fonts/Socialico.ttf") format("truetype"),
                url("../fonts/Socialico.svg#Socialico") format("svg");
            font-weight:normal;font-style:normal;}


/* ==========================================================================
   Custom styles
   ========================================================================== */
BODY { font-family: 'PT Sans', sans-serif; font-size: 14px;}

H1 { font-size: 50px; font-weight: 600; width: 34%; word-wrap: break-word; text-transform: uppercase;}
/* Media queries H1 */
@media only screen and (min-width: 769px) and (max-width: 1170px){
    H1 { width: 45%;}
}
H2 { font-size: 40px; font-weight: 600; text-transform: uppercase;}
H3 { font-size: 30px; font-weight: 600; text-transform: uppercase;}
H4 { font-size: 20px; font-weight: 600; text-transform: uppercase;}
/* Media queries H */
@media only screen and (max-width: 480px){ H1 {font-size: 30px; width: 60%;} }
@media only screen and (min-width: 481px) and (max-width: 768px){ H1 {font-size: 40px; width: 60%;} }
@media only screen and (min-width: 769px) and (max-width: 900px){ H1 {font-size: 45px;} }

UL { list-style-type: none; list-style-type: square !ie; /*IE 7- hack*/
        margin: 0; margin-left: 4em; padding: 0; counter-reset: li-counter; }
    UL > LI{ position: relative; padding: 5px 0 5px 0.5em; }
        UL > LI:before { position: absolute; top: 0.4em; left: -1.33em; width: 1.2em; height: 1.2em;
            font-size: 1em; line-height: 1.2; text-align: center; color: #42b8dd; content: '\2022'; }
            UL UL { list-style-type: none; list-style-type: circle !ie; /*IE 7- hack*/
                margin: 0; margin-left: 2em; padding: 0; counter-reset: li-counter; margin-top: 10px;}
                UL UL > LI{ position: relative; padding-left: 0.5em; }
                    UL UL > LI:before { position: absolute; top: 0.4em; left: -0.5em;
                        width: 1.2em; height: 1.2em; font-weight: 600;
                        font-size: 1em; line-height: 1.2; text-align: center; color: #1996e6;content: '\203A'; }
/* Media queries UL */
@media only screen and (max-width: 480px){ UL {margin-left: 2em;} }

A { color: #252525; text-decoration: none;}
A:hover { color: #42b8dd;}
A:focus {outline: 0;}
/*  Media queries for wrapper */
.wrapper{ width:90%; margin:0 auto;}
@media only screen and (min-width: 1170px) { .wrapper{ width:1170px; margin:0 auto;}}
@media only screen and (max-width: 480px) { .wrapper{ width:100%;}}
@media only screen and (min-width: 481px) and (max-width: 758px){ .wrapper{ width:94%;}}
@media only screen and (min-width: 759px) and (max-width: 1170px){ .wrapper{ width:100%;}}

#site-header { background-color: /*#252525*/#f5f5f5;}
    #bar-logo-nav-languages{ padding: 18px 0 0;}
        #logo {}
    #nav-primary{ }
        #menu-icon { display:none; }
        #nav-primary LI{ float: left;}
            #nav-primary LI:before { content:'';}
        #nav-primary A{ /* color: #ffffff; */ font-family:'PT Sans',Sans-Serif; font-size: 16px; font-weight: 500; text-decoration: none;}
            #nav-primary A:hover{ color:#919191; }
            #nav-primary A.active{ color:#42b8dd; }
        #nav-primary #li-submenu {}
            #li-submenu #submenu-container { display: block;  padding:10px;}
            #li-submenu #submenu { display: none;}
                #li-submenu:hover #submenu { display: block; position: absolute; width:180px; padding: 5px 0 0;
                    background-color: #7f7f7f; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; z-index: 50;
                    margin-top: 10px; margin-left:-15px;}
                        #li-submenu #submenu LI { padding: 0; width: 100%; }
                        #li-submenu #submenu A { display: block; text-align: left; margin: 13px; }
                            #li-submenu #submenu A:first-child {margin-top:0;}
                            #li-submenu #submenu A:hover,  #li-submenu #submenu A.active { color: #42b8dd;text-align: left;}
        #nav-primary #li-submenu-cerere {}
            #li-submenu-cerere #submenu-container-cerere { display: block;  padding:10px;}
            #li-submenu-cerere #submenu-cerere { display: none;}
                #li-submenu-cerere:hover #submenu-cerere { display: block; position: absolute; width:180px; padding: 5px 0 0;
                    background-color: #7f7f7f; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; z-index: 50;
                    margin-top: 10px; margin-left:-15px;}
                        #li-submenu-cerere #submenu-cerere LI { padding: 0; width: 100%; }
                        #li-submenu-cerere #submenu-cerere A { display: block; text-align: left; margin: 13px; }
                            #li-submenu-cerere #submenu-cerere A:first-child {margin-top:0;}
                            #li-submenu-cerere #submenu-cerere A:hover,  #li-submenu #submenu A.active { color: #42b8dd;text-align: left;}

/*  Media queries for #nav-primary */
    @media only screen and (max-width: 680px) {
        #bar-logo-nav-languages .wrapper { width: 100%;}
        #logo { margin-left: 10px;}
        #alt-logo { margin-left: 10px;}

        #nav-primary { position: relative; text-shadow:none; height:0; float: none;}
            #menu-icon { color: #252525; width: auto; height: 24px; background: url(../img/menu-icon.png) no-repeat 10px center;
                padding: 7px 10px 0 42px; cursor: pointer; display: block; /* show menu icon */ border: 1px solid #252525;  }
                #menu-icon:hover { background-color: #42b8dd; color: #fff;}
                #menu-icon.active { background-color: #42b8dd; color: #fff;}
            #nav { clear: both; position: relative; z-index: 999; left: 0; top: 38px;  background: #ebebeb; margin:0; padding:0; display: none;  /* visibility will be toggled with jquery */ }
                #nav UL { width: auto; position: static; border: none; background: inherit; }
                    #nav UL LI{ margin: 3px 0 3px 15px; }
                #nav LI { display:block; clear: both; float: none; text-align:left; border-bottom: 1px solid #252525; }
                    #li-submenu #submenu-container { padding:0;}
                        #li-submenu:hover #submenu {width:250px; padding: 5px 0 0; margin-top: 5px; margin-left:0px;}
                        #li-submenu #submenu LI {border: none;}
                        #li-submenu #submenu A { color: #fff;}
                    #li-submenu-cerere #submenu-container-cerere { padding:0;}
                        #li-submenu-cerere:hover #submenu-cerere {width:250px; padding: 5px 0 0; margin-top: 5px; margin-left:0px;}
                        #li-submenu-cerere #submenu-cerere LI {border: none;}
                        #li-submenu-cerere #submenu-cerere A { color: #fff;}
                #nav A { display: block; padding:5px 11px; color: #252525; border: none; text-decoration:none; }
                    #nav-primary A.active { color: #42b8dd; }
    }

    @media only screen and (max-width: 870px) {
        #logo { height : 47px; float: none; width: 100%;}
        #alt-logo { width: 70%; height: 47px;}
        #nav { top: 85px;}
    }
    @media only screen and (min-width: 681px) and (max-width: 870px) {
        #logo, #alt-logo { width: 30%;}
        #logo img, #alt-logo img { width: 100%;}

        #nav-primary { text-align: left;  margin-left: 15px;}
            #nav { width:100%; margin:0; padding:0;}
            #li-submenu:hover #submenu {width:180px; margin-top: 15px;}
            #li-submenu-cerere:hover #submenu-cerere {width:180px; margin-top: 15px;}
                #nav A{ font-size: 16px;  padding:0 10px 0 0;}
    }
    @media only screen and (min-width: 871px) and (max-width: 1150px) {
        #logo, #alt-logo { width: 21%;}
        #logo img, #alt-logo img { width: 100%;}
        #nav { margin: 0 20px; text-align: left;}
        #nav li { float: none; display: inline-block;}
        #languages-list LI IMG { margin-top: 0 !important;}
    }
    @media only screen and (min-width: 1151px) {
        #nav-primary { text-align: left; }
            #nav{ padding: 0; margin: 0 60px; line-height: 40px;}
                #nav LI{ padding:0 12px;}
    }

    #language { margin-right: 120px;}
        #languages-list { position: absolute; margin-left:0; }
            #languages-list LI { /*display: none; border: 2px solid #42b8dd; border-radius: 10px; */padding: 5px;
                /* background-color: #252525; */ margin-bottom: 5px; float: left;}
            #languages-list LI:before { content:'';}
            #languages-list LI:first-child { display: block; }
            #languages-list:hover LI {display: block; z-index:50;}
                #languages-list LI A { color: #fff; text-decoration: none; padding: 5px;}
                #languages-list A.language-active {display: none;}
                    #languages-list LI IMG { width: 40px; margin-top: 12px;}
                /*#languages-list LI .fa-angle-right {color: #fff; margin-left: 10px; opacity:0;}*/
                /*#languages-list LI:first-child .fa-angle-right { opacity: 1;}*/
    /* Media queries #languages */
    @media only screen and (max-width: 900px) {
    #language { float: right; margin-right: 10px;}
        #languages-list { position: relative; margin-top: 0; }
            #languages-list LI {padding: 5px 5px 10px 5px; display: inline-block;}
                #languages-list LI:first-child {display: inline-block;}
                #languages-list:hover LI {display: inline-block;}
                #languages-list LI I {display: none;}
                #languages-list LI A { line-height: 0; font-size: 0; color: transparent; }
                #languages-list LI IMG {margin-left: 0;}
    }
    @media only screen and (min-width: 901px) and (max-width: 1100px) {
        #language { float: right; margin-right: 80px;}
    }

#main{}
    #main H1 { border-bottom: 7px solid #666666; color: #666666;}
    #bar-harta-interactiva { background-color: #666666; padding: 20px 0;}
        #harta {margin: 0 auto; width: 1280px;}

        .container-tari {width:23%; float:left; margin-right:20px;}
        .tara{}
            .tara-header { color: #fff; font-weight: 600; border: 1px solid #42b8dd; display:block; position:relative;
                border-radius: 10px; padding: 20px;}
                .tara-header:hover { color: #42b8dd; cursor: pointer;}
                .tara-header:after {position:absolute; margin-top: -1px; right:5px; content:'+'; font-size:17px; font-weight:bold;}
                .tara-active-header:after{ content:'-';}
                .tara-active-header{color: #42b8dd;}
            .tara-content {color: #fff; display: none; padding-left: 20px;}
                .tara-active-content {display: block;}
        /* Media queries .container-produse */
        @media only screen and (max-width: 768px){
            .container-tari {width:100%; float:none; margin-right:0;}
        }
        @media only screen and (min-width: 769px) and (max-width: 1000px){
            .container-tari {width:47%; }
        }
    #bar-boxuri { background-color: #42b8dd; color:  #fff; padding-bottom: 50px;}
        #bar-boxuri H1 { border-bottom: 7px solid #fff; color: #fff; width:30%;}
        #boxuri { width: 70%;}
            .box { width: 50%; margin: 50px 0 0;}
            .box .fa {float: left; width: 25%; text-align: center; border: 2px solid #fff; border-radius: 50%;
                font: normal normal normal 40px/1 FontAwesome !important; padding: 30px 0;}
            .box .box-text { width: 74%;}
                .box-text P {margin-left: 30px;}
                .box-text .box-title { font-size: 16px; font-weight: 600; text-transform: uppercase; color: #fff;
                    margin-left: 30px;}
    /* Media queries #bar-boxuri */
    @media only screen and (max-width: 480px){
        #bar-boxuri {padding-bottom: 10px;}
            #bar-boxuri H1 { float: none;  width:95%;}
            #boxuri { float: none; width: 100%;}
                .box { width: 97%; margin: 20px auto; float: none;}
                    .box .fa { width: 23%; padding: 6% 0; }
                        .box-text P {margin-left: 15px; margin-bottom: 40px;}
                        .box-text .box-title {margin-left: 15px;}
    }
    @media only screen and (min-width: 481px) and (max-width: 768px){
        #bar-boxuri {padding-bottom: 20px;}
            #bar-boxuri H1 { float: none; width:75%;}
            #boxuri { float: none; width: 100%;}
                .box {margin-top: 10px;}
                .box .fa { width: 100px; /*padding: 10% 0;*/ float: none; display: block; margin: 0 auto; }
                .box .box-text { width: 100%; margin-top: 25px;}
                .box-text P {margin-left: 15px; float: none; text-align: justify;}
                .box-text .box-title {margin-left: 15px; text-align: center; display: block;}
    }
    @media only screen and (min-width: 769px) and (max-width: 1000px){
        #bar-boxuri {padding-bottom: 10px;}
        .box .fa { float: none; display: block; margin: 0 auto; width:100px;}
        .box .box-text { text-align: center; float: none;width: 90%; margin-top: 15px;}
    }
    @media only screen and (min-width: 1000px) and (max-width: 1200px){ .box .box-text { width: 70%;}}
    #bar-despre-noi { color:  #363636; padding: 60px 0;}
        #despre-noi {width: 67%;}
            .despre-noi-title { color: #666666; font-size: 24px; font-weight: 600; text-transform: uppercase;}
                .despre-noi-title .fa { color: #42b8dd; margin-right: 10px; font: normal normal normal 30px/1 FontAwesome !important;}
        #servicii { width: 30%; margin-left: 30px;}
    /* Media queries #bar-despre-noi */
    @media only screen and (max-width: 768px){
        #bar-despre-noi { padding: 0;}
            #despre-noi, #servicii { float: none; width: 95%;  margin: 0 auto; text-align: justify;}
    }
    @media only screen and (min-width: 769px) and (max-width: 900px){ #despre-noi {width: 60%;} }
    @media only screen and (min-width: 901px) and (max-width: 1000px){ #despre-noi {width: 63%; margin-left: 15px;} }
    #container-parteneri { padding-bottom:  50px; margin-top: 60px;}
        .partener { width: 22%; float:left; margin-right: 30px; margin-bottom: 50px;}
            .partener IMG { max-width: 100%;}
            .partener .fa { margin-right: 10px; color: #42b8dd; font-weight: 600;
                font: normal normal normal 16px/1 FontAwesome !important;}
            .partener P { color: #363636; font-weight: 500;}
            .partener A {font-weight: 600;}
    /* Media queries #container-parteneri */
    @media only screen and (max-width: 480px){
        .partener { width: 93%; float:none; margin-right: 0; margin-left: 10px;}
        .partener P { text-align: justify;}
    }
    @media only screen and (min-width: 481px) and (max-width: 768px){
        .partener { width: 45%; margin-right: 20px;}
    }
    #container-contact { margin-top: 40px;}
        #container-contact H4 { margin-top :0; color: #666666;}
        #contact-data { width: 25%;}
            #contact-data TABLE { width: 60%;}
                #contact-data TABLE TR { }
                #contact-data TABLE TR TD{ vertical-align: top; padding: 10px 5px;}
                #contact-data TABLE TR TD:nth-child(odd){ font-weight: 600;}
        .form-contact-box { width: 75%;  margin-bottom: 60px;}
            #form-contact {}
                #form-contact INPUT, #form-cerere INPUT { border-radius: 5px; padding: 20px; border: 1px solid #ebebeb; width: 43%;
                    margin-right: 30px; margin-bottom: 30px; color: #898989;}
                #form-contact TEXTAREA, #form-cerere TEXTAREA { border-radius: 5px; padding: 20px; border: 1px solid #ebebeb; color: #898989;
                    width: 95%;}
                #form-contact INPUT[type=submit], #form-cerere INPUT[type=submit], button{ width: initial; width: auto; float:right; margin-right: 0;
                    margin-top: 30px; padding: 10px 20px; background-color: #252525; color: #fff; font-weight: 600;}
                #form-contact #first-name, #form-contact #phone,
                #form-cerere #first-name, #form-cerere #phone{margin-right: 0;}
                #form-contact INPUT.error ,#form-contact TEXTAREA.error,
                #form-cerere INPUT.error ,#form-cerere TEXTAREA.error{ border: 1px solid #ed5a10}
    /* Media queries #container-contact */
    @media only screen and (max-width: 480px){
        #contact-data { width: 100%; text-align: center;}
            #contact-data TABLE { width: 192px; margin: 0 auto}
        .form-contact-box { width: 95%; float: none; margin: 0 auto;}
            #form-contact INPUT, #form-cerere INPUT {  padding: 15px; width: 90%; margin-right: 0;
                margin-bottom: 20px;}
            #form-contact TEXTAREA, #form-cerere TEXTAREA { padding: 15px; width: 90%;}
    }
    @media only screen and (min-width: 481px) and (max-width: 768px){
        #contact-data { width: 40%;}
        .form-contact-box {width: 60%;}
            #form-contact INPUT, #form-cerere INPUT { width: 85%; margin-right: 0;}
            #form-contact TEXTAREA, #form-cerere TEXTAREA { width: 85%;}
    }
    @media only screen and (min-width: 769px) and (max-width: 900px){
        #form-contact INPUT, #form-cerere INPUT { width: 39%; margin-right: 20px;}
        #form-contact TEXTAREA, #form-cerere TEXTAREA { width: 90%;}
        #form-contact INPUT[type=submit], #form-cerere INPUT[type=submit] { margin-right: 17px;}
    }
    @media only screen and (min-width: 901px) and (max-width: 1100px){
        #form-contact INPUT, #form-cerere INPUT { width: 42%; margin-right: 20px;}
        #form-contact TEXTAREA, #form-cerere TEXTAREA { width: 93%;}
        #form-contact INPUT[type=submit], #form-cerere INPUT[type=submit] { margin-right: 17px;}
    }
    @media only screen and (min-width: 1100px) and (max-width: 1200px){
        #form-contact INPUT, #form-cerere INPUT { width: 43%; margin-right: 20px;}
        #form-contact TEXTAREA, #form-cerere TEXTAREA { width: 94%;}
        #form-contact INPUT[type=submit], #form-cerere INPUT[type=submit] { margin-right: 10px;}
    }
    .container-produse {width:32%; float:left; margin-right:20px;}
        .product{}
            .product-header { color: #898989; font-weight: 600; border: 1px solid #ebebeb; display:block; position:relative;
                border-radius: 10px; padding: 20px;}
                .product-header:hover { color: #42b8dd; cursor: pointer;}
                .product-header:after {position:absolute; margin-top: -1px; right:5px; content:'+'; font-size:17px; font-weight:bold;}
                .product-active-header:after{ content:'-';}
                .product-active-header{color: #42b8dd;}
            .product-content {color: #363636; display: none; padding-left: 20px;}
                .product-active-content {display: block;}
    /* Media queries .container-produse */
    @media only screen and (max-width: 768px){
        .container-produse {width:100%; float:none; margin-right:0;}
    }
    @media only screen and (min-width: 769px) and (max-width: 1000px){
        .container-produse {width:30%; }
    }
    #container-pagination {position: relative;}
        /* ======= PAGINATION ======= */
        .pagination{ position: absolute; bottom: 12%; right: 0; }
            .pagination .button{ padding:5px 12px; border: 1px solid #ebebeb; border-radius: 5px; margin: 0 4px;}
                .pagination .button:hover { background-color: #252525;}
            .pagination .fa { color: #252525; font: normal normal normal 16px/1 FontAwesome !important; font-weight: 600;}
                .pagination .fa:hover{ color: #42b8dd;}
            .pagination A { color: #252525; font-weight: 600;}
            .pagination A:hover{ color: #fff;}
            .pages{ margin:0 2px; margin-top: 6px; float: left;}
                .pages .active {color: #42b8dd; }
                .page-inactive{ background-color:#efefef; cursor:not-allowed; /*display:none;*/ }
            .page-prev{ padding-right: 12px;}
            .page-next { padding-left: 12px;}
        /* Media queries .pagination */
        @media only screen and (max-width: 600px){
            .pagination{ position: relative; bottom: 0; }
        }
       
    #container-search{ position:relative;}
        #search{ position:absolute; bottom: 12%; right: 0; border: none; padding: 0 40px 0 0; }
            #search .fa-search{ padding: 11px; font: normal normal normal 28px/1 FontAwesome !important;
                color: #42b8dd; float: right; margin: -10px -40px 0 0;}
        #search-input {float: left;}
        #search-input INPUT { color: #666666; font-size: 30px;  border: none; border-color: transparent;}
            #search-input ::-webkit-input-placeholder { color: #666666; }
            #search-input :-moz-placeholder { color: #666666; }
            #search-input ::-moz-placeholder { color: #666666; }
            #search-input :-ms-input-placeholder { color: #666666; }
            #search-input INPUT{ outline: 0;}
        #container-pagination #search { top: 10%;}
    /* Media queries #container-search */
    @media only screen and (max-width: 768px){
        #search{ position:relative; right: 0; border: none; padding: 0 40px 0 0; }
        #search-input INPUT { font-size: 20px;}
        #search .fa-search{ padding: 8px; font: normal normal normal 20px/1 FontAwesome !important;}
    }
    #bar-produse-check {background-color: #ebebeb;}
        #container-products-check {}
                #container-products-check .bx-wrapper {margin-bottom: 0;}
                #container-products-check .bx-wrapper .bx-viewport { border: none; box-shadow: none; left: 0;
                    background-color: #ebebeb; padding: 60px 0;}
            #slider-produse {}
                .coloana-check { width: 24%; float: left; margin-right: 15px;}
                .input-produs { width: 100%; margin: 25px 0;}
                    .label-check-input { color:#898989; padding-left: 5px; margin-top: 0; cursor: pointer; font-weight: 600; }
                    .check-input {  width: 13px; height: 13px; padding: 0; margin:0; position: relative;
                        top: 2px; *overflow: hidden;}
                    #form-cerere INPUT[type=checkbox]{width: auto; width: initial; margin: 0;}
    /* Media queries #bar-produse-check */
    @media only screen and (max-width: 768px){
        #container-products-check .bx-wrapper .bx-viewport { padding: 20px 0;}
        .coloana-check { width: 90%; float: none; margin-right: 0; margin-left: 20px;}
    }
    @media only screen and (min-width: 768px) and (max-width: 1130px){
        #container-products-check .bx-wrapper .bx-viewport { padding: 20px 0;}
        .coloana-check { width: 23%; margin-right: 10px;}
    }
    #container-pager-form { margin-top: 45px;}
        #pager-text { width: 25%; }
            #slider-pager {}
                #slider-pager .button{ padding:5px 12px; border: 1px solid #ebebeb; border-radius: 5px; margin: 0 4px;}
                    #slider-pager .button:hover { background-color: #252525;}
                #slider-pager A { color: #252525; font-weight: 600;}
                    #slider-pager A:hover{ color: #fff;}
                    #slider-pager A.active {color: #42b8dd;}
            #text-cerere { color: #363636; margin-top: 40px;}
    /* Media queries #container-pager-form */
    @media only screen and (max-width: 480px){
        #pager-text { width:95%; float: none; margin: 0 auto;}
    }
    @media only screen and (min-width: 481px) and (max-width: 768px){
        #pager-text { width:40%;}
    }

#site-footer{ }
    #bar-producatori { background-color: #ebebeb;}
        #container-slider-footer{ width: 95%; margin: 0 auto; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 25px 0;}
            #container-slider-footer .bx-wrapper img { margin: 0 auto !important;}
            #slider-footer { }
            #site-footer .bx-wrapper .bx-viewport { box-shadow: none !important; border: 0 !important; background-color: #ebebeb !important;}
            #slider-footer-prev .bx-prev { float: left; margin-top: -4%; margin-left: -2.3%;
                background: url(../img/black-arrows.png) 7px 5px no-repeat; width: 14px; height: 27px; text-indent: -9999px;}
            #slider-footer-next .bx-next { float: right; margin-top: -4%; margin-right: -2%;
                background: url(../img/black-arrows.png) -7px 2px no-repeat; width: 16px; height: 27px;  text-indent: -9999px; }
    #bar-drepturi-dezvoltat { background-color: #252525; color: #ebebeb; padding: 20px 0;}
        #drepturi {}
        #dezvoltat A {color: #42b8dd; text-decoration: none;}
/* Media queries #site-footer */
@media only screen and (max-width: 480px){
    #slider-footer-prev .bx-prev { display: none; }
    #slider-footer-next .bx-next { display: none; }
    #drepturi{ float: none;}
    #dezvoltat{ float: none;}
}
@media only screen and (min-width: 481px)and (max-width: 700px){
    #slider-footer-prev .bx-prev { display: none; }
    #slider-footer-next .bx-next { display: none; }
    #drepturi{width: 70%;}
    #dezvoltat{ width: 30%; text-align: right;}
}
@media only screen and (min-width: 701px) and (max-width: 850px){
    #slider-footer-prev .bx-prev { margin-top: -4.3%; margin-left: -3.3%; }
}

/* === HARTA === */
#mainContainerMap { width: 1280px; margin: 0 auto; position: relative;}
#mapContainer { display: inline-block; position: relative; width: 100%; vertical-align: middle; }
.white-popup { position: relative; background: #FFF; padding: 30px; width: auto; max-width: 500px; margin: 20px auto; text-align:center; color: #666;}
    .white-popup h2 { color: #42b8dd; margin-top: 0;}
    .white-popup p { margin : 0;}
#test-popup {}
    #test-popup .container-tari {width: 100%; float: none; margin-right: 0;}
    #test-popup .tara-header { margin-bottom: 20px; font-weight: 600; border: none; border-radius: 0; padding: 0; color: #42b8dd; font-size: 20px;}
    #test-popup .tara-header:after { display: none; }
    #test-popup .tara-content { display: block; padding: 0; color: #666; }
#buttonMap { position: absolute; top: 20px; left: 20px; text-decoration: none; color: #363636; font-size: 16px; font-weight: 600;}

@media only screen and (max-width: 1300px){
    #mainContainerMap { width: 100% !important;}
    #small-devices-countries { padding: 10px;}
    #small-devices-countries .container-tari { width: 23.5%; margin-right: 2%; float: left;}
}
@media only screen and (max-width: 1170px){
    #bar-harta-interactiva{ display: none;}
    .mapHartaInteractica { display: block !important;}
}
@media only screen and (max-width: 785px){
    #small-devices-countries { padding: 0;}
}
@media only screen and (max-width: 640px){
    #small-devices-countries .container-tari { width: 48%; margin-right: 4%;}
    #small-devices-countries .container-tari:nth-of-type(even) { margin-right: 0;}
    #small-devices-countries .container-tari:nth-of-type(odd) { margin-right: 4%;}
    .tara-header { padding: 10px 20px;}
    .tara-content { padding-top: 10px;}
    .tara { margin-bottom: 10px;}
    .tara p { margin: 0;}
}
@media only screen and (max-width: 480px){
    #small-devices-countries { padding: 5px;}
    #buttonMap { top: 15px; left: 4px; font-size: 9px;}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             px; left: 3px; font-size: 10px;}
}
@media only screen and (max-width: 390px){
    #small-devices-countries .container-tari { width: 100%; margin-right: 0;}
}
.mapWrapper {position: relative;height: 400px;}
.mapWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* PAGE POLITICA  ========================================================================== */
/* Politica de confidentialitate */
.boxCheckbox { float: left; overflow: hidden; width: 330px;}
.politica { display: inline-block; width: 302px; height: 28px; margin: 10px 0; padding: 5px; color: #444444; border-radius: 5px;}
.politica.error {    border: 1px solid #ed5a10;}
.politica input[type="checkbox"] { width: auto; margin-bottom: 0; vertical-align: middle;}
.politica label { width: auto; padding-top: 6px; color: #afafaf;font-size: 12px; line-height: 12px;}
.politica i { font-weight: bold;}
.containerLabel { position: relative; display: block; 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: rgba(255, 255, 255, 0.1);}
.checkmark:after { position: absolute; display: none; content: "";}
.containerLabel input:checked ~ .checkmark:after { display: block;}
.containerLabel .checkmark:after { top: 3px;left: 3px;content: '\f00c ';color: #009038;font-family: FontAwesome;font-size: 18px;line-height: 18px;}
.containerLabel a { z-index: 1; pointer-events: all; position: relative;}

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