/* General */
body {background-color: white;margin: 0;padding: 0;font-family:Arial, Helvetica, sans-serif;}
h3 {font-weight: bold;}
a {text-decoration: none;}
/* Header direct no class */
header {background-color: #fff;display: flex;color: black;justify-content: space-between;align-items: center;padding: 0px 60px;position: relative;height:80px;border-bottom: 1px solid #e5e5e5;}
.logo-container {display: flex;align-items: center;position: absolute;left: 50%;transform: translateX(-50%);}
.menu-icon {font-size: 32px;cursor: pointer;}
.close-icon {position: absolute;top: 10px;right: 15px;font-size: 24px;cursor: pointer;}
.mobile-menu {display: none;flex-direction: column;background-color: #FFFFF0;position: absolute;top: 0px;left: 0px;border: 1px solid #e5e5e5;padding: 10px 20px;width:280px;z-index:90;}
.mobile-menu-item {padding: 10px;border-bottom: 1px solid #fff;text-align: center;}
.menu-opened .mobile-menu {display: flex;}
.Mobile-Menu-Title{color: black;border-left: 3px solid orangered;padding: 10px;font-size: 18px;letter-spacing: 1.5px; margin-bottom: 10px; margin-top:20px;}
.Mobile-Menu-logo{margin-top:40px;width:115px;height:29px;}
.Mobile-Menu-botline {color:#555;height: 40px;display: flex;justify-content: center;align-items: center;margin:0;}
.Mobile-Menu-botline-Prg{font-size:12px;color:#555;padding:0;margin:3px 0 3px 0;text-align:center;}
/* Header */
.header {background-color: #fff;height: 80px;display: flex;justify-content: center;align-items: center;border-bottom: 1px solid #e5e5e5;}
.header-logo {width: 230px;height: 58px;display: block;}
/* Footer */
.footer {background-color: #121212;color: white;padding: 20px;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.footer-logo {flex: 1;text-align: center;}
.footer-logo-image {width: 150px;height: 37px;padding: 3px;margin:12px 0;}
.footer-info,.footer-categories {flex: 1;}
.footer-info p,.footer-categories p {font-size: 14px;margin-bottom: 10px;color:#d7d7d7;font-weight: 700;letter-spacing:1px;}
.footer-info ul,.footer-categories ul {list-style: none;padding: 0;}
.footer-info ul li,.footer-categories ul li {padding:12px;}
.footer-info a,.footer-categories a {text-decoration: none;color: #9c9c9c;font-size: 13px;letter-spacing:1px;font-weight: 700;}
.footer-info a:hover,.footer-categories a:hover {text-decoration: none;color:white;}
.footer-info-botline {background-color: #121212;color:#9c9c9c;height: 40px;display: flex;justify-content: center;align-items: center;margin:0;}
.footer-info-botline-Prg{font-size:12px;color:#9c9c9c;padding:0 20px 20px;margin:3px 0 3px 0;text-align:center;}
.footer-info-botline a {font-size:12px;color:#9c9c9c;text-align:center;}
.footer-info-botline a:hover{color:#d18e13}
.footertop-H1 {background-color: #e5dede;display: flex;justify-content: center;align-items: center;margin:0;}
.footertop-H1 h1{font-size:15px;color:#000000;padding:15px;text-align:center;letter-spacing: 0.4px;margin:0;font-weight: 400;}
/* Padding Blocks */
.Pad-Block01{background-color: #f5f5f5; padding:0px 40px;}
.Pad-Block02{background-color: #0f0835; padding:30px 40px;}
.Pad-Block02-Title{color: white;border-left: 10px solid orange;padding: 10px;font-size: 24px;margin-left: 20px;letter-spacing: 1.5px;}
.Pad-Block03{background-color: #f5f5f5; padding:40px 40px;}
/* Homepage Top 2 Block */
.Main-Top2 {display: grid;grid-template-columns: 49% 49%;padding: 20px;gap: 2%;justify-content: center;}
.Main-Top2-Container {position:relative;overflow: hidden;background-color: black;}
.Main-Top2-Container img {width: 100%;height: auto;display: block;filter: brightness(0.9);transition: transform 0.2s;object-fit: cover;}
.Main-Top2-Container img:hover {transform: scale(1.05);filter: brightness(0.7);}
.Main-Top2-Container::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, transparent 75%, #161515);pointer-events: none;}
.Main-Top2-Container-Text{position: absolute;bottom: 15px;left: 22px;text-align: left;pointer-events: none;z-index: 1;}
.Main-Top2-Container-Text h3 {letter-spacing: 1.2px;margin:0;}
.Main-Top2-Container-Text h3 a{font-size: 30px;color: white;font-family: "Trebuchet MS", Helvetica, sans-serif;}
.Main-Top2-Container-Text-Featured {display:inline-block; font-weight: 700;letter-spacing: 1.2px;margin:0 0 5px 0;font-size:12px;background-color: #cb0000; padding:5px 10px; color:#ffffff;}
/* Homepage Top 3 Block */
.Main-Top3 {display: grid;grid-template-columns: 32% 33% 33%;padding: 20px;gap: 1%;justify-content: center;}
.Main-Top3-Container {position:relative;overflow: hidden;background-color: black;}
.Main-Top3-Container img {width: 100%;height: auto;display: block;filter: brightness(0.9);transition: transform 0.2s;object-fit: cover;}
.Main-Top3-Container img:hover {transform: scale(1.05);filter: brightness(0.7);}
.Main-Top3-Container::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, transparent 75%, #161515);pointer-events: none;}
.Main-Top3-Container-Text{position: absolute;bottom: 15px;left: 22px;text-align: left;pointer-events: none;z-index: 1;}
.Main-Top3-Container-Text h3 {letter-spacing: 1.2px;margin:0;}
.Main-Top3-Container-Text h3 a{font-size: 22px;color: white;}
.Main-Top3-Container-Text-Featured {display:inline-block; font-weight: 700;letter-spacing: 1.2px;margin:0 0 5px 0;font-size:14px;background-color: #cb0000; padding:5px; color:#ffffff;}
/* Homepage Top 4 Block */
.Main-Top4 {display: grid;grid-template-columns: 24.25% 24.25% 24.25% 24.25%;padding: 20px;gap: 1%;justify-content: center;}
.Main-Top4-Container {position:relative;overflow: hidden;background-color: black;}
.Main-Top4-Container img {width: 100%;height: auto;display: block;filter: brightness(0.9);transition: transform 0.2s;object-fit: cover;}
.Main-Top4-Container img:hover {transform: scale(1.05);filter: brightness(0.7);}
.Main-Top4-Container::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, transparent 75%, #161515);pointer-events: none;}
.Main-Top4-Container-Text{position: absolute;bottom: 15px;left: 22px;text-align: left;pointer-events: none;z-index: 1;}
.Main-Top4-Container-Text h3 {letter-spacing: 1.2px;margin:0;}
.Main-Top4-Container-Text h3 a{font-size: 18px;color: white;}
.Main-Top4-Container-Text-Featured {display:inline-block; font-weight: 700;letter-spacing: 1.2px;margin:0 0 5px 0;font-size:14px;background-color: #cb0000; padding:5px; color:#ffffff;}
/* Main 2 Block by List 75/25 */
.Main-Line2 {display: grid;grid-template-columns: 74% 24%;padding: 0 20px 20px;gap: 2%;justify-content: center;}
/* List Block */
.Main-ListGrid {display: grid;grid-template-columns: 49% 49%;padding: 0px;gap: 16px;justify-content: center; margin:0 0 30px 0;}
.Main-Line2ListBack {width:100%;display:block;}
.Main-Line2ListBack-Title{color: black;border-left: 10px solid orange;padding: 10px;font-size: 24px;letter-spacing: 1.5px; margin-bottom: 20px;}
.Main-ListGrid-Container{overflow: hidden;}
.Main-ListGrid-Container img {width: 100%;height: auto;display: block;filter: brightness(0.9);transition: transform 0.2s;}
.Main-ListGrid-Container img:hover {transform: scale(1.05);filter: brightness(0.7);}
.Main-ListGrid-Container-Text{text-align: left;}
.Main-ListGrid-Container-Text h3 {letter-spacing: 1.2px;margin:0;font-weight: bold;}
.Main-ListGrid-Container-Text h3 a{font-size: 30px;color: black;font-family:"Trebuchet MS", Helvetica, sans-serif;padding-bottom:10px;display: block;}
.Main-ListGrid-Container-Text h3 a:hover{color: #d18e13;}
.Main-ListGrid-Container-Text-Desc {font-size: 14px;color: #555;letter-spacing: 1.2px;margin:0;padding-bottom: 10px;line-height: 1.5;font-weight: 400;}
.Main-ListGrid-Container-Text .Main-ListGrid-Container-Author {font-size: 12px;letter-spacing: 1.2px;color:#555;font-style: italic;}
/* List Right Block */
.Main-Right2B {display: grid;grid-template-columns: 49% 49%;padding: 0 0 30px 0;gap: 2%;justify-content: center;}
.Main-Right2B-Container {padding:0;}
.Main-Right2B-Container-Text{text-align: left;padding:10px;letter-spacing: 1.2px;margin:0;font-weight: 700;}
.Main-Right2B-Container-Text a{font-size: 14px;color: black;}
.Main-Right2B-Container-Text a:hover{color: orangered;}

.ConsPage-MainBlock{background-color: #ffffff; padding:20px 5%;}
.ConsPage-MainBlockTitle{font-size:32px;color:rgb(34, 117, 143);font-family:"Trebuchet MS", Helvetica, sans-serif;padding:0 10%;font-weight:400;margin:20px 0 20px 0;text-align:left;}
.ConsPage-MainBlock h3 {font-size:18px;color:#4d2e96;font-family:Arial, Helvetica, sans-serif;padding:0 10%;font-weight:400;margin:10px 0 10px 0;text-align:left;letter-spacing: 1.5px; line-height: 2;font-weight:400;}
.ConsPage-MainBlock p {font-size:14px;color:#555;font-family:Arial, Helvetica, sans-serif;padding:0 10% 15px 10%;font-weight:400;margin:10px 0 10px 0;text-align:left;letter-spacing: 1.5px; line-height: 2;}


.Content-Detail-Block{background-color: #f5f5f5; padding:40px 40px;}

.Content-Line2 {display: grid;grid-template-columns: 74% 24%;padding: 0 20px 20px;gap: 2%;justify-content: center;}
.Content-Line2ListBack {width:100%;display:block;}
.Content-Line2ListBack-Title{color: black;border-left: 10px solid orange;padding: 10px;font-size: 24px;letter-spacing: 1.5px; margin-bottom: 20px;}

.Content-MainImage{padding:0;margin:30px 0;}
.Content-MainImage img {width:100%; height:auto; padding:0; display:block;}


.Content-In-Title h1{font-size: 32px;color: #000000;display: block;padding: 0 0 20px 0;margin:0;font-family: "Trebuchet MS", Helvetica, sans-serif;}
.Content-In-Desc h2{font-size: 16px;line-height: 1.5;letter-spacing: 0.8px;padding: 0 0 15px 0;display: block;font-weight: 400;margin:0;}
.Content-In-Date{font-size: 13px;display: contents;color:#555;}
.Content-In-Author{font-size: 13px;display: contents;color:#555;}

.Content-In-Paragraf{padding:0 100px;}
.Content-In-Paragraf #Content_Paragraph1{font-size:20px;letter-spacing:1.5px;color:#333;text-decoration:none;font-style:normal;}
.Content-In-Paragraf #Content_Paragraph1:first-letter{display:block;float:left;font-size:400%;line-height:70%;margin-right:6px;margin-top:10px;margin-left:10px;}
.Content-In-Paragraf p {font-size:16px; line-height: 1.5; letter-spacing: 0.8px;}

.Content-In-ListleTitle{font-size:34px;color:#000000;font-weight: bold;padding:10px 0 10px 20px;border-left:10px solid orange; font-family: "Trebuchet MS", Helvetica, sans-serif;margin:40px 0 20px 100px;}



/* In List Movies Block */
.Content-Movies {display: grid;grid-template-columns: 25% 73%;padding: 0px 100px;gap: 10px;justify-content: center; margin:0 0 30px 0;}
.Content-Movies-Container{height: fit-content;overflow: hidden;margin-bottom: 20px;position:relative;}
.Content-Movies-Container img {width: 100%;height: auto;display: block;filter: brightness(0.9);transition: transform 0.2s;max-width: 220px;}
.Content-Movies-Container img:hover {transform: scale(1.05);filter: brightness(0.7);}

.ListOrderNo{font-size: 48px; color:orangered; padding:0; margin:0;}
.Content-Movies .FilmName{margin:20px 0 10px; color:#cd1111; font-size:28px; letter-spacing: 0.4px; font-weight: 700;}
.Content-Movies .FilmOrjName{margin:10px 0 25px;color:#000; font-size:22px; line-height: 1.2; letter-spacing: 0.5px; font-weight: 700;font-style: italic;}
.FilmDetailTitle{font-size:18px;color:#000;display:block;line-height: 1.5;font-weight: 700;margin:9px 0;}
.MovieDirector{font-size:18px;color:#000;display:contents;line-height: 1.5;font-weight: 400;}
.MovieRelease{font-size:18px;color:#000;display:contents;line-height: 1.5;font-weight: 400;}
.MovieStars{font-size:18px;color:#000;display:contents;line-height: 1.5;font-weight: 400;}

.Content-Movie-Text{position: absolute;top: 10px;right: 10px;pointer-events: none;z-index: 1;display: flex;}
.Content-Movie-Text-Order {font-weight: 700;letter-spacing: 1.2px;font-size: 28px;background-color: #000000;opacity: 0.8;padding: 5px;color: #ffffff;height: 40px;width: 40px;display: inline-flex;justify-content: center;align-items: center;border-radius: 50%;}

.HighTopAd1{display:block;width:970px;padding: 20px 0 0 0;margin:auto;}
.divRightBannerBlock{float:right;width:100%;padding-top: 10px;}
.div10{height:10px;}

@media screen and (max-width: 1100px) {
.HighTopAd1{width:100%;}
.divRightBannerBlock{float:none;width:100%;text-align:center;}
}

/* Mobil 600px max begin */

@media screen and (max-width: 800px) {

/* Header direct no class */
header {padding: 0px 30px;height:60px;}
.mobile-menu {top: 0px;left: 0px;}
.mobile-menu-item {padding: 10px;border-bottom: 1px solid #fff;text-align: center;}
/* Header */
.header {height: 60px;}
.header-logo {width: 166px;height: 42px;}
/* Footer */
.footer-logo-image {width: 116px;height: 52px;padding: 3px;margin:0;}
/* Padding Blocks */
.Pad-Block01{padding:0px 10px;}
.Pad-Block02{padding:20px 10px;}
.Pad-Block02-Title{font-size: 18px;margin-left: 10px;}
.Pad-Block03{padding:20px 10px;}
/* Homepage Top 2 Block */
.Main-Top2 {grid-template-columns: 98%; gap:10px;}
/* Homepage Top 3 Block */
.Main-Top3 {grid-template-columns: 98%;gap:10px;}
/* Homepage Top 4 Block */
.Main-Top4 {grid-template-columns: 98%;gap:10px;}
/* Main 2 Block by List 75/25 */
.Main-Line2 {grid-template-columns: 98%;gap:10px;}
/* List Block */
.Main-ListGrid {grid-template-columns: 98%;gap:10px;}
.Main-Line2ListBack-Title{font-size: 24px;}
.Main-ListGrid-Container-Text h3 a{font-size: 22px;}
.Main-ListGrid-Container-Text-Desc {font-size: 12px;}
.Main-ListGrid-Container-Text .Main-ListGrid-Container-Author {font-size: 12px;}
/* List Right Block */
.Main-Right2B {grid-template-columns: 49% 49%;gap:10px;}

.Main-Top2-Container-Text h3 a{font-size: 24px;}
.Main-Top2-Container-Text-Featured {font-size:11px;}


.Content-Detail-Block{background-color: #f5f5f5; padding:20px 10px;}

.Content-Line2 {grid-template-columns: 98%;padding: 0 20px 20px;gap:30px;}
.Content-Line2ListBack-Title{font-size: 24px;}

.Content-In-Title h1{font-size: 32px;padding: 0 0 20px 0;}
.Content-In-Desc h2{font-size: 14px;padding: 0 0 15px 0;}
.Content-In-Date{font-size: 13px;}
.Content-In-Author{font-size: 13px;padding:0 0 0 20px}

.Content-In-Paragraf{padding:0 10px;}
.Content-In-Paragraf #Content_Paragraph1{font-size:18px;}
.Content-In-Paragraf #Content_Paragraph1:first-letter{font-size:400%;}
.Content-In-Paragraf p {font-size:14px;}

.Content-In-ListleTitle{font-size:28px;margin:40px 0 20px 10px;}

.Content-Movies {grid-template-columns: 36% 62%; padding:0 10px;}

.ListOrderNo{font-size: 48px;}
.Content-Movies .FilmName{margin:16px 0 18px;font-size:18px;letter-spacing: 0.5px;line-height: 1.2;}
.Content-Movies .FilmOrjName{margin:-14px 0 18px;font-size:16px;letter-spacing: 0.5px;}
.FilmDetailTitle{font-size:12px;margin:5px 0;}
.MovieDirector{font-size:12px;}
.MovieRelease{font-size:12px;}
.MovieStars{font-size:12px;}

.Content-Movie-Text-Order {font-size: 22px;height: 30px;width: 30px;}

}
/* Mobil 600px max end */