/* CSS Document */
html, body {
	margin: 0;
	width:100%;	
	padding:0;
}
img {
	border:0;
}



/* @font-face {
    font-family: 'IMD_2 Mt.Normal';
    src: url('../fonts/IMD_2MtNormalU.eot');
    src: url('../fonts/IMD_2MtNormalU.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IMD_2MtNormalU.woff2') format('woff2'),
        url('../fonts/IMD_2MtNormalU.woff') format('woff'),
        url('../fonts/IMD_2MtNormalU.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */



@font-face {
    font-family: 'IMD_2 Mt.Normal';    
    src: url('../fonts/bpg_nino_mtavruli_bold.eot');
    src: url('../fonts/bpg_nino_mtavruli_bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/bpg_nino_mtavruli_bold.woff') format('woff'), 
		 url('../fonts/bpg_nino_mtavruli_bold.ttf') format('truetype'), 
         url('../fonts/bpg_nino_mtavruli_bold.svg#bpg_nino_mtavrulibold') format('svg');
    /*font-weight: normal;
    font-style: normal;*/
}

.f-normal {
	font-family: 'IMD_2 Mt.Normal';
}


.container {
	max-width:1154px !important;
}

header {
	width: 100%;
	height: 133px;
	background-color: #ca0023;
}
header .content {
	margin: auto;
	position: relative;
	height: 100%;
	
}
header .shadow {
	width: 100%;
	height: 100%;
	background-image: url('../img/header_shadow.png');
	background-position: bottom;
    background-repeat: no-repeat;
	opacity: 0.3;
}
header .content .logo {
	position: absolute;
	top: 37px;
	left: 10px;
	z-index: 99;
}
header .content .reklama {
	position: absolute;
	top: 9px;
	right: 10px;
	z-index: 99;
}
header .content .reklama img {
	height: 88px;
}
header .content .socials {
	position: absolute;
	bottom: 8px;
	right: 10px;
	z-index: 99;
}
header .content .socials a {
	margin-left: 10px;
	vertical-align: middle;
	text-decoration:underline;
	color: #fff;
}
header .content .socials .rules {
	top: 2px;
    position: relative;
}
.reklama-mob {
	display: none;
}


.main {
	margin: auto;
}
.main .search {
	height: 93px;
	position: relative;
}
.main .search .rules_title {
	font-family: 'IMD_2 Mt.Normal';
	color: #ff0358;
	font-size: 22px;
	text-align: center;
	padding-top: 25px;
}
.main .search .shadow {
	width: 100%;
	height: 100%;
	background-image: url('../img/search_shadow.png');
	background-position: bottom;
    background-repeat: no-repeat;
	opacity: 0.3;
	position: absolute;
    bottom: 0;
}
.main .search .search-content {
	position: absolute;
	right: 0;
	top: 20px;	
	z-index: 99;
}
.main .search .search-content div {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}
.main .search .search-content .button {
	width: 150px;
	height: 35px;
	background-color: #ff0358;
	border-radius: 5px;
	box-shadow: 2px 4px 9px -1px #ffa9c6;
	font-size: 17px;
	text-align: center;
	color: #fff;
	line-height: 33px;
	font-family: 'IMD_2 Mt.Normal';
	border:none;
	cursor: pointer;
}
.main .search .search-content .title {
	font-size: 22px;
	color: #ff0358;
	font-family: 'IMD_2 Mt.Normal';
	height: 30px;
    line-height: 37px;
}
.main .search .search-content input[type=text] {
	width: 360px;
	height: 30px;
	border: 1px solid #919191;
	border-radius: 10px;
	background:url('../img/lupa.png') no-repeat left ; 
	background-position-x: 10px;
	padding-left: 40px;
	font-family: 'IMD_2 Mt.Normal';
}

