@import url("//cdn.web-fonts.ge/fonts/dejavu-sans/css/dejavu-sans.min.css");
@import url("//cdn.web-fonts.ge/fonts/bpg-arial-caps/css/bpg-arial-caps.min.css");
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;600&display=swap');
body {
			background: #1d2329;
			font-family: "DejaVu Sans", sans-serif;
			font-size: 12px;
		}
		li a {
			font-family: "BPG Arial Caps", sans-serif;
		}
		.logo {
			height: 40px;
			margin-top: 20px;
			margin-bottom: 20px;
		}
		.main-menu {
			background-color: #323b43!important;
			padding-top: 0;
			padding-bottom: 0;
		}
		.main-menu ul li a, .main-menu ul li a:hover, .main-menu ul li a:active, .main-menu ul li a:focus {
			color: #fff;
		}
		.main-menu ul li {
			border-bottom: 2px solid #323b43;
			padding-top: 7px;
			padding-bottom: 7px;
		}
		.main-menu ul li:hover, .main-menu ul li:focus, .main-menu ul li:active, .main-menu ul li.active {
			border-bottom: 2px solid #dc3545;
		}
		.main-menu ul li.new::before {
			position: absolute;
    content: "Soon";
    background: #dc3545;
    color: #fff;
    border-radius: 5px;
    padding: 5px;
    line-height: 11px;
    font-size: 11px;
    margin-top: -18px;
    margin-left: 12px;
    font-family: 'DEJAVU SANS';
		}
		.main-menu input {
			font-size: 12px;
			padding: 5px 10px;
			line-height: 12px;
		}
		.main-menu button {
			font-size: 12px;
		}
		.main-menu-hamburger {
            position: absolute;
            right: 20px;
            top: 0;
            margin-top: -55px;
		}
		#carousel { margin-top:20px; margin-bottom: 20px; }
		.providers-list {
			background-color: #151a24!important;
			padding-top: 0;
			padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
		}
		.hs-item a, .hs-item a:hover, .hs-item a:active, .hs-item a:focus {
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 14px;
		}
		.hs-item:hover, .hs-item:focus, .hs-item:active, .hs-item.active {
			background-color: #202830;
		}
		.providers-submenu {
			background-color: #323b43!important;
		}
		.providers-submenu ul li a, .providers-submenu ul li a:hover, .providers-submenu ul li a:active, .providers-submenu ul li a:focus {
			color: #fff;
		}
		.carousel {
			padding-left: 0;
			padding-right: 0;
		}
		.slots {
			background-color: #202830;
			margin-top: 20px;
			padding: 20px;
		}
		.slots h1 {
			color: #fff;
			font-family: "BPG Arial Caps", sans-serif;
			font-size: 24px;
		}
		.slot-item {
			overflow: hidden;
			position: relative;
			background: linear-gradient(180deg,transparent 0,#061626 50%,#061626);
    border-radius: 4px;
    padding-left: 0;
    padding-right: 0;
    margin-top: 6px;
    margin-bottom: 6px;
		}
		.slot-item:hover {
			transform: scale(1.03);
			transition: all .3s;
			cursor: pointer;
			box-shadow: 1px 1px 10px 1px rgba(119,118,118,0.20);
			-webkit-box-shadow: 1px 2px 10px 1px rgba(119,118,118,0.20);
			-moz-box-shadow: 1px 1px 10px 1px rgba(119,118,118,0.20);
		}




		.slot-item img { width: 100%; height: 200px; object-fit: cover; }
		.slot-item:hover img {
			opacity: 0.6;
		}
		.slot-item .description {
			background-color: #061626;
    padding: 12px 12px 6px;
    margin-top: -12px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
		}
		a.slot-item-full-link {
			text-decoration: none;
		}
		.slot-item .description span {
			color: #cadde5;
			font-size: 11px;
			display: block;
			font-family: 'Kanit', sans-serif;
			font-weight: 600;
		}
		.slot-item .description h3 {
			color: #fff;
			font-size: 14px;
			margin-top: 2px;
			font-family: 'Kanit', sans-serif;
			font-weight: 400;
		}
		.slot-item .play-icon {
			display: none;
			position: absolute;
			left: 50%;
			margin-left: -22px;
			top: 50%;
			margin-top: -44px;
			color: #fff;
		}
		.slot-item .play-icon svg {
			width: 44px;
			height: 44px;
		}
		.slot-item:hover .play-icon {
			display: block;
		}
		.show-more {
			margin-top: 20px;
		}

		footer {
			background-color: #202830;
			margin-top: 20px;
			padding: 20px;
		}
		footer p {
			color: #a2a9b3;
			padding-bottom: 10px;
			margin-bottom: 10px;
		}
		footer p:last-child {
			border-bottom: 1px solid #a2a9b3;
		}
		footer span {
			text-align: center;
			color: #a2a9b3;
			padding-bottom: 10px;
		}
		
		.full-description h1 {
		    font-size: 30px;
		    color: #fff;
			font-family: 'Kanit', sans-serif;
			font-weight: 600;
		}
		.full-description h2, .full-description h3 {
		    color: rgb(161, 170, 178);
		    font-size: 14px;
			font-family: 'Kanit', sans-serif;
			font-weight: 600;
		}
		.full-description h3 span {
		    font-family: "DejaVu Sans", sans-serif;
		    font-size: 12px;
		    font-weight: normal;
		}
		.full-description p {
		    color: rgb(202, 221, 229);
		    font-size: 12px;
		    line-height: 18px;
		    font-family: "DejaVu Sans", sans-serif;
		}
		.slot-iframe {
		    width: 100%;
		    height: 700px;
		    background-color: #202830;
		    margin-bottom: 20px;
		}
		.fullstory-popular-slots {
		    display: block;
		    font-size: 18px;
		    color: #fff;
		    margin-top: 20px;
			font-family: "BPG Arial Caps", sans-serif;
		}
		
		.horizontal-scrollable {
		    
    overflow: auto;
    overflow-y: hidden;

    max-width: 100%;
    white-space: nowrap;
		}
		.hs-item {
		    
    display: inline-block;
    vertical-align: top;
		}
		
		/* custom scrollbar */
.horizontal-scrollable::-webkit-scrollbar {
  width: 10px;
}

.horizontal-scrollable::-webkit-scrollbar-track {
  background-color: transparent;
}

.horizontal-scrollable::-webkit-scrollbar-thumb {
  background-color: #202830;
  border-radius: 10px;
  border: 6px solid transparent;
  background-clip: content-box;
}

.horizontal-scrollable::-webkit-scrollbar-thumb:hover {
  background-color: #39434e;
}

.pagination span, .pagination a {
    position: relative;
    display: block;
    padding: 10px;
    color: #fff;
    background-color: #151a24;
    border: 1px solid #202830;
    text-decoration: none;
}
.pagination span {
    background-color: #dc3545;
}
.category-image {
    margin-right: 10px;
    display: inline-block;
}
.category-image img {
    max-height: 180px;
}
.category-description { color: #fff; font-size: 12px;
    display: inline-block; }
.relative-element {
    position: relative;
}
.fullScreen {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
.makeFullScreen {
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 9999;
    border: none;
    background: transparent;
    width: 20px;
    display: none;
    padding: 0;
}
.exitFullScreen {
    position: fixed;
    right: 25px;
    top: 25px;
    width: 20px;
    border: none;
    background: transparent;
    z-index: 9999;
    display: none;
    padding: 0;
}
.makeFullScreen img, .exitFullScreen img {
    width: 100%;
}
.visibleFullScreenButton {
    display: block!important;
}

.request-slot {
	background-color: #202830;
	margin-top: 20px;
	padding: 20px;
	color: #fff;
	text-align: center;
}
.request-slot span {
    line-height: 30px;
    font-size: 13px;
    font-family: "BPG Arial Caps", sans-serif;
}
		
@media all and (max-width: 960px) {
.request-slot span { line-height: 16px; }
#carousel { margin-top:0px; margin-bottom: 20px; }
#carousel img { height: 22vh; object-fit: cover; }
.search-form { margin-bottom: 20px; }
.main-menu ul li.new::before {
    position: relative;
    content: "მალე";
    background: #dc3545;
    color: #fff;
    border-radius: 5px;
    padding: 5px;
    line-height: 11px;
    font-size: 11px;
    margin-top: 5px;
    margin-left: 0;
    margin-right: 5px;
    font-family: 'DEJAVU SANS';
    float: left;
    display: block;
}
.pagination span, .pagination a {
    padding: 10px 6px!important;
}
.nav_ext {
padding: 5px;
    font-size: 0;
}
.makeFullScreen, .exitFullScreen {
    top: 15px;
    right: 15px;
}
}

.btn-primary a {
    color: #fff;
    text-decoration: none;
}

#options input.form-control, #options textarea, #recover-password input.form-control {
    font-size: 0.75rem;
}
#user-profile .btn, #options .btn, #recover-password .btn {
    font-size: 0.75rem;
}
.login-button {
    text-align: right;
}
.sign-in-button {
    font-size: 12px;
    margin-top: 25px;
    border: none;
}
.sign-in-button svg {
    vertical-align: top;
}
.log-out-button svg {
    vertical-align: top;
}
.log-out-button {
    font-size: 12px;
    margin-top: 25px;
    border: none;
}
.modal {
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

.modal-content {
  background-color: #fefefe;
  margin: 10% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
  max-width: 600px;
  min-width: 300px;
  font-size: 12px;
  padding-top: 10px;
}

.modal-content input, .modal-content button, .modal-content a {
    font-size: 12px;
}

.modal-content .form-label {
    margin-bottom: 0.2rem!important;
}

.modal-header {
    margin-bottom: 20px;
}

.modal-header span {
    font-size: 14px;
    font-family: "BPG Arial Caps", sans-serif;
}

.input-group-text {
    color: #dc3545!important;
    background-color: #f4f4f4!important;
}

@media screen and (max-width: 576px) {
    .login-button {
        text-align: left;
        margin-left: -60px;
    }
}
.badge-danger {
    background-color: #cd3140!important;
}

.full-description-blog h1 {
    font-family: "BPG Arial Caps", sans-serif!important;
    margin-bottom: 1rem!important;
    margin-top: 1rem!important;
}
.addcomment {
    margin-top: 20px;
}
.addcomment label, label.comments {
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
    font-family: "BPG Arial Caps", sans-serif;
}
.addcomment textarea {
    font-size: 11px;
    margin-bottom: 10px;
}
.addcomment button {
    font-size: 12px;
}
.category-description h1, .category-description h2, .category-description h3 {
	font-size: 13px;
    font-family: 'BPG Arial Caps';
    font-weight: bold;
}
/*---comments---*/
.comment h5 a {
    text-decoration: none;
}
/*---likes---*/
.likes {
    border: 1px solid #556779;
    border-radius: 10px;
    padding: 10px;
}
.likes img {
    margin-right: 5px;
    vertical-align: top;
}
.likes span.likes-count {
    line-height: 18px;
    color: #fff;
    vertical-align: middle;
    font-size: 14px;
}

.showLikersList {
    position: relative;
    text-decoration: none;
    cursor: pointer;
}

.likers-list {
  visibility: hidden;
  width: auto;
    background-color: #ededed;
    color: #1d2329;
    text-align: left;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    left: 0;
    margin-left: -20px;
    margin-top: 24px;
}

.showLikersList:hover .likers-list, .showLikersList:focus .likers-list, .showLikersList:active .likers-list {
  visibility: visible;
}

.button-like, .button-liked, .button-comment, .button-save, .button-saved {
    background: transparent;
    border: none;
    color: #f8fafb;
    width: 33.33%;
    padding: 7px;
    border-radius: 5px;
}

.button-liked, .button-saved {
    color: #2d86ff;
}

.button-like:hover, .button-liked:hover, .button-comment:hover, .button-save:hover, .button-saved:hover {
    background: #3e4b59;
}

.buttons-likeCommentSave {
    width: 100%;
    border-top: 1px solid #556779;
    margin-top: 10px;
    padding-top: 10px;
    border-radius: 0;
}
.likes-count-short { 
    display: block;
    color: #fff;
}
.likes-count-short img {
    width: 18px;
    height: 18px;
    margin-right: 7px;
}