@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700');
@import url("https://fonts.googleapis.com/css?family=Metal+Mania");

@font-face{font-family:"Booter - Zero Zero";src:url("Fonts/Booter - Zero Zero.woff") format("woff"),url("Fonts/Booter - Zero Zero.woff2") format("woff2");font-weight:normal;font-style:normal}

/*:root{}-webkit--moz--ms--o-*/

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;color:#777;font-family:Raleway}

html,body{min-height:100%;margin:0;padding:0}

.sI-Ti,.btn-Pu{display:block}
.nav a{display:inline-block}
.nav li{display:inline}
.main-footer-container,.sIs,.sI-D,.cC,.cR{display:flex}
.cNTR,.cOps,.btn-Pu{position:relative}
.cIs,.cI,.cIn{position:absolute}

.cIs,.cI{-webkit-transition:var(--trans);-moz-transition:var(--trans);-o-transition:var(--trans);transition:var(--trans)}

.cNTR:last-child,.cIs{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:var(--P);-moz-perspective:var(--P);-ms-perspective:var(--P);-o-perspective:var(--P);perspective:var(--P)}

.cT,.main-footer-cNTR ul{text-align:end}
.sI-D,.cC,.main-footer-container{align-items:center}
.sI-P,.main-footer-container ul{flex-grow:1}

.main-header{background-image:url(Images/Header_Background.jpg);background-color:rgba(0,0,0,.6);background-size:cover;background-blend-mode:multiply;padding-bottom:2.5vw}
.main-nav{border-bottom:.083vw solid rgba(255,255,255,.3);text-align:center;font-size:1.33vw;font-weight:lighter}
.nav ul{margin:0}
.main-nav li{padding:0 5%}
.nav a{padding:.66vw;color:white;text-decoration:none}
.nav a:hover{background-color:rgba(255,255,255,.3)}

.site-name{margin:0;color:white;text-align:center;font-size:5.33vw;font-family:"Booter - Zero Zero";font-weight:normal}
.site-nameL{font-size:10.66vw}

.cNTR{max-width:100vw;margin:0 auto;padding:0 2.16vw}
.cNTR:last-child{--P:5000vw;margin:6.6vw auto}

.c-s{margin:1.33vw}

