.social-list
    {
    max-width:124px;
    width:100%;
    }
.navbar-toggler
    {
    padding:0;
    }
.custom-radios  {
  display: flex;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    outline: none;
}
 input[type=checkbox], input[type=radio] {
  display: none;
}
input[type=checkbox] + label, input[type=radio] + label {
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 14px;
}

 input[type=checkbox] + label span {
  display: inline-block;
  position:relative;
  width: 38px;
  height: 38px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 6px;
  border: 2px solid #5447C8;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 44px;
}

input[type=radio] + label span {
  display: inline-block;
  position:relative;
  width: 38px;
  height: 38px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #5447C8;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 44px;
}
 input[type=checkbox] + label small, input[type=radio] + label small{}
input[type=checkbox] + label span img, input[type=radio] + label span img {
    position:absolute;
    left:0;
}
 input[type=checkbox] + label span .cha, input[type=radio] + label span .cha {
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.3s ease;
  display:none;
}
 input[type=checkbox]:checked + label span .ch1, input[type=checkbox]:radio + label span .ch1 {
  opacity: 1;
  filter: alpha(opacity=100);
  transition: all 0.3s ease;
}

.custom-radios input[type=checkbox] + label span, .custom-radios input[type=radio] + label span {
  background-color: #fff;
}

.custom-radios input[type=checkbox]:checked + label span .cha, .custom-radios input[type=radio]:checked + label span .cha {
  opacity: 1;
  filter: alpha(opacity=100);
  display:block;
}
.custom-radios input[type=checkbox]:checked + label span .chi, .custom-radios input[type=radio]:checked + label span .chi {
  opacity: 0;
  filter: alpha(opacity=0);
  display:none;
}

.custom-radios input[type=radio]:disabled + label span, .custom-radios input[type=radio]:disabled + label span 
{
  background: #f3f3f3;
  border:none;
}


.custom-radios input[type=checkbox]:checked + label span, .custom-radios input[type=radio]:checked + label span 
{
  background: #5447C8;
}



/** KATEGÓRIÁK **/
label{   
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
}
 input[type=checkbox] + label .kat, input[type=radio] + label .kat {
  display: inline-block;
  position:absolute;
  left:0;
  right:0;
  top:0;
  margin: auto;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 0;
  border: none;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 44px;
}
 input[type=checkbox] + label small, input[type=radio] + label small{}
input[type=checkbox] + label .kat img, input[type=radio] + label .kat img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
}
 input[type=checkbox] + label .kat .cha, input[type=radio] + label .kat .cha {
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.3s ease;
  display:none;
}
 input[type=checkbox]:checked + label .kat .ch1, input[type=checkbox]:radio + label .kat .ch1 {
  opacity: 1;
  filter: alpha(opacity=100);
  transition: all 0.3s ease;
  display: block;
}

.custom-radios input[type=checkbox] + label .kat, .custom-radios input[type=radio] + label .kat {
  background-color: #ededed;
  width: 100%;
  height: 100%;
  border-radius:6px;
}

.custom-radios input[type=checkbox]:checked + label .kat .cha, .custom-radios input[type=radio]:checked + label .kat .cha {
  opacity: 1;
  filter: alpha(opacity=100);
  height:100%;
  display: block;
}
.custom-radios input[type=checkbox]:checked + label .kat .chi, .custom-radios input[type=radio]:checked + label .kat .chi {
  opacity: 0;
  filter: alpha(opacity=0);
  display:none;
}


.custom-radios input[type=checkbox]:checked + label .kat, .custom-radios input[type=radio]:checked + label .kat 
{
    background: #fff;
    width: 100%;
    height: 100%;
    border-radius:6px;
}

.custom-radios input[type=checkbox] + label .hol, .custom-radios input[type=radio] + label .hol 
{

    width: 100%;

    border-radius: 0px;
    border: none;
}


.custom-radios input[type=checkbox]:checked + label .hol, .custom-radios input[type=radio]:checked + label .hol 
{
    background: #fff;
    width: 100%;

    border-radius: 0px;
    border: none;
}




.sphere {

    width:25px;
    height:25px;
    display:inline-block;
	background:#e20074;
    border-radius:6px;
    border:1px solid #369cbc;
    margin:0 auto;

}

.sphere:before { /*sourced from hop.ie/blog/balls*/
  content: "";
} 


#wrap {
	margin: 0 auto;
	width: 640px;
}

.clear {
	clear: both;
}