.main .abc {
	text-align: center;
	margin-top: 10px;
}
.main .abc a {
	color: #c90023;
	font-size: 22px;
	text-decoration: none;
	font-family: 'IMD_2 Mt.Normal';
	font-weight: bold;
}
.main .main-text {
	color:#6a6969;
	font-size: 12px;
	text-align: center;
	margin: 10px 0;
	font-family: 'IMD_2 Mt.Normal';
}
.main .rules-text {
	font-size: 12px;
	color: #000;
	font-family: 'IMD_2 Mt.Normal';
	margin-top: 30px;
}

.main .items {
	margin-top: 30px;
	/* display: -webkit-inline-flex; 	
	 flex-wrap: wrap;
	 display: inline-flex; 
	 align-content: space-between; 
    justify-content: center; */

	
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 16.66% 16.66% 16.66% 16.66% 16.66% 16.66%;
    grid-template-columns: 16.66% 16.66% 16.66% 16.66% 16.66% 16.66%;
    /* grid-column-gap: 30px; */
    /* grid-row-gap: 85px; */
	justify-content: center;
}

@media  (max-width:1024px)  {
	.main .rules-text {
		width: 90%;
		margin: auto;
		margin-top: 30px;
	}
	.main .items {
		-ms-grid-columns: 20% 20% 20% 20% 20%;
		grid-template-columns: 20% 20% 20% 20% 20%;
	}
	header .content .logo  {
		left:50px;
		transition: 0.5s;
	}
	header .content .reklama {
		width: 610px;
		right: 27px;
		transition: 0.5s;
	}
	header .content .reklama img {
		width: 100%;
		transition: 0.5s;
	}
	header .content .socials {
		right: 27px;
		transition: 0.5s;
	}
	.container {
		max-width: 100% !important;
		padding: 0;
	}
	.main .search .search-content {
		right: 30px;
	}
	.main .search .search-content input[type=text] {
		width: 317px;
	}
}

@media  (max-width:900px) {
	.main .items {
		-ms-grid-columns: 25% 25% 25% 25%;
		grid-template-columns: 25% 25% 25% 25%;
	}
	header .content .reklama {
		display: none;
	}
	.reklama-mob {
		display: block;
		text-align: center;
	}
	.reklama-mob img { 
		width: 100%;
    	height: auto;
	}
	header {
		height: 80px;
	}
	header .content .logo {
		top: 15px;
		left: 20px;
	}
	.main .search .search-content input[type=text] {
		width: 317px;
	}
	.main .abc a {
		font-size: 15px;
		transition: 0.5s;
	}	

}

@media  (max-width:740px) {
	.main .items {
		-ms-grid-columns: 33.33% 33.33% 33.33%;
		grid-template-columns: 33.33% 33.33% 33.33%;
	}

	.main .abc {
		margin-top: 25px;
	}
	.main .search .shadow {
		bottom: -25px;
	}


	.main .search .search-content {
		right: 0px;
		text-align: center;
		height: auto;
		position: relative;
		top: 0;
	}
	.main .search {
		height: auto;
		margin: 10px 0;
	}
	.main .search .search-content .title {
		width: 100%;
	}
	.main .search .search-content div {
		width: 100%;
		margin: 0 0 10px;
	}	
}

@media  (max-width:520px) {
	.main .items {
		-ms-grid-columns: 50% 50%;
		grid-template-columns: 50% 50%;
	}
	header .content .socials {
		right: 10px;
		bottom: 27px;
		transition: 0.5s;
	}	
	header .content .logo img {
		width: 180px;
	}
}

@media  (max-width:500px) {
	
	/* .close {
		margin-right: 25px !important; 
		transition: 0.5s;
	 } */
	 .pop-body {
		width: 100%;
		margin: auto  !important;
	}
	

	.button-desk {
		display: none !important;
	}
	.button-mobile {
		display: block !important;
	}
}

@media  (max-width:400px) {
	.pop-cont .top-line .info {
		width: 215px  !important;
	}
	header .content .logo img {
		width: 159px;
	}
	header .content .logo {
		top: 22px;
	}
}





