body, .tpheblo-se input
{ background-color: rgb(63,39,49); }
body, .tpheblo-se input, .bo-tlcol li a { color: rgb(163,139,149); }

img, .ho-ba, .tpheblo-la-li ul
{ background-color: rgb(83,59,69); }

.tp-seli, .tpheblo-bo, .tpheblo-la-li li a, h2, .md-thu a, .md-thu-du, .bo-pablo li a, .bo-tlcol li a, .md-viblo, .bo-fooblo
{ background-color: rgb(43,19,29); }

.tpheblo-bo, .tpheblo-me ul, .tpheblo-me li a, h2, .tpheblo-bu, .tpheblo-se input, .tpheblo-se button, .tp-seli, .tp-seli li a, .md-thu a, .md-viblo, .bo-pablo li a, .bo-tlcol li a, .bo-fooblo
{ border-color: rgb(83,59,69); }

a, .tpheblo-bu, .tpheblo-se input, .tpheblo-se button
{ color: rgb(246,231,182); }

.bo-tlcol li a:hover, .md-viblo-ta li a
{ background-color: rgb(23,0,9); color: rgb(246,231,182); }

a:hover, .bo-fooblo span
{ color: rgb(229,160,241); }

.tpheblo-me li a:hover, .tpheblo-bu:hover, .tpheblo-bu.active, .tpheblo-la-li li a:hover, .tpheblo-se button:hover, .tp-seli li a:hover, .bo-pablo li a:hover, .md-viblo-ta li a:hover
{ background-color: rgb(229,160,241); color: rgb(23,0,9); }

.tpheblo-se input:focus, .md-thu a:hover, .bo-pablo li a:hover
{ border-color: rgb(229,160,241); }




body,html,div,p,a,ul,li,input,button,form,textarea,span,img,h1,h2,h3 { margin: 0; padding: 0; }

body { font-family: 'Montserrat', sans-serif; }
input, button { font-family: 'Montserrat', sans-serif; }

li { list-style-type: none; }

img { display: block; }

a { text-decoration: none; }

h1, h2 { display: block; font-weight: normal; }
h1 { font-size: 26px; line-height: 30px; margin: 10px 0px 0 0; }
h2 { border-width: 1px; border-style: solid; border-radius: 2px; font-size: 24px; line-height: 26px; margin: 40px 1px 0 1px; padding: 10px; }
 
.wrapblo { margin: 0 auto; width: 100%; text-align: left; }
 
.tpheblo { text-align: center; overflow: hidden; }