.secH{color:#333;font-family:"Metal Mania";font-weight:normal;font-size:3.33vw;text-align:center}

.sIs{flex-wrap:wrap;justify-content:space-around}
.sI{margin:2.5vw}
.sI-Ti{width:100%;margin-bottom:1.25vw;color:#333;font-weight:bold;font-size:2vw;text-align:center}
.sI-Im{height:20.83vw}
.sI-D{padding:.416vw}
.sI-P{color:#333}

.btn{padding:1vw 1vw;text-align:center;vertical-align:middle;cursor:pointer}
.btn-Prm{background-color:#56CCF2;border:none;border-radius:.4vw;color:white;font-weight:bold}
.btn-Prm:hover{background-color:#2D9CDB}

.cR:last-child{border-bottom:.083vw solid black}
.cR:last-child .cC{border:none}

.cIr{top:-4vw;width:45%}
.cH{color:#333;font-weight:bold;font-size:1vw}
.cC{border-bottom:.083vw solid black;margin-top:.83vw;margin-right:2vw;padding-bottom:.83vw}
.cP{width:20%;color:#333;font-size:1vw}
.cQ{width:35%}

.cIs,.cI{--trans:transform 1s}
.cIs{--caroTz:-7.5vw;list-style:none;left:45vw;-webkit-transform:translateZ(var(--caroTz));-moz-transform:translateZ(var(--caroTz));-ms-transform:translateZ(var(--caroTz));-o-transform:translateZ(var(--caroTz));transform:translateZ(var(--caroTz))}

.cI{--num:360;--zero:1;--caroTy:12vw;left:-5vw;top:-.83vw;width:15.83vw;height:10vw;border:.16vw solid black;color:white;font-size:1vw;font-weight:bold;text-align:center;line-height:9.66vw;z-index:1;-webkit-transform:translateZ(var(--caroTz))rotateY(calc(360deg * (var(--zero)/var(--num))))translateY(var(--caroTy));-moz-transform:translateZ(var(--caroTz))rotateY(calc(360deg * (var(--zero)/var(--num))))translateY(var(--caroTy));-ms-transform:translateZ(var(--caroTz))rotateY(calc(360deg * (var(--zero)/var(--num))))translateY(var(--caroTy));-o-transform:translateZ(var(--caroTz))rotateY(calc(360deg * (var(--zero)/var(--num))))translateY(var(--caroTy));transform:translateZ(var(--caroTz))rotateY(calc(360deg * (var(--zero)/var(--num))))translateY(var(--caroTy))}

.cI:nth-child(9n+1){background:hsla(320,100%,50%,.8)}
.cI:nth-child(9n+2){background:hsla(0,100%,50%,.8)}
.cI:nth-child(9n+3){background:hsla(40,100%,50%,.8)}
.cI:nth-child(9n+4){background:hsla(80,100%,50%,.8)}
.cI:nth-child(9n+5){background:hsla(120,100%,50%,.8)}
.cI:nth-child(9n+6){background:hsla(160,100%,50%,.8)}
.cI:nth-child(9n+7){background:hsla(200,100%,50%,.8)}
.cI:nth-child(9n+8){background:hsla(240,100%,50%,.8)}
.cI:nth-child(9n+0){background:hsla(280,100%,50%,.8)}


.cI:first-child{--zero:0;--num:0;display:none}
.cI:nth-child(1){--nu:0}
.cI:nth-child(2){--nu:40}/* -320 */
.cI:nth-child(3){--nu:280}/* -280 */
.cI:nth-child(4){--nu:240}/* -240 */
.cI:nth-child(5){--nu:200}/* -200 */
.cI:nth-child(6){--nu:160}/* -160 */
.cI:nth-child(7){--nu:120}/* -120 */
.cI:nth-child(8){--nu:80}/* -80 */
.cI:nth-child(9){--nu:320}/* -40 */

.cI:last-child{--caroTz:0;-webkit-transform:rotateY(calc((var(--num) - var(--nu)) * 1deg))rotateX(0)translateY(17.5vw)translateZ(var(--caroTz));-moz-transform:rotateY(calc(var(--num) * 1deg))rotateX(0)translateY(17.5vw)translateZ(var(--caroTz));-ms-transform:rotateY(calc(var(--num) * 1deg))rotateX(0)translateY(17.5vw)translateZ(var(--caroTz));-o-transform:rotateY(calc(var(--num) * 1deg))rotateX(0)translateY(17.5vw)translateZ(var(--caroTz));transform:rotateY(calc(var(--num) * 1deg))rotateX(0)translateY(17.5vw)translateZ(var(--caroTz))}

.cI-Im{width:6.25vw;height:auto;border-radius:.83vw}
.cI-Ti{margin-left:.66vw;color:#333;font-size:1vw}
.cQ-In{background-color:#eee;width:4.16vw;height:2.83vw;margin-right:2.083vw;border-radius:.416vw;border:.083vw solid #56CCF2;padding:0;color:#333;font-size:1.6vw;text-align:center}

.cOps{background:hsla(0,0%,100%,.8);text-align:center;z-index:2}

.cT{margin-top:.83vw;margin-right:.83vw}
.cT-To{margin-right:1.66vw;color:black;font-weight:bold;font-size:1.5vw}
.cT-P{color:#333;font-size:1.46vw}

.btn-D{background-color:#EB5757;border:none;border-radius:.4vw;color:white;font-weight:bold}
.btn-D:hover{background-color:#CC4C4C}

.btn-Pu{margin:3.3vw auto 6.6vw auto;font-size:2.3275vw}

.main-footer{background-color:#56CCF2;padding:.33vw 0;color:white}
.footer-nav li{padding:0 .66vw}
.footer-nav img{width:2.5vw;height:2.5vw}