@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i&display=swap');

* { padding: 0px; margin: 0px;  }
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
.text-center { text-align: center; }
body { font-family: "Open Sans"; font-size: 14px; color: white; padding: 0px; margin: 0px; }
.container { height:100%;  background: #000000 url('i/bg2023.jpg') top center no-repeat;  width: 1235px; margin: 0px auto; position: relative; padding: 0px 60px; }
.logo { padding: 72px 0px 0px 150px; }
.logo-title { color: white; text-align: center; font-size: 13.5px; width: 375px; margin-left: 40px; margin-top: 200px;  text-transform: uppercase; line-height: 24px; }
.logo-title span { color: #ff0000; text-transform: uppercase; font-size: 16px; }
.slogan { font-size: 16px; color: #dab28f; line-height: 24px; width: 375px; margin-left: 135px; text-align: center; margin-top: 48px; font-style: italic; }
.menu { margin-top: 110px; text-align: center; width: 100%; font-size: 20px; color: #ff0000; margin-bottom: 40px; }
.menu a { color: white; padding: 0px 10px; text-decoration: none; }
.news { background-color: #ff0000; padding: 3px 0px; max-width: 1232px; }
.news .disc1 { float: left; }
.news .disc2 { float: right; }

.berkanan { margin-top: 30px; text-align: center; }
.title { font-size: 30px; font-weight: 300; color: white; text-align: center; margin-bottom: 30px; }
.berkanan .main-photo { border: 1px solid #ff0000; max-width: 781px; }
.berkanan .left-artist { margin-left: 362px; float: left; width: 210px; font-weight: 300; font-size: 12px; margin-top: 25px; }
.berkanan .left-artist span { font-size: 18px; font-weight: 400; }                        
.berkanan .right-artist { margin-left: 78px; float: left; width: 251px; font-weight: 300; font-size: 12px; margin-top: 25px; }
.berkanan .right-artist span { font-size: 18px; font-weight: 400; }
.berkanan .about { font-size: 14px; line-height: 24px; text-align: center; width: 850px; margin: 0px auto; margin-top: 55px; margin-bottom: 42px; }
.music { margin-bottom: 40px; min-height: 996px; }
.music .youtube img, .music .youtube iframe { float: left; border: 1px solid #ff0000; -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.music .youtube { float: left; padding-bottom: 35px;  }
.music .youtube:nth-child(even) { padding-left: 55px; }

.music .soundcloud { float: left; padding-bottom: 35px; }
.music .soundcloud img,.music .soundcloud iframe  { border: 1px solid #ff0000; float: left; }
.music .soundcloud-padding { padding: 0px 47px; }

.photo { margin-bottom: 40px; min-height: 939px; }
.photo-container { float: left; padding-bottom: 30px; }
.photo-container img { float: left; border: 1px solid #ff0000; width: 582px; height: 386px; }
.photo .gallery .photo-container:nth-child(even) { padding-left: 59px; }

.contact { text-align: center; font-size: 16px; line-height: 30px; }
.contact span { font-size: 18px; }
.contact a { color: white; text-decoration: none; font-size: 14px; }
.contact .social { padding-top: 30px; }
.contact .social img { display: inline-block; padding: 0px 10px; }

.footer { width: 452px; margin: 0px auto; margin-top: 95px; color: white; font-size: 10px; }
.footer .left { float: left; }
.footer .right { float: right; }
.footer a { color: white; text-decoration: none; }

.pagination { text-align: center; }
.pagination a { color: white; padding: 0px 5px; font-size: 18px; text-decoration: none; display: inline-block;  }
.pagination a.active { color: #808285;  }
.clr { clear: both; }