.contenttransport {

    display: none;

}





#message{

  position: relative;

  top: 10px;

  color:green;

}

#err{

  position: relative;

  top: 10px;

  color:red;

}

.redsaptamanii {



    border: solid #005eb8;

    border-radius: 4px;

    padding: 15px 10px 10px;

  width: 96%;

}



.redsaptamanii .headerz {

    position: absolute;

    margin-top: -25px;

    margin-left: 10px;

    color: white;

    background: #005eb8;

    border-radius: 10px;

    padding: 2px 10px;

    width: auto;

}





@import url('https://fonts.googleapis.com/css?family=Lato');









ul#transport{

color: #000000;

    display: block;

    position: relative;

    float: right;

    width: 100%;

    height: auto;

    border-bottom: 1px solid #333;

}

 li#transport{  

 color: #000000;

    display: block;

    position: relative;

    float: right;

    width: 100%;

    height: auto;

    border-bottom: 1px solid #333;

}

ul#transport input[type=radio]{

  position: absolute;

  visibility: hidden;

}

li#transport input[type=radio]{

  position: absolute;

  visibility: hidden;

}



ul#transport  label{

     display: block;

    position: relative;

    font-weight: 200;

    font-size: 18px;

    padding: 1px 1px 1px 70px;

    margin: 10px auto;

    z-index: 9;

    cursor: pointer;

    -webkit-transition: all 0.25s linear;

}

 li#transport label{

     display: block;

    position: relative;

    font-weight: 200;

    font-size: 18px;

    padding: 1px 1px 1px 70px;

    margin: 10px auto;

    z-index: 9;

    cursor: pointer;

    -webkit-transition: all 0.25s linear;

}



ul#transport :hover label{

	color: red;

}

li#transport:hover label{

	color: red;

}



ul li .check{

  display: block;

  position: absolute;

  border: 5px solid #524f4f;

  border-radius: 100%;

  height: 20px;

  width: 20px;

  top: 20px;

  left: 20px;

	z-index: 5;

	transition: border .25s linear;

	-webkit-transition: border .25s linear;

}



ul li:hover .check {

  border: 5px solid red;

}



ul li .check::before {

  display: block;

  position: absolute;

	content: '';

  border-radius: 100%;

  height: 10px;

  width: 10px;

  top: 5px;

	left: 5px;

  margin: auto;

	transition: background 0.25s linear;

	-webkit-transition: background 0.25s linear;

}



input[type=radio]:checked ~ .check {

  border: 5px solid #0DFF92;

}



input[type=radio]:checked ~ .check::before{

  background: #0DFF92;

}



input[type=radio]:checked ~ label{

  color: #000000;

}

/* The container */

.livrareinromania {

  position: relative;

  padding-left: 35px;

  margin-bottom: 12px;

  cursor: pointer;

  font-size: 18px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



/* Hide the browser's default radio button */

.livrareinromania input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

}



/* Create a custom radio button */

.checkmark {

  position: absolute;

  top: 0;

  left: 0;

  height: 25px;

  width: 25px;

  background-color: #aba4a4;

  border-radius: 50%;

}



/* On mouse-over, add a grey background color */

.livrareinromania:hover input ~ .checkmark {

  background-color: #ccc;

}



/* When the radio button is checked, add a blue background */

.livrareinromania input:checked ~ .checkmark {

  background-color: #13d21b;

}



/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {

  content: "";

  position: absolute;

  display: none;

}



/* Show the indicator (dot/circle) when checked */

.livrareinromania input:checked ~ .checkmark:after {

  display: block;

}



/* Style the indicator (dot/circle) */

.livrareinromania .checkmark:after {

 	top: 9px;

	left: 9px;

	width: 8px;

	height: 8px;

	border-radius: 50%;

	background: white;

}