/*-------------------------------------------------------------------------*/ /*	3.	Containers /*-------------------------------------------------------------------------*/ .main_container { width: 1220px; height: auto; margin: 0 auto; padding-right: 191px;}  .main_container:before { width: 100%; height: 36px; content: ""; display: block; }  .main_container .row { /*width: 100%;*/ height: auto; display: block; }  .main_container .row .col { min-height: 1px; margin: 0 0 0 9px; }  .main_container .row .col.col-left { width: 183px; float: left; margin: 0; }  .main_container .row .col.col-mid { width: 733px; display: inline-block; }  .main_container .row .col.col-right { width: 285px; float: right; color: #7e8d09; }  /*-------------------------------------------------------------------------*/ /*	4.	Sticky navigation /*-------------------------------------------------------------------------*/ .sticky-navigation { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 36px; top: 0; left: 0; padding: 0 20px; z-index: 6; position: fixed; line-height: 36px; background-image: url(../images/misc/sticky_nav.jpg); background-repeat: repeat-x; background-position: top center; background-color: #1a0c03; box-shadow: 0 1px 0 rgba(215,150,2,0.3), 0 2px 16px rgba(0,0,0,0.8); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }  .sticky-left { display: flex; gap: 15px; align-items: center; }  .sticky-center { display: flex; align-items: center; flex: 1; justify-content: center; }  .sticky-right { display: flex; gap: 8px; align-items: center; justify-content: flex-end; }  .sticky-navigation a { top: 0px; margin: 0; font-size: 10pt; }  .sticky-icon { font-size: 14.0pt !important; top: 0 !important; opacity: 70%; transition: opacity 0.2s ease; -webkit-transition: opacity 0.2s ease; }  .sticky-icon:hover { opacity: 100% !important; }  .language-picker-container { align-items: center; height: 36px; }  .language-picker-container i { align-items: center; }  .language-picker-container select { padding: 2px 14px; color: #fbb100; background-color: rgba(0, 0, 0, 0.5); border: 1px solid #876f36; border-radius: 3px; font-size: 9pt; cursor: url(../images/cursor-link-new.gif), auto; }  .language-picker-container select:hover { background-color: rgba(26, 12, 3, 0.8); }  /*-------------------------------------------------------------------------*/ /*	5.	Social icons /*-------------------------------------------------------------------------*/ .social_holder { width: 24px; height: auto; right: 5px; z-index: 5; position: fixed; }  .social_holder a { width: 100%; margin: 15px 0; display: block; background-color: transparent; background-image: url(../images/misc/social-sprite.png); background-repeat: no-repeat; }  .social_holder .social_facebook { height: 24px; background-position: 0 0; }  .social_holder .social_twitter { height: 24px; background-position: 0 -27px; }  .social_holder .social_twitch { height: 25px; background-position: 0 -54px; }  .social_holder .social_support { height: 17px; background-position: 0 100%; }  /*-------------------------------------------------------------------------*/ /*	6.	Header /*-------------------------------------------------------------------------*/ #header { width: 100%; height: auto; margin: 31px 0 31px 0; z-index: 4; }  #header .holder { width: 100%; height: 123px; }  /* Logo /*----------------------------------------------------------*/ #header .holder .logo_holder { float: left; margin: 0 -10px 0 5px; }  #header .holder .logo_holder .logo { width: 118px; height: 123px; z-index: 3; display: block; text-indent: -99999px; background-color: transparent; background-image: url(../images/misc/logo.png); background-repeat: no-repeat; background-position: top center; }  #header .holder .logo_holder .logo:hover { background-position: bottom center; }  /* Navigation /*----------------------------------------------------------*/ #header .holder .navigation { width: 100%; height: 68px; text-align: center; background-color: transparent; background-image: url(../images/misc/header.png); background-repeat: no-repeat; background-position: top center; }  #header .holder .navigation > li { display: inline-block; }  #header .holder .navigation > li > a { color: #a4600a; z-index: 3; display: block; padding: 0 11px; font-size: 10.5pt; line-height: 60px; text-shadow: 0 0 0 #a4600a, 0 2px 2px #000000; font-family: 'Cinzel', Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.5px; }  #header .holder .navigation > li:hover > a { color: #e58815; text-shadow: 0 0 0 #e58815, 0 2px 2px #000000; }  #header .holder .navigation > .dropdown > a:after { width: 4px; height: 4px; top: -4px; left: 5px; content: ""; display: inline-block; position: relative; transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); border-style: solid; border-width: 0 0 1px 1px; border-color: transparent transparent #a4600a #a4600a; }  #header .holder .navigation > .dropdown:hover > a:after { border-color: transparent transparent #e58815 #e58815; }  /* Dropdown /*----------------------------------------------------------*/ #header .holder .navigation .dropdown-holder, #header .holder .navigation .dropdown-holder * { -webkit-transform: translateZ(0px); }  #header .holder .navigation .dropdown-holder { width: 180px; height: 0; top: 41px; cursor:url(../images/cursor-link-new.gif),auto; opacity: 0; overflow: hidden; position: absolute; text-align: left; transition: height ease-in-out 900ms, opacity ease-in-out 900ms; -o-transition: height ease-in-out 900ms, opacity ease-in-out 900ms; -ms-transition: height ease-in-out 900ms, opacity ease-in-out 900ms; -moz-transition: height ease-in-out 900ms, opacity ease-in-out 900ms; -webkit-transition: height ease-in-out 900ms, opacity ease-in-out 900ms; }  /* show dropdown */ #header .holder .navigation > li:hover .dropdown-holder { height: 280px; opacity: 1; }  #header .holder .navigation .dropdown-holder .navi-dropdown { width: 100%; height: auto; top: 20px; border: 1px #40220a solid; padding: 4px 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: rgb(36,19,9); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(36,19,9,1) 0%, rgba(27,17,11,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  rgba(36,19,9,1) 0%,rgba(27,17,11,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  rgba(36,19,9,1) 0%,rgba(27,17,11,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#241309', endColorstr='#1b110b',GradientType=0 ); /* IE6-9 */ }  /* dropdown arrow */ #header .holder .navigation .dropdown-holder .navi-dropdown:before { width: 14px; height: 14px; top: -8px; left: 0; right: 0; margin: 0 auto; content: ""; z-index: 3; position: absolute; border-top: 1px #40220a solid; border-right: 1px #40220a solid; border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; -webkit-border-radius: 0 3px 0 0; background-color: #241309; transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }  #header .holder .navigation .dropdown-holder .navi-dropdown li { display: block; }  #header .holder .navigation .dropdown-holder .navi-dropdown li a { color: #a4600a; padding: 4px 15px; display: block; text-shadow: 0 2px 2px #000000; font-family: 'Cinzel', Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; text-transform: uppercase; font-size: 9pt; letter-spacing: 1px; }  #header .holder .navigation .dropdown-holder .navi-dropdown li a:hover { color: #e58815; }  /*-------------------------------------------------------------------------*/ /*	7.	Slider /*-------------------------------------------------------------------------*/ #slider_container { width: 100%; height: 273px; padding: 9px; display: block; background-color: transparent; background-image: url(../images/misc/slider_frame.jpg); background-repeat: no-repeat; background-position: top center; }  #slider_container #slider { width: 100%; height: 100%; display: block; }  #slider_container #slider, #slider_container #slider * { -webkit-transform: translateZ(0px); }  #slider_container #slider .caption { display: none; }  #slider_container #slider a { display: none; }  #slider_container #slider .pagination { width: auto; height: auto; top: 7px; left: 5px; display: block; overflow: hidden; position: absolute; }  #slider_container #slider .pagination li { width: 7px; height: 12px; float: left; color: #7f4b00; margin: 0 0 0 5px !important; cursor:url(../images/cursor-link-new.gif),auto; display: block; font-size: 0; text-align: center; text-indent: -99999px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #7f4b00; }  #slider_container #slider .pagination li.current { color: #ffa200; background-color: #ffa200; }