html body {
	width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}
header.primary-desktop {
	height: auto !important;
}
#content {
	background: #fff;
	color: #000;
	max-width: 1440px;
	margin: 0 auto;
}
#sort {
	padding-left:8px;
}
#vili {
	color:red;
}


#mobiilne table, tr, td, th {
  	border: 5px solid !important;
	border-color:#fff !important;
}


/* CPT styles */
.bg-black {
	background: #fff;
}
.cpt-page {
	display: inline-block;
	width: 100%;
    padding: 25px 2% 25px 4%;
	margin-bottom: -8px;
}
.cpt-page * {
	box-sizing: border-box;
}
.cpt-page h2 {
	margin-bottom: 2px;
	font-size: 20px;
	width: 100%;
	text-align: center;
	min-height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index:5;
}
.cpt-page h6 {
	margin-bottom: 2px;
	font-size: 14px;
	width: 100%;
	text-align: center;
	min-height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index:5;
	
}

/*--------------------------------------Lisainfo ja hover-------------------------------------*/
#lisainfo {
	text-align: center;
	color:#fff;
	margin-bottom:40px;	
}

.cpt-page .sisu {
	min-height: 240px;
	width: 250px;
	max-height: 100%;
	display:none;
}

.cpt-page #lisainfo:hover+ .sisu {
	background-color:1bb0ce;
	
}

.cpt-page .img-wrap {
	display: inline-block;
	width: 100%;
	text-align: center;
	position:relative;
}

.cpt-page .img img {
    border-radius: 0px;
    display: inline-block;
    overflow: hidden;
    max-height: 100%;
	position:relative;

}

.cpt-page .img a img.kampaania {
    border-radius: 0px;
    display: inline-block;
    overflow: hidden;
    max-height: 100%;
	position:absolute;
	z-index;20;
    width: 100%;
	margin-top:0px;
	margin-right:0px;
	
}


.cpt-page .data.container {
	min-height: 240px;
	width: 250px !important;
	min-width:auto !important;
	max-width: 100% !important;
	max-height: 100%;
	
}
.cpt-page.ounad .data.container {
	min-height: 130px;
	width: 100%;
	/* max-width: 300px !important; */
}
.cpt-page .data.container .ounad {
	display: flex;
}

/*--------------------------------------Vili-------------------------------------*/



.cpt-page .data.container .varasemad_tookohad {
	position: relative;
	z-index:20;
	color:red;
}
#vili:hover ~ #puu {
  display: none
}
#puu:hover ~ #vili {
  display: none
}
.cpt-page .data.container .vili:hover  {
	position: absolute;
	width: 210px;
	height:auto;
    overflow:hidden;  
    text-overflow: ellipsis;
	text-align: justify:
	overflow: visible;
	background-color:#fff;
	z-index:20;
	color:green;
}
.cpt-page .data.container .vili {
	width: 210px;
	height:92px;
    overflow:hidden;  
    text-overflow: ellipsis;
	overflow:hidden;
	z-index:20;
}

.cpt-page .data.container .vili:hover data {
	position: absolute;
	top: 0px;
	right: auto;
	left: 75px;
	width: 60%;
	height: auto;
	text-align: justify:
	box-shadow: 0 0px 0px 0px rgba(0,0,0,0.7);
	white-space: normal;
	text-overflow: unset;
    z-index: 20;
}

/*---------------------------puu---------------------------*/
.cpt-page .data.container .puu {
	position: relative;
	z-index:5;
}
.cpt-page .data.container .puu:hover  {
	 position: absolute;
	 width: 210px;
	height:auto;
    overflow:hidden;  
    text-overflow: ellipsis;
	text-align: justify:
	overflow: visible;
	background-color:#fff;
	z-index:20;
	color:green;
}
.cpt-page .data.container .puu {
	width: 210px;
	height:50px;
    overflow:hidden;
	text-align: justify:
    text-overflow: ellipsis;
	overflow:hidden;
	z-index:999;
}

.cpt-page .data.container .puu:hover .data {
	position: absolute;
	top: 0px;
	right: auto;
	left: 75px;
	width: 60%;
	height: auto;
	text-align: justify:
	box-shadow: 0 0px 0px 0px rgba(0,0,0,0.7);
	white-space: normal;
	text-overflow: unset;
    z-index: 20;
}

/*---------------------------taim---------------------------*/

#vili:hover ~ #taim {
  display: none
}