.main .items .block {
	/* background-color: #6a6969; */
	width: 152px;	
	margin: auto;	
	margin-bottom: 20px;
}
.main .items .block .frame {
	border: 1px solid #919191;
	border-radius:8px;
	height: 280px;
	text-align: center;
    padding:5px 5px;
	position: relative;
}
.main .items .block .frame .title {
	font-size: 16px;
	color: #000;
	font-family: 'IMD_2 Mt.Normal';
	margin-top: 5px;
    line-height: 17px;
}
.main .items .block .frame .date {
	font-size: 14px;
	color: #5e5e5e;
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%;
	text-align: center;
	font-family: 'IMD_2 Mt.Normal';
	line-height: 15px;
}
.main .items .block .button-desk {
	width: 100%;
	height: 35px;
	background-color: #ff0358;
	border-radius: 5px;
	box-shadow: 2px 4px 9px -1px #ffa9c6;
	font-size: 17px;
	text-align: center;
	color: #fff;
	line-height: 33px;
	margin-top: 6px;
	display: block;
	font-family: 'IMD_2 Mt.Normal';
	line-height: 38px;
}
.main .items .block .button-mobile {
	width: 100%;
	height: 35px;
	background-color: #ff0358;
	border-radius: 5px;
	box-shadow: 2px 4px 9px -1px #ffa9c6;
	font-size: 17px;
	text-align: center;
	color: #fff;
	line-height: 33px;
	margin-top: 6px;
	display: none;
	font-family: 'IMD_2 Mt.Normal';
	line-height: 38px;
}

.close {
   opacity: 1; 
   margin-right: 10px;
   margin-top: 10px;
}

#popupFrame {
	border-radius: 10px;
}
#popupInner {
    border-radius: 10px;
	box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
}

.pop-body {
	margin:0px;
	height: 100%;
}

.pop-cont {
	margin-top: 20px;
    width: 93%;
    margin: auto;
    margin-top: 15px;
	height: 100%;
}
.pop-cont .pop-header {
	height: 10px;
}

.pop-cont .top-line .photo {
	float: left;
}
.pop-cont .top-line .info {
	float: right;	
    width: 270px;
	margin-top: 10px;
}
.pop-cont .top-line .info .title {
	font-size: 18px;
	color: #000;
	font-family: 'IMD_2 Mt.Normal';
}
.pop-cont .top-line .info .birth {
	font-size: 18px;
	color: #000;
	font-family: 'IMD_2 Mt.Normal';
	margin-top: -5px;
}
.pop-cont .top-line .info .text {
	font-size: 16px;
	color: #4a4a4a;
	margin-top: 5px;
	font-family: 'IMD_2 Mt.Normal';
	line-height: 20px;
}

.pop-cont .bottom-line {
	text-align: center;
	position: absolute;
	width: 90%;
	bottom: 15px;
}

.pop-cont .bottom-line .t1 {
	color:#616161;
	font-size: 17px;
	margin-top: 20px;
	font-family: 'IMD_2 Mt.Normal';
}
.pop-cont .bottom-line .btns .button {
	height: 35px;
	background-color: #ff0358;
	border-radius: 5px;
	box-shadow: 2px 4px 9px -1px #ffa9c6;
	font-size: 17px;
	text-align: center;
	color: #fff;
	line-height: 33px;
	margin-top: 0px;
	display: inline-block;
	padding: 0 20px;
	cursor: pointer;
	font-family: 'IMD_2 Mt.Normal';
	line-height: 38px;
}
.pop-cont .bottom-line .btns .no {
	background-color: #8202d1;
	box-shadow: 2px 4px 9px -1px #d2a5ee;
}
.pop-cont .bottom-line .message {
	font-family: 'IMD_2 Mt.Normal';
	color: #ff0358;
	font-size: 14px;
}
.hidden {
	display: none;
}
.pop-cont .bottom-line .message2 {
	font-family: 'IMD_2 Mt.Normal';
	color: #6a6969;
	font-size: 11px;
	margin: auto;
	width: 70%;
	margin-top: 10px;
}