@charset "utf-8";

body { margin:0;
       padding:0;
	   overflow-x:hidden;
	 }

#harta { width:100%;
         margin-left:auto;
		 margin-right:auto;
	   }

#bara_head { width:100%;
             max-width:1157px;
			 margin-left:auto;
			 margin-right:auto;
			 margin-top:-16px;
		   }

#line { width:100%;
        max-width:1157px;
		margin-left:auto;
		margin-right:auto;
	  }

#contact_box { width:90%;
               max-width:1000px;
               margin-left:auto;
			   margin-right:auto;
			   margin-top:35px;
			 }

#c1 { width:100%;
      text-align:left;
	}

#c1_2 { width:100%;
        text-align:left;
		margin-bottom:50px;
	  }

#span_title { font-family: 'Roboto', sans-serif, Arial;
              font-size:35px;
			  line-height:40px;
			  color:#0e1f24;
			}

#c2 { width:100%;
      text-align:left;
	  margin-top:30px;
	  display: -webkit-box; 
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex; 
	  display: flex;
	  align-items: center;
	  -webkit-flex-wrap: wrap;
	  flex-wrap: wrap;
	  -webkit-align-content: center;
	  align-content: center;
	}

.span_text { font-family: 'Roboto', sans-serif, Arial;
             font-size:18px;
			 line-height:24px;
			 color:#2d2d2d;
		   }

.link_span { text-decoration:none;
             color:#2d2d2d;
		   }

#adr1 { width:60%;
        text-align:left;
      }

#adr2 { width:40%;
        text-align:left;
      }

#formular { width:100%;
            margin-top:80px;
			margin-bottom:100px;
		  }

.l1 { width:100%;
      display: -webkit-box; 
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex; 
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-content: center;
      align-content: center;
	  justify-content:space-between;
    }

.el1 { width:50%;
       text-align:left;
	   max-width:480px;
     }

.el2 { width:50%;
       text-align:left;
	   max-width:480px;
     }

.zel1 { width:50%;
       text-align:left;
	   max-width:480px;
     }

.zel2 { width:50%;
       text-align:left;
	   max-width:480px;
     }

.input_text { width:100%;
              box-sizing: border-box;
			  width:90%;
			  max-width:480px;
			  height:95px;
			  padding-left:30px;
			  font-family: 'Roboto', sans-serif, Arial;
			  font-size:18px;
			  line-height:25px;
			  color:#0e1f24;
			  background-color:#f7f7f7;
			  border:none;
			}

.l2 { width:100%;
      display: -webkit-box; 
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex; 
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-content: center;
      align-content: center;
	  margin-top:50px;
	  justify-content:space-between;
    }


.l3 { width:100%;
      display: -webkit-box; 
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex; 
      display: flex;
      align-items: center;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-content: center;
      align-content: center;
	  margin-top:50px;
	  justify-content:space-between;
    }

.check_line { width:100%;
              display: -webkit-box; 
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex; 
              display: flex;
              align-items: center;
              -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
              -webkit-align-content: center;
              align-content: center;
              margin-top:10px;
			}

#submit { width: 230px;
          height:70px;
		  background-color:#ff7800;
		  font-family: 'Roboto Slab', sans-serif, Arial;
		  font-size:18px;
		  line-height:25px;
		  color:#ffffff;
		  font-weight:bold;
		  border:none;
		  cursor:pointer;
		}
 
input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label {
    color: #ffffff;
}
input[type="checkbox"] + label{
    display:inline-block;
    width:20px;
    height:20px;
    vertical-align:middle;
    cursor:pointer;
	margin-left: 10px;
	margin-right: 10px;
    
}

input[type="checkbox"] + label {
     background-color:#ffffff;
	 border:1px solid #dfdfe0;
}

.radio_field_content{
	display: block;
}
input[type="checkbox"]:checked + label {
     background-color:#ff7800;
}

.error {  margin:0;
          font-weight:normal;
		  font-size:14px;
		  line-height:17px;
		  display:block;
		  text-align:left;
		  color:#ff0000;
		  font-family: 'Roboto Slab', sans-serif, Arial;
		  padding-top:3px;
	  }

#err_check { width:100%; }

#observatii { width:100%;
              height:200px;
			  margin-left:auto;
			  margin-right:auto;
			  border:solid 1px #f7f7f7;
			  background-color:#f7f7f7;
			  font-family: 'Roboto', sans-serif, Arial;
			  font-size:18px;
			  line-height:25px;
			  color:#0e1f24;
			  box-sizing: border-box;
			  padding:20px;
			}

#ty_container { width:90%;
                margin-left:auto;
				margin-right:auto;
				text-align:center;
				margin-top:20px;
				margin-bottom:20px;
				display:none;
              }

