@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%; }



#detalii { 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%; }



}