.tpheblo-lo { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; }
.tpheblo-lo a { width: 95px; height: 30px; display: block; background-image: url(https://evaakjakah.sbs/files/logo.png); background-position: center; background-repeat: no-repeat; background-size: 95px 30px; }

.bo-deblo { display: none; font-size: 10px; line-height: 15px; text-align: justify; }
.bo-deblo-de { height: 60px; overflow: hidden; }

.tpheblo-bo { border-width: 1px; border-style: solid; margin: 10px 1px 0 1px; padding: 8px 9px 10px 9px; font-size: 0; text-align: center; }

.tpheblo-me { overflow: hidden; display: inline-block; vertical-align: top; }
.tpheblo-me li { display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; }
.tpheblo-me li a { border-width: 1px; border-style: solid; border-radius: 2px; display: block; font-size: 11px; line-height: 26px; height: 26px; padding: 0 5px; }

.tpheblo-la { margin: 2px 1px 0 1px; display: inline-block; vertical-align: top; position: relative; }
.tpheblo-bu { border-width: 1px; border-style: solid; border-radius: 2px; display: block; font-size: 11px; line-height: 26px; height: 26px; cursor: pointer; }
.tpheblo-la span { padding: 0 5px 0 31px; background-position: 10px center; background-size: 16px 11px; background-repeat: no-repeat; }

.tpheblo-la-li { display: none; position: absolute; top: 30px; right: 0; z-index: 1500; width: 270px; }
.tpheblo-la-li ul { box-shadow: 0 5px 15px -7px rgb(0,0,0); border-radius: 2px; overflow: hidden; padding: 8px 9px 10px 9px; }
.tpheblo-la-li li { float: left; width: 50%; text-align: left; margin: 0; }
.tpheblo-la-li li a { margin: 2px 1px 0 1px; border-radius: 2px; display: block; height: 25px; line-height: 25px; font-size: 11px; background-repeat: no-repeat; background-size: 16px 11px; background-position: 10px center; padding: 0 10px 0 36px; }

.cleblo { clear: both; }

.tpheblo-se { margin: 10px auto 0 auto; max-width: 400px; }
.tpheblo-se form { overflow: hidden; width: 100%; border-radius: 2px; }
.tpheblo-se input, .tpheblo-se button { display: block; outline: none; }
.tpheblo-se input { border-radius: 2px 0 0 2px; border-width: 1px; border-style: solid; font-size: 12px; float: left; width: 76%; padding: 0 3%; height: 28px; line-height: 28px; }
.tpheblo-se button { background-color: transparent; border-radius: 0 2px 2px 0; border-width: 1px; border-style: solid; border-left: 0; width: 24%; height: 28px; line-height: 28px; float: right; text-align: center; cursor: pointer; font-size: 12px; }

.tp-seli { border-bottom-width: 1px; border-bottom-style: solid; border-right-width: 1px; border-right-style: solid; border-left-width: 1px; border-left-style: solid; display: none; overflow: hidden; height: 30px; margin: 0 1px; }
.tp-seli li { float: left; }
.tp-seli li a { font-size: 13px; }
.tp-seli li a { border-right-width: 1px; border-right-style: solid; display: block; height: 30px; line-height: 30px; padding: 0 8px; }

.md-thuwra { overflow: hidden; padding: 5px 0 10px 0; }

.md-thu { float: left; width: 50%; position: relative; }
.md-thu a { border-width: 1px; border-style: solid; display: block; margin: 2px 1px 0 1px; border-radius: 2px; overflow: hidden; }
.md-thu img { width: 100%; height: auto; max-height: 212px; }
.md-thu-ti { padding: 0 10px; height: 25px; line-height: 25px; font-size: 12px; overflow: hidden; }
.md-thu-du { height: 18px; line-height: 18px; font-size: 10px; padding: 0 4px; border-radius: 0 0 3px 0; position: absolute; left: 5px; top: 7px; }

.md-thu-ca .md-thu-ti { height: 30px; line-height: 30px; font-size: 16px; text-transform: capitalize; }

.bo-pablo { margin-top: 16px; font-size: 0; text-align: center; }
.bo-pablo li { display: inline-block; vertical-align: top; margin: 4px 2px 0 2px; }
.bo-pablo li a { border-width: 1px; border-style: solid; border-radius: 3px; display: block; font-size: 20px; width: 100px; height: 45px; line-height: 45px; }

.ho-bawra { margin-top: 10px; text-align: center; overflow: hidden; font-size: 0; }
.ho-ba { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; width: 300px; height: 250px; }
.ho-ba-2, .ho-ba-3, .ho-ba-4, .ho-ba-5 { display: none; }

.bo-tlblo { overflow: hidden; }
.bo-tlcol { width: 50%; float: left; }
.bo-tlcol ul { overflow: hidden; }
.bo-tlcol li a { border-width: 1px; border-style: solid; margin: 2px 1px 0 1px; border-radius: 2px; display: block; overflow: hidden; padding: 0 10px; font-size: 12px; height: 35px; line-height: 35px; }

.md-viblo { margin: 10px 1px 0 1px; border-width: 1px; border-style: solid; border-radius: 2px; overflow: hidden; }
.md-plablo { background-color: rgb(0,0,0); width: 100%; height: 200px; }
.md-plablo iframe, .md-plablo object, .md-plablo embed { width: 100%; height: 100%; }
.md-viblo-bo { padding: 0 10px 10px 10px; }
.md-viblo-bo h1 { margin-left: 0; }
.md-viblo-ta { margin-top: 8px; overflow: hidden; }
.md-viblo-ta li { float: left; margin: 2px 2px 0 0; font-size: 16px; }
.md-viblo-ta li span { height: 35px; line-height: 35px; margin-right: 5px; }
.md-viblo-ta li a { border-radius: 2px; display: block; line-height: 35px; height: 35px; padding: 0 10px; }

.bo-fooblo { border-width: 1px; border-style: solid; border-bottom: 0 none; margin: 20px 1px 0 1px; overflow: hidden; text-align: center; padding: 10px 0; font-size: 14px; }
.bo-fooblo p { padding: 0 10px; }
.bo-fooblo a { text-decoration: underline;}
.bo-fooblo a:hover { text-decoration: none; }

@media all and (min-width:400px) {
    .md-plablo { height: 250px; }
    .tpheblo-me li a, .tpheblo-bu { font-size: 12px; }
}

@media all and (min-width:500px) {
    .md-plablo { height: 300px; }
    .tpheblo-la-li {  right: 50%; margin-right: -135px; }

}

@media all and (min-width:632px) {
    .md-thu { width: 33.3333%; }
    .bo-tlcol { width: 25%; }
    .ho-ba-2 { display: inline-block; }
    .md-plablo { height: 350px; }
}

@media all and (min-width:700px) {
    .md-plablo { height: 400px; }
}

@media all and (min-width:800px) {
	.md-plablo { height: 450px; }
}

@media all and (min-width:900px) {
	.md-plablo { height: 500px; }
}

@media all and (min-width:968px) {
    h1 { font-size: 32px; line-height: 36px; }
    h2 { font-size: 30px; line-height: 32px; }
    .wrapblo { width: 948px; }
    .tpheblo-wra { margin-top: 10px; height: 60px; overflow: hidden; }
    .tpheblo { display: table; width: 100%; }
    .tpheblo-lo { float: none; margin: 0; display: table-cell; vertical-align: middle; padding-left: 1px; height: 60px; }
    .tpheblo-lo a { width: 190px; height: 60px; background-size: 190px 60px; }
    .bo-deblo { display: table-cell; vertical-align: middle; padding: 0 1px 0 20px; height: 60px; } 
    .cleblo { clear: none; }
    .tpheblo-bo { padding: 0; height: 50px; }
    .tpheblo-me { float: left; }
    .tpheblo-me li { float: left; margin: 0; }
    .tpheblo-me li a { border-width: 0; border-style: solid; border-right-width: 1px; border-radius: 0; font-size: 14px; line-height: 50px; height: 50px; padding: 0 10px; min-width: 100px; }
    .tpheblo-la { margin: 0; float: right; }
    .tpheblo-bu { border-radius: 0; border-width: 0; border-left-width: 1px; height: 50px; line-height: 50px; font-size: 14px; }
    .tpheblo-la span { padding: 0 10px 0 36px; }
    .tpheblo-la-li { margin-right: 0; right: 0; top: 50px; width: 300px; }
    .tpheblo-la-li li a { height: 30px; line-height: 30px; font-size: 12px; }
    .tpheblo-se { float: right; margin: 10px 20px 0 5px; padding: 0; width: 300px; }
    .tpheblo-se input, .tpheblo-se button { height: 30px; line-height: 30px; }
    .tp-seli { display: block; }
    .md-thu { width: 316px; }
    .md-thu img { width: 312px; height: 202px; max-height: 202px; }
    .md-thu-ca .md-thu-ti { font-size: 18px; }
    .bo-tlcol li a { font-size: 14px; }
    .ho-ba-3 { display: inline-block; }
    .md-plablo { height: 524px; }
    
}

@media all and (min-width:1280px) {
    .wrapblo { width: 1264px; }
    .bo-deblo { font-size: 13px; }
    .bo-tlcol { width: 12.5%; }
    .ho-ba-4 { display: inline-block; }
    .md-plablo { height: 704px; }
}

@media all and (min-width:1600px) {
    .wrapblo { width: 1580px; }
    .ho-ba-5 { display: inline-block; }
    .md-plablo { height: 884px; }
}