..cpt-page .data.container .taim {
	position: relative;
	z-index:5;
}
.cpt-page .data.container .taim:hover  {
	 position: absolute;
	 width: 210px;
	height:auto;
    overflow:hidden;  
    text-overflow: ellipsis;
	text-align: justify:
	overflow: visible;
	background-color:#fff;
	z-index:20;
	color:green;
}
.cpt-page .data.container .taim {
	width: 210px;
	height:50px;
    overflow:hidden;
	text-align: justify:
    text-overflow: ellipsis;
	overflow:hidden;
	z-index:999;
}

.cpt-page .data.container .taim:hover .data {
	position: absolute;
	top: 0px;
	right: auto;
	left: 75px;
	width: 60%;
	height: auto;
	text-align: justify:
	box-shadow: 0 0px 0px 0px rgba(0,0,0,0.7);
	white-space: normal;
	text-overflow: unset;
    z-index: 20;
}

/*=====================taim end===========================*/

.cpt-page .data .wrap > span {
	display:  inline-block;
	vertical-align: text-top;
}
.cpt-page .data.container span.arry {
	display: inline-block;
}
.cpt-post .data.container .array::after,
.cpt-page .data.container span.array::after,
.cpt-post .data.container .arry::after,
.cpt-page .data.container span.arry::after {
	content: ',';
	display: inline-block;
	color:  #000;
}
.cpt-post .data.container .array:last-child::after,
.cpt-page .data.container span.array:last-child::after,
.cpt-post .data.container .arry:last-child::after,
.cpt-page .data.container span.arry:last-child::after {
	content: '';
}
.cpt-page .data .wrap .data {
	text-align: left;
	padding-left: 3px;
	/* width: 60%; */
	font-size: 14px;
	font-weight: 400;
}
.cpt-page.treener .data .wrap .data {
	width: 60%;
}
.cpt-page .data .wrap .label {
	/* width: 36%; */
	text-align: right;
	padding-right: 0px;
	font-size: 13px;
	font-weight: 600;
	color: #000;
}
.cpt-page .data .wrap.web .label {
	display:  none;
}
.cpt-page .data .wrap.web .data {
	padding-left: 8px;
}
.cpt-page .data.container {
	min-height: 160px;
	margin-bottom: 40px;
}
.cpt-page .data .label {
	font-size: 14px;
	font-weight: 600;
}
.cpt-page a.array::after {
    content: ',';
    color:  #000;
}
.cpt-page a.array:last-child::after {
    content: '';
    color:  transparent;
}
.cpt-page .data .data {
	font-size: 13px;
	font-weight: 400;
}
.single .sh-titlebar {
	display:  none;
}
.single #wrapper .content-container {
}
.cpt-page #ajax-filter-search form {
	display:  flex;
	position: relative;
	width: 640px;
	max-width: 100%;
	margin: 0 auto 35px;
}
.cpt-page #ajax-filter-search form input[type="text"] {
	display: block;
    width: 100%;
    border-width: 0px;
    box-shadow: 0px 15px 45px -9px rgba(0,0,0,0.20);
    padding: 16px 74px 16px 26px;
    transition: 0.3s all ease-in-out;
    border-radius: 5px!important;
    line-height: 1.7 !important;
}
.cpt-page #ajax-filter-search form button[type="submit"] {
	position: absolute;
    top: 0;
    right: 0;
    border-width: 0;
    border-radius: 0px 5px 5px 0;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.40);
    line-height: 1.2 !important;
	width: 55px;
	height: 55px;
	background-color: #f0f0f0;
}
.cpt-page #ajax-filter-search form button[type="submit"] i {
	display: block;
	font-size: 16px;
	line-height: 38px;
	cursor: pointer;
	color: #505050!important;
}
.single-cpt .data.container .label {
    font-size: 100%;
    font-weight: 300;
    color:  #272727;
    display: inline-block;
    vertical-align: text-top;
}
.single-cpt .data.container .data {
	display: inline-block;
	vertical-align: text-top;
	width: 48%;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.single-cpt .data.container .wrap.klubid,
.single-cpt .data.container .wrap.treenerid {
	position: relative;
}
.single-cpt .data.container .wrap.klubid:hover .data,
.single-cpt .data.container .wrap.treenerid:hover .data {
	position: absolute;
	top: 3px;
	right: auto;
	left: 84px;
	width: 60%;
	height: auto;
	box-shadow: 0 0px 0px 0px rgba(0,0,0,0.7);
	white-space: normal;
	text-overflow: unset;
	z-index: 99;
	background: #E5EFE6;
}
.single-cpt .data.container .wrap.klubid:hover .data {
	left: 65px;
}
/* end CPT */
