.overlay_popup {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.8);
	transition: opacity 200ms;
	visibility: hidden;
	opacity: 0;
}
.overlay_popup:target {
	visibility: visible;
	opacity: 1;
}

.popup_pcf { /* Fereastra popup cu Politica de confidentialitate (include headerul si footerul) */
	margin: 25px auto;
	/*background: #fff;*/
	background-color: #ED1A23; /* background header si footer; De luat o culoare din site; Rosu de la TAXI Galant */
	border: 1px solid #666;
	/*width: 300px;*/
	max-width: 80%;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
	position: relative;
	border:10px solid #000000;
}

/*.popup_pcf h2 {
	margin-top: 0;
	color: #666;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
}*/

/* Close button X top */
.popup_pcf .close_x_popup {
	position: absolute;
	margin-top: -7px;
	width: 20px;
	height: 20px;
	top: 20px;
	right: 20px;
	opacity: 0.8;
	transition: all 200ms;
	font-size: 32px;
	font-weight: 700;
	text-decoration: none;
	color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
}
.popup_pcf .close_x_popup:focus, 
.popup_pcf .close_x_popup:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
	filter: alpha(opacity=99);
    opacity: .99;
}
.popup_pcf .content_popup_txt {
	/*max-height: 400px;*/
	max-height:60vh; /* 60vh = 60% din Viewport Height */
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #FFF;
	padding: 20px;
	word-wrap: break-word; /* force to break a long word */
}

/* BEGIN txt content a buttons */
/*
.popup_pcf .content_popup_txt a { background-color:#333333; color:#FFFFFF; padding:3px 10px; border:1px solid #000000; text-decoration:none; display:flex; }
.popup_pcf .content_popup_txt a:hover { background-color:#000000; color:#FFFFFF; }
.popup_pcf .content_popup_txt a:active { background-color:#FF0000; color:#FFFFFF; }
*/
.popup_pcf .content_popup_txt a {
    display: inline-block;
    padding: 0.2em 1.45em;
    margin: 0.1em;
    border: 0.15em solid #CCCCCC;
    box-sizing: border-box;
    text-decoration: none;
    font-family: 'Segoe UI', 'Roboto', sans-serif;
    font-weight: 400;
    color: #000000;
    background-color: #CCCCCC;
    text-align: center;
    position: relative;
}
.popup_pcf .content_popup_txt a:hover { border-color:#7a7a7a; }
.popup_pcf .content_popup_txt a:active { background-color:#000000; color:#FFFFFF; }
/* END txt content a buttons */

.popup_pcf p {
	margin: 0 0 1em;
}
.popup_pcf p:last-child {
	margin: 0;
}



/* CUSTOM CSS */



/* Header */
.popup_header_div {
    padding: 15px;
    border-bottom: 1px solid #000; /* De luat o culoare din site;  */
	min-height: 30px;
}
.popup_header_title { /* Titlu in header */
	margin: 0;
	line-height: 1.42857143;
	font-size: 1.4em;
	color: #FFF; /* Culoare titlu header; De luat o culoare din site; */
}



/* Footer */
.popup_footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #000; /* De luat o culoare din site;  */
}
.popup_footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}
.popup_footer .btn-group .btn+.btn {
    margin-left: -1px
}
.popup_footer .btn-block+.btn-block {
    margin-left: 0
}



/* Footer close button style and effects */

/* Responsive Close Button-4 Footer */
.button4 {
    display: inline-block;
    padding: 0.3em 1.2em;
    margin: 0 0.3em 0.3em 0;
    border: 2px solid rgba(255, 255, 255, 0);
    /*border-radius: 2em;*/
    box-sizing: border-box;
    text-decoration: none;
	font-size: 1.1em;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #FFFFFF;
    text-shadow: 0 0.04em 0.04em rgba(0, 0, 0, 0.35);
    text-align: center;
    transition: all 0.2s;
	background-color: #000; /* Background buton close; De luat o culoare din site;  */
}
.button4:hover { border-color:rgba(255, 255, 255, 1); background-color:#1a1a1a; }
.button4:active { border-color:rgba(255, 255, 255, 1); background-color:#FF0000; color:#000000; }


/* Bouncy effect for buttons */
.bouncy {
    animation: bouncy 5s infinite linear;
    position: relative;
}
@keyframes bouncy {
    0% 	{ top:0em }
    40% { top:0em }
    43% { top:-0.9em }
    46% { top:0em }
    48% { top:-0.4em }
    50% { top:0em }
    100% { top:0em; }
}

/* BEGIN header TAB buttons */
/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  /*padding: 6px 12px;*/
  /*border: 1px solid #ccc;*/
  border-top: none;
}
/* END header TAB buttons */




/* =============  MOBILE CSS  ============= */

@media only screen and (max-width:1024px) { /* Laptop 1024px */
	.popup_pcf .content_popup_txt { max-height:48vh; overflow-x:hidden; overflow-y:auto; background-color:#FFF; padding:20px; word-wrap:break-word; }
	.button4 { display:block; margin:0.2em auto; width:100%; font-size:1.5em; word-wrap:break-word; }
}
@media only screen and (max-width:768px) { /* Tablete 768px */
	.popup_pcf .content_popup_txt { max-height:44vh; overflow-x:hidden; overflow-y:auto; background-color:#FFF; padding:20px; word-wrap:break-word; }
	.popup_pcf .content_popup_txt a { display:block; margin:0.2em auto; }
	.button4 { display:block; margin:0.2em auto; width:100%; font-size:1.4em; word-wrap:break-word; }
	h1 { font-size:1.4em; }
}
@media only screen and (max-width:430px) { /* Mobile L */
	.popup_pcf .content_popup_txt { max-height:40vh; overflow-x:hidden; overflow-y:auto; background-color:#FFF; padding:20px; word-wrap:break-word; }
	.popup_header_title { /* Titlu in header */ margin:0; line-height:1.42857143; font-size:1em; color:#FFF; }
}
@media only screen and (max-width:380px) { /* Mobile M */
	.popup_pcf .content_popup_txt { max-height:38vh; overflow-x:hidden; overflow-y:auto; background-color:#FFF; padding:20px; word-wrap:break-word; }
	.popup_header_title { /* Titlu in header */ margin:0; line-height:1.42857143; font-size:1em; color:#FFF; }
	.button4 { display:block; margin:0.2em auto; width:100%; font-size:1.3em; word-wrap:break-word; }
	h1 { font-size:1.3em; }
}
@media only screen and (max-width:330px) { /* Mobile S */
	.popup_pcf .content_popup_txt { max-height:36vh; overflow-x:hidden; overflow-y:auto; background-color:#FFF; padding:20px; word-wrap:break-word; }
	.popup_header_title { /* Titlu in header */ margin:0; line-height:1.42857143; font-size:0.8em; color:#FFF; }
	.button4 { display:block; margin:0.2em auto; width:100%; font-size:1.2em; word-wrap:break-word; }
	h1 { font-size:1.2em; }
}