@media screen and (max-width: 1035px) and (min-width:991px)
{

#bara_head { width:100%;
             max-width:1157px;
			 margin-left:auto;
			 margin-right:auto;
			 margin-top:0;
		   }
}

@media screen and (max-width: 990px) and (min-width:481px)
{

#bara_head { width:100%;
             max-width:1157px;
			 margin-left:auto;
			 margin-right:auto;
			 margin-top:0;
		   }

#adr1 { width:100%;
        text-align:left;
      }

#adr2 { width:100%;
        text-align:left;
		margin-top:15px;
      }

.el1 { width:100%;
       text-align:center;
	   max-width:480px;
	   margin-left:auto;
	   margin-right:auto;
     }

.el2 { width:100%;
       text-align:center;
	   max-width:480px;
	   margin-top:20px;
	   margin-left:auto;
	   margin-right:auto;
     }

.zel1 { width:100%;
        text-align:left;
	    max-width:480px;
		margin-left:auto;
		margin-right:auto;
     }

.zel2 { width:100%;
        text-align:left;
	    max-width:480px;
		margin-left:auto;
		margin-right:auto;
     }

.l2 { width:100%;
      display: -webkit-box; 
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex; 
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-content: center;
      align-content: center;
	  margin-top:20px;
	  justify-content:space-between;
    }

#submit { margin-left:auto;
          margin-right:auto;
		  margin-top:30px;
		}

.l3 { width:100%;
      display: -webkit-block; 
      display: -moz-block;
      display: -ms-block;
      display: -webkit-block; 
      display: block;
      align-items: center;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-content: center;
      align-content: center;
	  margin-top:50px;
	  justify-content:space-between;
    }

.input_text { width:100%;
              box-sizing: border-box;
			  width:90%;
			  max-width:480px;
			  height:95px;
			  padding-left:30px;
			  font-family: 'Roboto', sans-serif, Arial;
			  font-size:18px;
			  line-height:25px;
			  color:#0e1f24;
			  background-color:#f7f7f7;
			  border:none;
			  margin-left:auto;
			  margin-right:auto;
			}
}

@media screen and (max-width: 480px)
{

#bara_head { width:100%;
             max-width:1157px;
			 margin-left:auto;
			 margin-right:auto;
			 margin-top:0;
		   }

#adr1 { width:100%;
        text-align:left;
      }

#adr2 { width:100%;
        text-align:left;
		margin-top:15px;
      }

.el1 { width:100%;
       text-align:center;
	   max-width:480px;
	   margin-left:auto;
	   margin-right:auto;
     }

.el2 { width:100%;
       text-align:center;
	   max-width:480px;
	   margin-top:20px;
	   margin-left:auto;
	   margin-right:auto;
     }

.zel1 { width:100%;
        text-align:left;
	    max-width:480px;
		margin-left:auto;
		margin-right:auto;
     }

.zel2 { width:100%;
        text-align:left;
	    max-width:480px;
		margin-left:auto;
		margin-right:auto;
     }

.l2 { width:100%;
      display: -webkit-box; 
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex; 
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-content: center;
      align-content: center;
	  margin-top:20px;
	  justify-content:space-between;
    }

#submit { margin-left:auto;
          margin-right:auto;
		  margin-top:30px;
		}

.l3 { width:100%;
      display: -webkit-block; 
      display: -moz-block;
      display: -ms-block;
      display: -webkit-block; 
      display: block;
      align-items: center;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-content: center;
      align-content: center;
	  margin-top:50px;
	  justify-content:space-between;
    }

.input_text { width:100%;
              box-sizing: border-box;
			  width:90%;
			  max-width:480px;
			  height:95px;
			  padding-left:30px;
			  font-family: 'Roboto', sans-serif, Arial;
			  font-size:18px;
			  line-height:25px;
			  color:#0e1f24;
			  background-color:#f7f7f7;
			  border:none;
			  margin-left:auto;
			  margin-right:auto;
			}

input[type="checkbox"] + label{
        display:inline-block;
    width:15px;
    height:15px;
    vertical-align:middle;
    cursor:pointer;
	margin-left: 5px;
	margin-right: 5px;
    }

.span_text { font-family: 'Roboto', sans-serif, Arial;
             font-size:16px;
			 line-height:22px;
			 color:#2d2d2d;
		   }

.check_line { width:100%;
              display: -webkit-box; 
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex; 
              display: flex;
              align-items: center;
              -webkit-flex-wrap: no-wrap;
              flex-wrap: no-wrap;
              -webkit-align-content: center;
              align-content: center;
              margin-top:10px;
			}

.di { width:10%;
    }

.dl { width:90%; }

}