body {
    background: #e2ecf9!important;
}
.LPinfo, .LPcheckboxTitle {
        font-size: 12px !important;
    line-height: 14px !important;
    margin-top: 14px !important;
}
#supra_h1{
	margin: 13px 0 0 !important;
    line-height: 50px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    background: -webkit-linear-gradient(#e04400, #dab415);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#lp_h1{
	margin: -10px 0 !important;
	 font-size: 36px !important;
    line-height: 50px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    background: -webkit-linear-gradient(#345837, #378c3e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#sub_h1{
	margin-top: -10px !important;
	font-family: 'Roboto Condensed', sans-serif !important;
    background: -webkit-linear-gradient(#dab415, #e04400);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.containers{
    margin-top: 10px;
  width:100%;
  margin:0 auto;
  position:relative;
  padding-bottom:10px;
  overflow:hidden;
}

.container {
	max-width: 900px !important;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 60px;
	line-height: 20px;
	background-color: #FFFFFF;
	border: 0px solid #CC0000;
	text-align: left;
	z-index:999;
	position:relative;
	box-shadow: 0px 2px 6px 0px #d2d2d2;
}

.top {
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	font-size: 13px;
	text-align: left;
	background-color: #FFF;
	padding: 0px 10px 0px 10px;
	margin: 30px 0px 0px 0px;
	border: 1px solid #015daa;
	border-bottom: 1px solid #CCCCCC;
}
.footer {
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	font-size: 13px;
	text-align: left;
	color: #000000;
	background-color: #FFF;
	padding: 10px;
	margin: 0px 0px 30px 0px;
	border: 1px solid #015daa;
	border-top: 1px solid #CCCCCC;
}
.copy {
	font-size: 10px !important;
	line-height: 140% !important;
}
.copy * {
	font-size: 10px
}
.container-testimonial-lt {
	width: 100%;
	float: none;
	margin:0 auto;
}
.container-testimonial-rt {
	width: 50%;
	float: right;
	text-align: left;
}
.container-testimonial-lt22 {
	width: 30%;
	float: left;
	text-align: center !important;
}
.container-testimonial-rt22 {
	width: 68%;
	float: right;
	padding: 5px;
}
.container-testimonial-lt33 {
	width: 45%;
	float: left;
	text-align: center !important;
}
.container-testimonial-rt33 {
	width: 45%;
	float: right;
	padding: 5px;
}
.container-testimonial-lt22 img {
	margin-top: 22%;
}
.container-testimonial-rt22 h4 {
	font-size: 20px;
}                   
blockquote {
    font-size: 16px !important;
    margin: 0;
    padding: 30px;
    width: 95%;
    background-image: linear-gradient(to bottom, #f8f8f8b8 , #d8d8d8ed) !important;
    color: #000;
    box-shadow: 0 5px 2px rgb(0 0 0 / 10%);
    position: relative;
    transition: background-color 0.6s linear;
}
blockquote:after { 
	content: " "; 
	height: 0; 
	width: 0; 
	position: absolute; 
	top: 100%; 
	border: solid transparent; 
	border-top-color: #dbdbdc;
	border-left-color: #dbdcdc;
	border-width: 10px; 
	left: 10%; 
  } 
 /* blockquote:before,  blockquote:after {
	content: "\201C";
	position: absolute;
	font-size: 80px;
	line-height: 1;
	color: #00A3A0;
	font-style: normal;
} */

 /* blockquote:before {
	top: 0;
	left: 10px;
}
 
 blockquote:after {
	content: "\201D";
	right: 10px;
	bottom: -0.5em;
} */
.quotes{
	position:absolute;
	color:rgba(135, 161, 183, 0.6);
	font-size:5em;
  } 
  .leftq{
	top:0px;
	left:5px;
  }
  .rightq{
	bottom:0px;
	right:5px;
  }
  .name {
    text-align: left;
    color: #000080;
    margin: 15px 0 5px!important;
    text-shadow: 0 1px rgb(255 255 255 / 50%);
    font-size: 16px !important;
}
 /* div {
	width: 0;
	height: 0;
	border-left: 0 solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #efefef;
	margin: 0 0 0 60px;
}

 p {
	margin: 8px 0 0 20px;
	text-align: left;
	color: #000;
	font-weight:bold;
} */

form * {font-family:verdana;font-size:12px;vertical-align:top;line-height:14px;}
.culoare {background-color:#FBFBEA;}
sup {color:#FF0000;font-weight:bold}
#sup {color:#000000;position:relative;font-size:10px;top:-2px}
#t_form {width:120px;float:left;position:relative;top:2px;font-weight:bold;text-align:right;margin-right:5px;font-size: 12px !important;}
.contur {
	border: 1px solid #000000;
	padding: 1px 2px;
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 2px;
}
.tip_buton {
	    border: none !important;
    font-size: 20px !important;
    color: #FFFFFF;
    font-weight: 600;
    padding: 20px 15px !important;
	background-color: #f67600!important;
    font-family: 'Roboto Condensed', sans-serif !important;
    border-radius: 5px !important;
    -webkit-box-shadow: 0 11px 10px -9px #222;
    -moz-box-shadow: 0 11px 10px -9px #222;
    box-shadow: 0 11px 10px -9px #222 !important
}
.tip_radio {
	width: 12px;
	height: 12px;
	line-height: 14px;
	border-width: 0px;
	margin: 3px 5px 1px
}
.tip_checkbox {
	width: 12px;
	height: 12px;
	line-height: 14px;
	border: 1px solid #000000;
	margin: 3px 5px 1px
}
.radio {
	font-weight: bold;
	position: relative;
	top: 2px;
	font-style: italic;
	font-size: 12px
}
table.first {
	border: 1px solid #333;
	background-color: #ffffff;
	width: 700px;
	text-align: left;
	font-size: 12px;
}
table.first td {
	padding: 2px 10px 2px 10px;
	text-align: left;
}

body, div, p {
	font-family:'Roboto Condensed', sans-serif !important;
	font-weight: 400;
	font-size: 16px !important;
	line-height: 1.4 !important;
}


.container p {padding:15px; margin:0px;font-size:13px;}

.containerLeft {
	float: left;
	width: 510px;
}
.containerRight {
	float: left;
	width: 250px;
	margin-left: 10px;
	font-size: 11px;
	background-color: #FAFAFA;
	border: 1px dotted #CCC;
	padding: 0px 5px 10px 5px;
}
.containerRight p {
	font-size: 11px;
}
.containerRight strong {
	font-size: 10px;
}
.boxRight {
	float: right;
	text-align: left;
	margin: 0px 0px 20px 20px;
	width: 260px;
	padding: 5px;
	line-height: 21px;
	background-color: #f0f0f0;
	z-index: 99;
}
.boxLeft {
	float: left;
	margin: 0px 20px 20px 0px;
	width: 280px;
	padding: 5px;
	line-height: 21px;
}

a:link {color:#CC0000;}
a:visited {color: #CC0000;}
a:hover {color: #990000;}
a:active {color: #CC0000;}

h1{
	color:#7438b5;
	font-size:26px;
	margin-left:11px;
	margin-right:11px;
	margin:20px 0px 20px 0px;
	padding:20px 0px 30px 0px;
	text-align:center;
	line-height:38px;
}
h2{
	color:#008000;
	font-size:15px;
	padding:10px;
	padding-left:0px;
	font-weight:bold;
	margin:20px 0px 20px 0px;
	line-height:28px;
	border-bottom:0px solid #CCC;
	text-align:left;
}
h3{
	color:#849bcd;
	font-size:15px;
	font-weight:bold;
	margin:20px 0px 10px 0px;
}
.btn-3, .btn-3a {
    border-radius: 5px;
    font-size: 16px !important;
    background: #4c8651 !important;
    color: #fff;
    font-weight: bold !important;
    text-transform: none !important;
    padding: 15px 26px 15px 78px !important;
    box-shadow: inset 0px -3px #307036;
}

.btn-3:hover {
	background: #3b7440 !important;
	box-shadow: inset 0 3px rgba(0,0,0,.2);
	-webkit-transition: 0.7s;
	transition: 0.7s;
	color: #ffffff !important;
}

iframe{
    width:100%;
    max-width:900px;
    margin:0 auto;
    min-height:500px;
}
.btn-3:before {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 1.7 !important;
    font-size: 210% !important;
    width: 60px !important;
}
.btn-3a.last-btn:before{
	line-height:1.7!important;
}
.btn-3a:before {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    line-height:1.8!important;
    font-size: 180% !important;
    width: 60px !important;
}

.icon-cart:before {
    font-family: "Material Icons" !important; 
    content: "touch_app" !important;
    
}

.call2action {margin:20px 0px 20px 0px;text-align:center;font-size:16px;color:#FF0000;font-weight:bold;}
.comForm {margin:30px 0px 30px 0px;}

.copy {font-size:10px}
.copy * {font-size:10px}
.lstNumRom {list-style:upper-roman;font-size:13px;}
.lstNum {font-size:13px;list-style:decimal;}
.lstNone {font-size:13px;list-style:none;}
.lstNormal {font-size:13px;list-style:disc;}
.lstA {font-size:13px;list-style-image:url(img/bullet_a.gif);}
.lstB {font-size:13px;list-style-image:url(img/bullet_b.gif);}
.lstC {font-size:13px;list-style-image:url(img/bullet_c.gif);}
.lstD {font-size:13px;list-style-image:url(img/bullet_d.gif);}
.lstE {font-size:13px;list-style-image:url(img/bullet_e.gif);}
.lstF {font-size:13px;list-style-image:url(img/bullet_f.gif);}
.lstG {font-size:13px;list-style-image:url(img/bullet_g.gif);font-weight:bold;}
.lstH {font-size:13px;list-style-image:url(img/bullet_h.gif);}
.lstI {font-size:13px;list-style-image:url(img/bullet_i.gif);}
.green {color:#008000;}
.red {color:#FF0000;}
.blue {color:#000099;}
.yellow {color:#ff9900;}
#right_div{ float:right; margin:0px 0px 10px 10px; }

#right_div ul{ margin:5px 5px 5px 25px; padding:0;}

.visible-xs{
	display:none;
}
.btn-24{
	background: linear-gradient(#f67600, #cf6401)!important;
	color:#fff!important;
	font-size:16px!important;
}
.btn-24:hover{
	background: linear-gradient( #cf6401,#f67600)!important;
}
.produs-catalog{
	width: 50%;
	text-align: center;
	margin-bottom: 15px;
}
.produs-catalog .material-symbols-outlined{
	color: #4954a08c;
    font-size: 20px;
    vertical-align: middle;
}
.catalog-produse{
	flex-wrap: wrap;
    justify-content: space-between;
}
@media only screen and (max-width: 600px) {
	.hidden-xs{
		display:none !important;
	}
	.visible-xs{
		display:block!important;
	}
	.quotes{
		display: none!important;
	}
	blockquote{
		width:80%!important;
	}
	#sub_h1{
		font-size: 24px !important;
        line-height: 1.4 !important;
        margin-top: 20px !important;
	}
	#supra_h1{
		font-size: 26px !important;
        line-height: 1.4 !important;
        margin-bottom: 20px !important;
	}
	.produs-catalog{
		width: 100%!important;
		
	}
	#img-produs{
		margin: 0px 15%;
		float: none!important;
	}
	#img-gri{
		margin: 0px 15%;
		border-radius: 50%;
		max-width: 160px;
		float: none!important;

	}
	#produs-header{
		float: none!important;
		margin: 0px 20%;
	}
	#venn{
		max-width: 120px!important;
	}
	.span-colorat{
		line-height: 40px!important;
	}
	.elem-grafic{
		float: none!important;
		width:180px!important;
		margin:0px 20%!important;
	}
	.img-lector{
		float: none!important;
		margin:0px 20%!important;
	}
}
@media only screen and (max-width: 999px){
.container {
    max-width: 100%!important;
    margin: 0px;
    width: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
}
.btn-26 {
    border-radius: 5px;   
    font-size: 18px!important;
    background: #219591!important;
    color: #fff;
    font-weight: bold;
    text-transform: none;
    padding: 10px 20px 10px 20px;
    box-shadow: 2px 3px 4px #9f9f9f;
}