div#devskin13034927 span.ogpreview {display: none } div#devskin13034927 i.gr1, div#devskin13034927 i.gr1 i, div#devskin13034927 i.gr2, div#devskin13034927 i.gr2 i, div#devskin13034927 i.gr3, div#devskin13034927 .gr-top {display: none } div#devskin13034927 .gr-body {background: transparent; border: 0 !important; position: static; overflow: visible } div#devskin13034927 .gr-body .grf-indent {background: transparent; margin: auto; text-align: center; padding: 0 } div#devskin13034927 .gr-body .gr {border: 0 !important; position: static; background: none } div#devskin13034927 .text {padding: 0; position: relative; text-align: left } div#devskin13034927 .text br {display: none } div#devskin13034927 .c.ppb.alink.bottom {top: -30px; position: relative } div#devskin13034927 a.commentslink {color: #fff } div#devskin13034927 a.commentslink:hover {color: #000 } .wrap {max-width: 1440px; margin: auto; padding: 0 15px; position: relative } .wrap .wrap {width: 100%; padding: 0 } .wrap.wide {max-width: 1500px } .wrap div[class^="col-"] {float: left; box-sizing: content-box; display: inline-block; margin: 0 1.0416666667% } .wrap div[class^="col-"] .alpha {margin-left: 0 !important } .wrap div[class^="col-"] .omega {margin-right: 0 !important } .col-1 {width: 6.25% } .before-1 {padding-left: 8.3333333333% } .after-1 {padding-right: 8.3333333333% } .col-2 {width: 14.5833333333% } .before-2 {padding-left: 16.6666666667% } .after-2 {padding-right: 16.6666666667% } .col-3 {width: 22.9166666667% } .before-3 {padding-left: 25% } .after-3 {padding-right: 25% } .col-4 {width: 31.25% } .before-4 {padding-left: 33.3333333333% } .after-4 {padding-right: 33.3333333333% } .col-5 {width: 39.5833333333% } .before-5 {padding-left: 41.6666666667% } .after-5 {padding-right: 41.6666666667% } .col-6 {width: 47.9166666667% } .before-6 {padding-left: 50% } .after-6 {padding-right: 50% } .col-7 {width: 56.25% } .before-7 {padding-left: 58.3333333333% } .after-7 {padding-right: 58.3333333333% } .col-8 {width: 64.5833333333% } .before-8 {padding-left: 66.6666666667% } .after-8 {padding-right: 66.6666666667% } .col-9 {width: 72.9166666667% } .before-9 {padding-left: 75% } .after-9 {padding-right: 75% } .col-10 {width: 81.25% } .before-10 {padding-left: 83.3333333333% } .after-10 {padding-right: 83.3333333333% } .col-11 {width: 89.5833333333% } .before-11 {padding-left: 91.6666666667% } .after-11 {padding-right: 91.6666666667% } .col-12 {width: 97.9166666667% } .before-12 {padding-left: 100% } .after-12 {padding-right: 100% } .col-1 .wrap .col-1 {width: 100% } .col-2 .wrap .col-2 {width: 100% } .col-2 .wrap .col-1 {width: 42.8571428571%; margin: 0 7.1428571429% } .col-3 .wrap .col-3 {width: 100% } .col-3 .wrap .col-2 {width: 63.6363636364%; margin: 0 4.5454545455% } .col-3 .wrap .col-1 {width: 27.2727272727%; margin: 0 4.5454545455% } .col-4 .wrap .col-4 {width: 100% } .col-4 .wrap .col-3 {width: 73.3333333333%; margin: 0 3.3333333333% } .col-4 .wrap .col-2 {width: 46.6666666667%; margin: 0 3.3333333333% } .col-4 .wrap .col-1 {width: 20%; margin: 0 3.3333333333% } .col-5 .wrap .col-5 {width: 100% } .col-5 .wrap .col-4 {width: 78.9473684211%; margin: 0 2.6315789474% } .col-5 .wrap .col-3 {width: 57.8947368421%; margin: 0 2.6315789474% } .col-5 .wrap .col-2 {width: 36.8421052632%; margin: 0 2.6315789474% } .col-5 .wrap .col-1 {width: 15.7894736842%; margin: 0 2.6315789474% } .col-6 .wrap .col-6 {width: 100% } .col-6 .wrap .col-5 {width: 82.6086956522%; margin: 0 2.1739130435% } .col-6 .wrap .col-4 {width: 65.2173913043%; margin: 0 2.1739130435% } .col-6 .wrap .col-3 {width: 47.8260869565%; margin: 0 2.1739130435% } .col-6 .wrap .col-2 {width: 30.4347826087%; margin: 0 2.1739130435% } .col-6 .wrap .col-1 {width: 13.0434782609%; margin: 0 2.1739130435% } .col-7 .wrap .col-7 {width: 100% } .col-7 .wrap .col-6 {width: 85.1851851852%; margin: 0 1.8518518519% } .col-7 .wrap .col-5 {width: 70.3703703704%; margin: 0 1.8518518519% } .col-7 .wrap .col-4 {width: 55.5555555556%; margin: 0 1.8518518519% } .col-7 .wrap .col-3 {width: 40.7407407407%; margin: 0 1.8518518519% } .col-7 .wrap .col-2 {width: 25.9259259259%; margin: 0 1.8518518519% } .col-7 .wrap .col-1 {width: 11.1111111111%; margin: 0 1.8518518519% } .col-8 .wrap .col-8 {width: 100% } .col-8 .wrap .col-7 {width: 87.0967741935%; margin: 0 1.6129032258% } .col-8 .wrap .col-6 {width: 74.1935483871%; margin: 0 1.6129032258% } .col-8 .wrap .col-5 {width: 61.2903225806%; margin: 0 1.6129032258% } .col-8 .wrap .col-4 {width: 48.3870967742%; margin: 0 1.6129032258% } .col-8 .wrap .col-3 {width: 35.4838709677%; margin: 0 1.6129032258% } .col-8 .wrap .col-2 {width: 22.5806451613%; margin: 0 1.6129032258% } .col-8 .wrap .col-1 {width: 9.6774193548%; margin: 0 1.6129032258% } .col-9 .wrap .col-9 {width: 100% } .col-9 .wrap .col-8 {width: 88.5714285714%; margin: 0 1.4285714286% } .col-9 .wrap .col-7 {width: 77.1428571429%; margin: 0 1.4285714286% } .col-9 .wrap .col-6 {width: 65.7142857143%; margin: 0 1.4285714286% } .col-9 .wrap .col-5 {width: 54.2857142857%; margin: 0 1.4285714286% } .col-9 .wrap .col-4 {width: 42.8571428571%; margin: 0 1.4285714286% } .col-9 .wrap .col-3 {width: 31.4285714286%; margin: 0 1.4285714286% } .col-9 .wrap .col-2 {width: 20%; margin: 0 1.4285714286% } .col-9 .wrap .col-1 {width: 8.5714285714%; margin: 0 1.4285714286% } .col-10 .wrap .col-10 {width: 100% } .col-10 .wrap .col-9 {width: 89.7435897436%; margin: 0 1.2820512821% } .col-10 .wrap .col-8 {width: 79.4871794872%; margin: 0 1.2820512821% } .col-10 .wrap .col-7 {width: 69.2307692308%; margin: 0 1.2820512821% } .col-10 .wrap .col-6 {width: 58.9743589744%; margin: 0 1.2820512821% } .col-10 .wrap .col-5 {width: 48.7179487179%; margin: 0 1.2820512821% } .col-10 .wrap .col-4 {width: 38.4615384615%; margin: 0 1.2820512821% } .col-10 .wrap .col-3 {width: 28.2051282051%; margin: 0 1.2820512821% } .col-10 .wrap .col-2 {width: 17.9487179487%; margin: 0 1.2820512821% } .col-10 .wrap .col-1 {width: 7.6923076923%; margin: 0 1.2820512821% } .col-11 .wrap .col-11 {width: 100% } .col-11 .wrap .col-10 {width: 90.6976744186%; margin: 0 1.1627906977% } .col-11 .wrap .col-9 {width: 81.3953488372%; margin: 0 1.1627906977% } .col-11 .wrap .col-8 {width: 72.0930232558%; margin: 0 1.1627906977% } .col-11 .wrap .col-7 {width: 62.7906976744%; margin: 0 1.1627906977% } .col-11 .wrap .col-6 {width: 53.488372093%; margin: 0 1.1627906977% } .col-11 .wrap .col-5 {width: 44.1860465116%; margin: 0 1.1627906977% } .col-11 .wrap .col-4 {width: 34.8837209302%; margin: 0 1.1627906977% } .col-11 .wrap .col-3 {width: 25.5813953488%; margin: 0 1.1627906977% } .col-11 .wrap .col-2 {width: 16.2790697674%; margin: 0 1.1627906977% } .col-11 .wrap .col-1 {width: 6.976744186%; margin: 0 1.1627906977% } .col-12 .wrap .col-12 {width: 100% } .col-12 .wrap .col-11 {width: 91.4893617021%; margin: 0 1.0638297872% } .col-12 .wrap .col-10 {width: 82.9787234043%; margin: 0 1.0638297872% } .col-12 .wrap .col-9 {width: 74.4680851064%; margin: 0 1.0638297872% } .col-12 .wrap .col-8 {width: 65.9574468085%; margin: 0 1.0638297872% } .col-12 .wrap .col-7 {width: 57.4468085106%; margin: 0 1.0638297872% } .col-12 .wrap .col-6 {width: 48.9361702128%; margin: 0 1.0638297872% } .col-12 .wrap .col-5 {width: 40.4255319149%; margin: 0 1.0638297872% } .col-12 .wrap .col-4 {width: 31.914893617%; margin: 0 1.0638297872% } .col-12 .wrap .col-3 {width: 23.4042553191%; margin: 0 1.0638297872% } .col-12 .wrap .col-2 {width: 14.8936170213%; margin: 0 1.0638297872% } .col-12 .wrap .col-1 {width: 6.3829787234%; margin: 0 1.0638297872% } .col-2 .wrap .before-1 {padding-left: 57.1428571429% } .col-3 .wrap .before-2 {padding-left: 72.7272727273% } .col-3 .wrap .before-1 {padding-left: 36.3636363636% } .col-4 .wrap .before-3 {padding-left: 80% } .col-4 .wrap .before-2 {padding-left: 53.3333333333% } .col-4 .wrap .before-1 {padding-left: 26.6666666667% } .col-5 .wrap .before-4 {padding-left: 84.2105263158% } .col-5 .wrap .before-3 {padding-left: 63.1578947368% } .col-5 .wrap .before-2 {padding-left: 42.1052631579% } .col-5 .wrap .before-1 {padding-left: 21.0526315789% } .col-6 .wrap .before-5 {padding-left: 86.9565217391% } .col-6 .wrap .before-4 {padding-left: 69.5652173913% } .col-6 .wrap .before-3 {padding-left: 52.1739130435% } .col-6 .wrap .before-2 {padding-left: 34.7826086957% } .col-6 .wrap .before-1 {padding-left: 17.3913043478% } .col-7 .wrap .before-6 {padding-left: 88.8888888889% } .col-7 .wrap .before-5 {padding-left: 74.0740740741% } .col-7 .wrap .before-4 {padding-left: 59.2592592593% } .col-7 .wrap .before-3 {padding-left: 44.4444444444% } .col-7 .wrap .before-2 {padding-left: 29.6296296296% } .col-7 .wrap .before-1 {padding-left: 14.8148148148% } .col-8 .wrap .before-7 {padding-left: 90.3225806452% } .col-8 .wrap .before-6 {padding-left: 77.4193548387% } .col-8 .wrap .before-5 {padding-left: 64.5161290323% } .col-8 .wrap .before-4 {padding-left: 51.6129032258% } .col-8 .wrap .before-3 {padding-left: 38.7096774194% } .col-8 .wrap .before-2 {padding-left: 25.8064516129% } .col-8 .wrap .before-1 {padding-left: 12.9032258065% } .col-9 .wrap .before-8 {padding-left: 91.4285714286% } .col-9 .wrap .before-7 {padding-left: 80% } .col-9 .wrap .before-6 {padding-left: 68.5714285714% } .col-9 .wrap .before-5 {padding-left: 57.1428571429% } .col-9 .wrap .before-4 {padding-left: 45.7142857143% } .col-9 .wrap .before-3 {padding-left: 34.2857142857% } .col-9 .wrap .before-2 {padding-left: 22.8571428571% } .col-9 .wrap .before-1 {padding-left: 11.4285714286% } .col-10 .wrap .before-9 {padding-left: 92.3076923077% } .col-10 .wrap .before-8 {padding-left: 82.0512820513% } .col-10 .wrap .before-7 {padding-left: 71.7948717949% } .col-10 .wrap .before-6 {padding-left: 61.5384615385% } .col-10 .wrap .before-5 {padding-left: 51.2820512821% } .col-10 .wrap .before-4 {padding-left: 41.0256410256% } .col-10 .wrap .before-3 {padding-left: 30.7692307692% } .col-10 .wrap .before-2 {padding-left: 20.5128205128% } .col-10 .wrap .before-1 {padding-left: 10.2564102564% } .col-11 .wrap .before-10 {padding-left: 93.023255814% } .col-11 .wrap .before-9 {padding-left: 83.7209302326% } .col-11 .wrap .before-8 {padding-left: 74.4186046512% } .col-11 .wrap .before-7 {padding-left: 65.1162790698% } .col-11 .wrap .before-6 {padding-left: 55.8139534884% } .col-11 .wrap .before-5 {padding-left: 46.511627907% } .col-11 .wrap .before-4 {padding-left: 37.2093023256% } .col-11 .wrap .before-3 {padding-left: 27.9069767442% } .col-11 .wrap .before-2 {padding-left: 18.6046511628% } .col-11 .wrap .before-1 {padding-left: 9.3023255814% } .col-12 .wrap .before-11 {padding-left: 93.6170212766% } .col-12 .wrap .before-10 {padding-left: 85.1063829787% } .col-12 .wrap .before-9 {padding-left: 76.5957446809% } .col-12 .wrap .before-8 {padding-left: 68.085106383% } .col-12 .wrap .before-7 {padding-left: 59.5744680851% } .col-12 .wrap .before-6 {padding-left: 51.0638297872% } .col-12 .wrap .before-5 {padding-left: 42.5531914894% } .col-12 .wrap .before-4 {padding-left: 34.0425531915% } .col-12 .wrap .before-3 {padding-left: 25.5319148936% } .col-12 .wrap .before-2 {padding-left: 17.0212765957% } .col-12 .wrap .before-1 {padding-left: 8.5106382979% } .col-2 .wrap .after-1 {padding-right: 57.1428571429% } .col-3 .wrap .after-2 {padding-right: 72.7272727273% } .col-3 .wrap .after-1 {padding-right: 36.3636363636% } .col-4 .wrap .after-3 {padding-right: 80% } .col-4 .wrap .after-2 {padding-right: 53.3333333333% } .col-4 .wrap .after-1 {padding-right: 26.6666666667% } .col-5 .wrap .after-4 {padding-right: 84.2105263158% } .col-5 .wrap .after-3 {padding-right: 63.1578947368% } .col-5 .wrap .after-2 {padding-right: 42.1052631579% } .col-5 .wrap .after-1 {padding-right: 21.0526315789% } .col-6 .wrap .after-5 {padding-right: 86.9565217391% } .col-6 .wrap .after-4 {padding-right: 69.5652173913% } .col-6 .wrap .after-3 {padding-right: 52.1739130435% } .col-6 .wrap .after-2 {padding-right: 34.7826086957% } .col-6 .wrap .after-1 {padding-right: 17.3913043478% } .col-7 .wrap .after-6 {padding-right: 88.8888888889% } .col-7 .wrap .after-5 {padding-right: 74.0740740741% } .col-7 .wrap .after-4 {padding-right: 59.2592592593% } .col-7 .wrap .after-3 {padding-right: 44.4444444444% } .col-7 .wrap .after-2 {padding-right: 29.6296296296% } .col-7 .wrap .after-1 {padding-right: 14.8148148148% } .col-8 .wrap .after-7 {padding-right: 90.3225806452% } .col-8 .wrap .after-6 {padding-right: 77.4193548387% } .col-8 .wrap .after-5 {padding-right: 64.5161290323% } .col-8 .wrap .after-4 {padding-right: 51.6129032258% } .col-8 .wrap .after-3 {padding-right: 38.7096774194% } .col-8 .wrap .after-2 {padding-right: 25.8064516129% } .col-8 .wrap .after-1 {padding-right: 12.9032258065% } .col-9 .wrap .after-8 {padding-right: 91.4285714286% } .col-9 .wrap .after-7 {padding-right: 80% } .col-9 .wrap .after-6 {padding-right: 68.5714285714% } .col-9 .wrap .after-5 {padding-right: 57.1428571429% } .col-9 .wrap .after-4 {padding-right: 45.7142857143% } .col-9 .wrap .after-3 {padding-right: 34.2857142857% } .col-9 .wrap .after-2 {padding-right: 22.8571428571% } .col-9 .wrap .after-1 {padding-right: 11.4285714286% } .col-10 .wrap .after-9 {padding-right: 92.3076923077% } .col-10 .wrap .after-8 {padding-right: 82.0512820513% } .col-10 .wrap .after-7 {padding-right: 71.7948717949% } .col-10 .wrap .after-6 {padding-right: 61.5384615385% } .col-10 .wrap .after-5 {padding-right: 51.2820512821% } .col-10 .wrap .after-4 {padding-right: 41.0256410256% } .col-10 .wrap .after-3 {padding-right: 30.7692307692% } .col-10 .wrap .after-2 {padding-right: 20.5128205128% } .col-10 .wrap .after-1 {padding-right: 10.2564102564% } .col-11 .wrap .after-10 {padding-right: 93.023255814% } .col-11 .wrap .after-9 {padding-right: 83.7209302326% } .col-11 .wrap .after-8 {padding-right: 74.4186046512% } .col-11 .wrap .after-7 {padding-right: 65.1162790698% } .col-11 .wrap .after-6 {padding-right: 55.8139534884% } .col-11 .wrap .after-5 {padding-right: 46.511627907% } .col-11 .wrap .after-4 {padding-right: 37.2093023256% } .col-11 .wrap .after-3 {padding-right: 27.9069767442% } .col-11 .wrap .after-2 {padding-right: 18.6046511628% } .col-11 .wrap .after-1 {padding-right: 9.3023255814% } .col-12 .wrap .after-11 {padding-right: 93.6170212766% } .col-12 .wrap .after-10 {padding-right: 85.1063829787% } .col-12 .wrap .after-9 {padding-right: 76.5957446809% } .col-12 .wrap .after-8 {padding-right: 68.085106383% } .col-12 .wrap .after-7 {padding-right: 59.5744680851% } .col-12 .wrap .after-6 {padding-right: 51.0638297872% } .col-12 .wrap .after-5 {padding-right: 42.5531914894% } .col-12 .wrap .after-4 {padding-right: 34.0425531915% } .col-12 .wrap .after-3 {padding-right: 25.5319148936% } .col-12 .wrap .after-2 {padding-right: 17.0212765957% } .col-12 .wrap .after-1 {padding-right: 8.5106382979% } .col-1 iframe {height: 50px } .col-2 iframe {height: 118px } .col-3 iframe {height: 185px } .col-4 iframe {height: 253px } .col-5 iframe {height: 320px } .col-6 iframe {height: 388px } .col-7 iframe {height: 455px } .col-8 iframe {height: 523px } .col-9 iframe {height: 590px } .col-10 iframe {height: 658px } .col-11 iframe {height: 725px } .col-12 iframe {height: 793px } .clear {clear: both } .clear:before, .clear:after {content: ""; display: table } .clear:after {clear: both } iframe.daembed, iframe {display: block; width: 100% } .col-2 iframe {height: 084px } .col-3 iframe {height: 135px } .col-4 iframe {height: 186px } .col-5 iframe {height: 236px } .col-6 iframe {height: 287px } .col-7 iframe {height: 338px } .col-8 iframe {height: 388px } .col-9 iframe {height: 439px } .col-10 iframe {height: 602px } .col-11 iframe {height: 540px } .col-12 iframe {height: 591px } div#devskin13034927 {color: #000; font-family: "Open Sans", "Trebuchet MS", Helvetica, sans-serif; background: #fff; position: relative; margin: 0 } div#devskin13034927 a.external:after {content: none !important } div#devskin13034927 .text {max-width: initial !important } div#devskin13034927 .gr-box {padding: 0 !important; border: 0 !important } div#devskin13034927 .gr-body .grf-indent .text {padding: 0 !important } div#devskin13034927 .c.ppb.alink.bottom {top: initial; margin-top: -10px; padding: 0 0 30px; background: #000 } div#devskin13034927 a {font-size: 14px; color: #c2bfbf !important; font-family: "Open Sans", "Trebuchet MS", Helvetica, sans-serif } div#devskin13034927 a:hover {color: #a40101 } div#devskin13034927 .pota {color: #fff; background: #000 } div#devskin13034927 .pota h1, div#devskin13034927 .pota h2, div#devskin13034927 .pota h3, div#devskin13034927 .pota h4, div#devskin13034927 .pota h5, div#devskin13034927 .pota h6 {color: #fff; font-family: "Open Sans", "Trebuchet MS", Helvetica, sans-serif; margin: 0 0 1.1em; text-transform: uppercase } div#devskin13034927 .pota h2 {font-size: 24px; margin: 0 0 15px; text-shadow: 1px 1px 2px #232323 } div#devskin13034927 .pota h3 {font-size: 46px; line-height: 1; font-weight: 800; margin: 0 0 20px } div#devskin13034927 .pota h3 span {display: block } div#devskin13034927 .pota h3 span span a {color: inherit; font-size: inherit; font-weight: inherit } div#devskin13034927 .pota h4 {font-size: 22px; margin: 0 0 8px; text-shadow: 1px 1px 2px #232323 } div#devskin13034927 .pota h4 span {color: #a40101 } div#devskin13034927 .pota p {font-size: 16px; line-height: 26px; font-family: "Open Sans", "Trebuchet MS", Helvetica, sans-serif; margin: 0 0 20px; text-shadow: 1px 1px 2px #232323 } div#devskin13034927 .pota .legal p {color: #c2bfbf; font-size: 14px; line-height: 28px } div#devskin13034927 .pota a.username {color: #fff } div#devskin13034927 .pota .headline img {width: 70%; margin: 0 0 10px } div#devskin13034927 .pota a {color: #fff !important; font-weight: normal; font-family: "Open Sans", "Trebuchet MS", Helvetica, sans-serif; transition: all 300ms ease-out } div#devskin13034927 .pota .content {display: block; position: relative } div#devskin13034927 .pota .align-center {text-align: center } div#devskin13034927 .pota .break {margin-top: 14px; display: block } div#devskin13034927 .pota .grayscale, div#devskin13034927 .pota .grayscale>* {-webkit-filter: grayscale(100%); filter: grayscale(100%) } div#devskin13034927 .pota .mobile {display: none } div#devskin13034927 .pota .button-wrap {margin: 0 16px 16px 0; display: inline-block; position: relative; text-align: center; cursor: pointer } div#devskin13034927 .pota .button-wrap .button {padding: 12px 24px; background: #a40101; transition: all 300ms ease-out } div#devskin13034927 .pota .button-wrap .button:hover {background: #c10303 } div#devskin13034927 .pota .button-wrap .button:hover>a {color: #fff } div#devskin13034927 .pota .button-wrap .button a {color: #fff; font-size: 13px; text-transform: uppercase; text-decoration: none } div#devskin13034927 .pota .cta {float: right; display: inline-block; position: relative; cursor: pointer; top: 0; right: 0; height: 60px; z-index: 2 } div#devskin13034927 .pota .cta .social {float: right; width: 80px; height: 60px; position: relative; color: #222; text-align: center; overflow: hidden; cursor: pointer; display: inline-block; transition: all 0.2s ease-out } div#devskin13034927 .pota .cta .social * {line-height: 0 !important; opacity: 0; transition: opacity 0.15s ease-out } div#devskin13034927 .pota .cta .social iframe {padding: 0; width: 100px !important; position: absolute !important; height: 50px !important; display: inline-block !important } div#devskin13034927 .pota .cta .social.fb iframe {top: 21px !important; left: 0 !important } div#devskin13034927 .pota .cta .social.twitter iframe {top: 20px !important; left: 12px !important } div#devskin13034927 .pota .cta .social.gp iframe {top: 19px !important; left: 18px !important } div#devskin13034927 .pota .cta .social .slide {text-indent: -9999em; height: 60px; width: inherit; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; z-index: 2; text-align: center; opacity: 1; transition: transform 0.15s ease-in-out } div#devskin13034927 .pota .cta .social .slide:before {content: ''; position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; width: 20px; height: 20px; background-repeat: no-repeat; background-size: 60px auto; background-image: url("https://www.da-files.com/contests/2016/planet-of-the-apes/ui-icons_social.svg?v=1356"); z-index: -1 } div#devskin13034927 .pota .cta .social:hover .slide {transform: translate(0, -100%) } div#devskin13034927 .pota .cta .social:hover * {opacity: 1 } div#devskin13034927 .pota .cta .social.fb .slide:before {background-position: 50% 100% } div#devskin13034927 .pota .cta .social.twitter .slide:before {background-position: 0 100% } div#devskin13034927 .pota .cta .social.gp .slide:before {background-position: 100% 100% } div#devskin13034927 .pota .cta-footer {width: 100%; display: inline-block; text-align: center } div#devskin13034927 .pota .cta-footer .cta {float: none; padding-bottom: 20px } div#devskin13034927 .pota .frame {position: relative } div#devskin13034927 .pota .frame .side {position: absolute; background: #6e0a00; z-index: 1 } div#devskin13034927 .pota .frame .side.t, div#devskin13034927 .pota .frame .side.b {width: 100%; height: 6px } div#devskin13034927 .pota .frame .side.t {top: 0 } div#devskin13034927 .pota .frame .side.b {bottom: 0 } div#devskin13034927 .pota .frame .side.r, div#devskin13034927 .pota .frame .side.l {width: 6px; height: 100% } div#devskin13034927 .pota .frame .side.r {right: 0 } div#devskin13034927 .pota .frame .side.l {left: 0 } div#devskin13034927 .pota .frame .corner {position: absolute; z-index: 2 } div#devskin13034927 .pota .frame .corner.t {width: 11px; height: 8px; top: 0; left: -11px } div#devskin13034927 .pota .frame .corner.b {width: 6px; height: 8px; top: 0; right: -6px } div#devskin13034927 .pota .frame .corner.r {width: 11px; height: 8px; bottom: 0; right: 0 } div#devskin13034927 .pota .frame .corner.l {width: 6px; height: 8px; bottom: 0; left: -6px } div#devskin13034927 .pota .header {width: 100%; height: 100vh; position: relative; overflow: hidden } div#devskin13034927 .pota .header:before {content: ''; top: 0; right: 0; bottom: 0; left: 0; position: absolute; background: rgba(0, 0, 0, 0.15); z-index: 1 } div#devskin13034927 .pota .header:after {content: ''; width: 100%; height: 100%; top: 50%; left: 50%; position: absolute; background: url("https://www.da-files.com/contests/2016/planet-of-the-apes/img-caesar.jpg?v=1356") no-repeat 50% 50%/cover; transform: scale(1.2) translate(-34%, -40%); z-index: 0 } div#devskin13034927 .pota .header .link {width: 100%; display: inline-block; position: relative } div#devskin13034927 .pota .header .content {top: 50%; display: block; position: relative; transform: translate(0, -60%); z-index: 1 } div#devskin13034927 .pota .header .content p {width: 100% } div#devskin13034927 .pota .header .headline-engage img {width: 40% } div#devskin13034927 .pota .cobrands {margin: 0 0 30px; position: relative } div#devskin13034927 .pota .cobrands .logo {margin-right: 30px; display: inline-block; position: relative } div#devskin13034927 .pota .cobrands .logo.deviantart {width: 94px; height: 24px; background: url("https://www.da-files.com/contests/2016/planet-of-the-apes/logo-deviantart.svg?v=1356") no-repeat 50% 50%/cover } div#devskin13034927 .pota .cobrands .logo.madefire {width: 30px; height: 32px; top: 5px; margin-right: 34px; background: url("https://www.da-files.com/contests/2016/planet-of-the-apes/logo-madefire.svg?v=1356") no-repeat 50% 50%/cover } div#devskin13034927 .pota .cobrands .logo.fox {width: 39px; height: 32px; top: 4px; background: url("https://www.da-files.com/contests/2016/planet-of-the-apes/logo-fox.png?v=1356") no-repeat 50% 50%/cover } div#devskin13034927 .pota .cobrands .logo.deviantart:before {content: ''; width: 24px; height: 1px; top: 10px; left: 94px; position: absolute; background: #fff; transform: rotate(-62deg) } div#devskin13034927 .pota .cobrands .logo.madefire:before {content: ''; width: 24px; height: 1px; top: 15px; left: 38px; position: absolute; background: #fff; transform: rotate(-62deg) } div#devskin13034927 .pota .logo-title {margin: 0 0 10px } div#devskin13034927 .pota .logo-title .image img {width: 100% } div#devskin13034927 .pota .text h2 {margin: 0 0 16px } div#devskin13034927 .pota .ui-arrow {width: 100%; padding: 0 0 30px; display: inline-block; right: 0; bottom: 0; left: 0; position: absolute; text-align: center; transition: all 300ms ease-in; z-index: 1 } div#devskin13034927 .pota .ui-arrow a {display: inline-block } div#devskin13034927 .pota .ui-arrow .image {display: inline-block } div#devskin13034927 .pota .madefire--container {background: url("https://www.da-files.com/contests/2016/planet-of-the-apes/pattern-madefire.gif?v=1356") repeat } div#devskin13034927 .pota .madefire--container .motion-book--wrap {padding: 90px 0 0; background: url("https://www.da-files.com/contests/2016/planet-of-the-apes/img-pota-bg-1?v=1356") } div#devskin13034927 .pota .madefire--container .motion-book--wrap .content h4 {margin: 0 0 10px } div#devskin13034927 .pota .madefire--container .motion-book--wrap .content ul {margin: 0 0 30px } div#devskin13034927 .pota .madefire--container .madefire-motion-book {width: 100%; height: 420px; background: #373434; display: inline-block } div#devskin13034927 .pota .madefire--container .madefire-motion-book iframe {height: 420px !important } div#devskin13034927 .pota .madefire--container .creator-credit {width: 100%; margin: 10px 0 0; display: inline-block } div#devskin13034927 .pota .madefire--container .creator-credit h4 {font-size: 18px; margin: 0 0 10px !important } div#devskin13034927 .pota .madefire--container .creator-credit ul {margin: 0; padding: 0; list-style: none } div#devskin13034927 .pota .madefire--container .creator-credit ul li {font-size: 12px; margin: 0 0 8px } div#devskin13034927 .pota .madefire--container .info .headline {padding: 40px 0 } div#devskin13034927 .pota .madefire--container .info .headline img {width: 100%; max-width: 90%; margin: 0 } div#devskin13034927 .pota .madefire--container .info p {color: #c2bfbf; font-size: 14px; line-height: 28px } div#devskin13034927 .pota .challenge--container {width: 100%; position: relative; overflow: hidden } div#devskin13034927 .pota .challenge--container h3.headline {line-height: normal; background: url("https://www.da-files.com/contests/2016/planet-of-the-apes/text-show-your-fandom-and-create.png?v=1356") no-repeat 0 50%/100% auto } div#devskin13034927 .pota .challenge--container h3.headline span {color: transparent } div#devskin13034927 .pota .challenge--wrap {height: 480px; padding: 90px 0 30px } div#devskin13034927 .pota .challenge--wrap .content h4 {margin: 0 0 10px } div#devskin13034927 .pota .challenge--wrap .content a.extLink {font-size: 16px; line-height: 30px; font-weight: bold; text-decoration: underline } div#devskin13034927 .pota .inspiration-image {width: 100%; display: inline-block; position: relative; overflow: hidden; cursor: pointer } div#devskin13034927 .pota .inspiration-image .image {float: left; margin: 0; position: relative; background: #000 } div#devskin13034927 .pota .inspiration-image .image:before:hover {display: block } div#devskin13034927 .pota .inspiration-image .image:before {content: ''; height: inherit; display: none; top: 0; right: 0; bottom: 0; left: 0; position: absolute; background-color: #a40101; mix-blend-mode: overlay; z-index: 2 } div#devskin13034927 .pota .inspiration-image .image img {max-width: initial; min-height: 390px; max-height: 390px; vertical-align: bottom; border: 1px solid #2c2c2d } div#devskin13034927 .pota .inspiration-image .image a {width: 100%; height: inherit; display: inline-block; position: absolute } div#devskin13034927 .pota .inspiration-image .image i {width: 100%; height: 100%; top: 0; left: 0; display: none; position: absolute; background: rgba(0, 0, 0, 0.4) } div#devskin13034927 .pota .inspiration-image .image i:before {content: ''; width: 60px; height: 52px; top: 50%; right: 0; left: 0; margin: -30px auto 0; display: none; position: absolute; background: url("https://www.da-files.com/contests/2016/planet-of-the-apes/icon-pota-arrow-fff.png?v=1356") no-repeat 50% 50%/cover; z-index: 3 } div#devskin13034927 .pota .inspiration-image .image i:after {content: 'Download'; color: #fff; font-size: 14px; font-weight: 600; font-family: "Open Sans", "Trebuchet MS", Helvetica, sans-serif; top: 50%; right: 0; left: 0; margin: 30px auto 0; display: none; position: absolute; text-align: center; text-transform: uppercase; z-index: 3 } div#devskin13034927 .pota .inspiration-image .image:hover:before {display: block } div#devskin13034927 .pota .inspiration-image .image:hover i {display: block } div#devskin13034927 .pota .inspiration-image .image:hover i:before, div#devskin13034927 .pota .inspiration-image .image:hover i:after {display: block } div#devskin13034927 .pota .inspiration-image .credit {clear: both; float: left; display: inline-block; margin: 10px 0 0; position: relative; z-index: 3 } div#devskin13034927 .pota .inspiration-image .credit h4 {font-size: 18px } div#devskin13034927 .pota .inspiration-image .credit h3, div#devskin13034927 .pota .inspiration-image .credit h3 a {font-size: 26px; font-weight: 800; text-shadow: 1px 1px 2px #232323 } div#devskin13034927 .pota .inspiration-image .credit h3 span span, div#devskin13034927 .pota .inspiration-image .credit h3 a span span {display: inline-block } div#devskin13034927 .pota .inspiration-image .button-wrap {float: left; margin: 20px 40px 0 } div#devskin13034927 .pota .tab-set br {display: none } div#devskin13034927 .pota .tab-set .tab-content>div {display: none } div#devskin13034927 .pota .tab-set input, div#devskin13034927 .pota .tab-set label {display: none } div#devskin13034927 .pota .tab-set input+label {width: 15%; min-width: 135px; max-width: 240px; height: 270px; line-height: 270px; text-align: center; text-transform: uppercase; margin: 0 4px; right: 0; left: 0; cursor: pointer; position: relative; background-color: #373434; z-index: 2 } div#devskin13034927 .pota .tab-set input+label:hover {border: 2px solid #a40101 !important; background-color: #a40101; background-blend-mode: multiply } div#devskin13034927 .pota .tab-set .new-set-tab {width: 100%; display: block; position: relative; text-align: center } div#devskin13034927 .pota .tab-set .new-set-tab input+label {display: inline-block; border: 2px solid #18181b; box-sizing: border-box } div#devskin13034927 .pota .tab-set.one .new-set-tab {margin: 90px auto 0 } div#devskin13034927 .pota .tab-set.two .new-set-tab {margin: 60px auto 60px } div#devskin13034927 .pota .tab-set input:checked+label {border: 2px solid #a40101 !important } div#devskin13034927 .pota .tab-set input.disabled+label {cursor: default !important } div#devskin13034927 .pota .tab-set input.disabled+label:hover {background-color: rgba(0, 0, 0, 0.6) } div#devskin13034927 .pota .tab-set input:nth-of-type(1):checked ~ .tab-content div.tab-inner:nth-of-type(1), div#devskin13034927 .pota .tab-set input:nth-of-type(2):checked ~ .tab-content div.tab-inner:nth-of-type(2), div#devskin13034927 .pota .tab-set input:nth-of-type(3):checked ~ .tab-content div.tab-inner:nth-of-type(3), div#devskin13034927 .pota .tab-set input:nth-of-type(4):checked ~ .tab-content div.tab-inner:nth-of-type(4), div#devskin13034927 .pota .tab-set input:nth-of-type(5):checked ~ .tab-content div.tab-inner:nth-of-type(5) {display: block } div#devskin13034927 .pota .tab-set .tab-content {clear: both } div#devskin13034927 .pota .tab-set .tab-content .tab-inner {position: relative; z-index: 1 } div#devskin13034927 .pota .tab-set input:nth-of-type(1):checked ~ .tab-content ~ .new-set-tab label:nth-of-type(1), div#devskin13034927 .pota .tab-set input:nth-of-type(2):checked ~ .tab-content ~ .new-set-tab label:nth-of-type(2), div#devskin13034927 .pota .tab-set input:nth-of-type(3):checked ~ .tab-content ~ .new-set-tab label:nth-of-type(3), div#devskin13034927 .pota .tab-set input:nth-of-type(4):checked ~ .tab-content ~ .new-set-tab label:nth-of-type(4), div#devskin13034927 .pota .tab-set input:nth-of-type(5):checked ~ .tab-content ~ .new-set-tab label:nth-of-type(5) {color: #a40101; border: 2px solid #a40101; box-sizing: border-box } div#devskin13034927 .pota .tab-set input:nth-of-type(1):checked ~ .tab-content>.tab-inner>.new-set-tab label:nth-of-type(1), div#devskin13034927 .pota .tab-set input:nth-of-type(2):checked ~ .tab-content>.tab-inner>.new-set-tab label:nth-of-type(2), div#devskin13034927 .pota .tab-set input:nth-of-type(3):checked ~ .tab-content>.tab-inner>.new-set-tab label:nth-of-type(3), div#devskin13034927 .pota .tab-set input:nth-of-type(4):checked ~ .tab-content>.tab-inner>.new-set-tab label:nth-of-type(4), div#devskin13034927 .pota .tab-set input:nth-of-type(5):checked ~ .tab-content>.tab-inner>.new-set-tab label:nth-of-type(5) {color: #a40101; border: 2px solid #a40101; box-sizing: border-box } div#devskin13034927 .pota .tab-set.one input+label {color: #fff; font-size: 16px; line-height: 20px; font-weight: 800; text-shadow: 1px 1px 2px #232323 } div#devskin13034927 .pota .tab-set.one input+label:before {content: ''; padding: 0 0 15px; top: -37px; right: 0; left: 0; position: absolute } div#devskin13034927 .pota .tab-set.one input+label:after {content: ''; width: 60%; height: 36px; color: #fff; font-size: 13px; display: none; font-family: "Open Sans", "Trebuchet MS", Helvetica, sans-serif; top: 50%; right: 0; left: 50%; position: absolute; text-align: center; transform: translate(-50%, -50%) } div#devskin13034927 .pota .tab-set.one input+label:hover:before {color: #a40101 } div#devskin13034927 .pota .tab-set.one input+label:hover:after {display: block; border: 0 } div#devskin13034927 .pota .tab-set.one label:nth-of-type(1) {background-image: url("https://www.da-files.com/contests/2016/planet-of-the-apes/img-active-mb1.jpg?v=1356"); background-repeat: no-repeat; background-position: 50% 0; background-size: cover } div#devskin13034927 .pota .tab-set.one label:nth-of-type(1):before {content: 'Memorial'} div#devskin13034927 .pota .tab-set.one label:nth-of-type(2) {background-image: url("https://www.da-files.com/contests/2016/planet-of-the-apes/img-active-mb2.jpg?v=1356"); background-repeat: no-repeat; background-position: 50% 0; background-size: cover } div#devskin13034927 .pota .tab-set.one label:nth-of-type(2):before {content: 'Escape'} div#devskin13034927 .pota .tab-set.one label:nth-of-type(3) {background-image: url("https://www.da-files.com/contests/2016/planet-of-the-apes/img-active-mb3.jpg?v=1356"); background-repeat: no-repeat; background-position: 50% 0; background-size: cover } div#devskin13034927 .pota .tab-set.one label:nth-of-type(3):before {content: 'Poster Book'} div#devskin13034927 .pota .tab-set.one label:nth-of-type(4) {background-image: url("https://www.da-files.com/contests/2016/planet-of-the-apes/img-active-mb4.jpg?v=1356"); background-repeat: no-repeat; background-position: 50% 0; background-size: cover } div#devskin13034927 .pota .tab-set.one label:nth-of-type(4):before {content: 'Fences'} div#devskin13034927 .pota .tab-set.one label:nth-of-type(5) {background-image: url("https://www.da-files.com/contests/2016/planet-of-the-apes/img-active-mb5.jpg?v=1356"); background-repeat: no-repeat; background-position: 50% 0; background-size: cover } div#devskin13034927 .pota .tab-set.one label:nth-of-type(5):before {content: 'Allegiance'} div#devskin13034927 .pota .tab-set.one input.disabled+label:nth-of-type(3):after {content: 'Available 11/03/16'} div#devskin13034927 .pota .tab-set.one input.disabled+label:nth-of-type(4):after {content: 'Available 11/18/16'} div#devskin13034927 .pota .tab-set.one input.disabled+label:nth-of-type(5):after {content: 'Available 12/01/16'} div#devskin13034927 .pota .tab-set.one input.disabled+label:hover:after {display: block; border: 0 } div#devskin13034927 .pota .tab-set.two {width: 100%; height: calc(100% + 145px) } div#devskin13034927 .pota .tab-set.two input+label {color: #fff; font-size: 16px; line-height: 20px; font-weight: 800; text-shadow: 1px 1px 2px #232323 } div#devskin13034927 .pota .tab-set.two input+label:hover {color: #a40101 } div#devskin13034927 .pota .tab-set.two input+label:nth-of-type(1) {background-image: url("https://www.da-files.com/contests/2016/planet-of-the-apes/img-bg-sm-1.jpg?v=1356"); background-repeat: no-repeat; background-position: 50% 0; background-size: cover } div#devskin13034927 .pota .tab-set.two input+label:nth-of-type(2) {background-image: url("https://www.da-files.com/contests/2016/planet-of-the-apes/img-bg-sm-2.jpg?v=1356"); background-repeat: no-repeat; background-position: 50% 0; background-size: cover } div#devskin13034927 .pota .tab-set.two input+label:nth-of-type(3) {background-image: url("https://www.da-files.com/contests/2016/planet-of-the-apes/img-bg-sm-3a.jpg?v=1356"); background-repeat: no-repeat; background-position: 50% 0; background-size: cover } div#devskin13034927 .pota .tab-set.two input+label:nth-of-type(4) {background-image: url("https://www.da-files.com/contests/2016/planet-of-the-apes/img-bg-sm-4a.jpg?v=1356"); background-repeat: no-repeat; background-position: 50% 0; background-size: cover } div#devskin13034927 .pota .tab-set.two input+label:nth-of-type(5) {background-image: url("https://www.da-files.com/contests/2016/planet-of-the-apes/img-bg-sm-5a.jpg?v=1356"); background-repeat: no-repeat; background-position: 50% 0; background-size: cover } div#devskin13034927 .pota .tab-set.two input+label:before {content: ''; padding: 0 0 15px; top: -37px; right: 0; left: 0; position: absolute } div#devskin13034927 .pota .tab-set.two input+label:nth-of-type(1):before {content: 'Memorial'} div#devskin13034927 .pota .tab-set.two input+label:nth-of-type(2):before {content: 'Escape'} div#devskin13034927 .pota .tab-set.two input+label:nth-of-type(3):before {content: 'Poster Book'} div#devskin13034927 .pota .tab-set.two input+label:nth-of-type(4):before {content: 'Fences'} div#devskin13034927 .pota .tab-set.two input+label:nth-of-type(5):before {content: 'Allegiance'} div#devskin13034927 .pota .tab-set.two input.disabled+label:before, div#devskin13034927 .pota .tab-set.two input:disabled+label:before {content: ''; width: 50px; height: inherit; top: 50%; right: 0; left: 50%; position: absolute; transform: translate(-50%, -50%); opacity: 0.7; z-index: 2 } div#devskin13034927 .pota .tab-set.two input.disabled+label:after, div#devskin13034927 .pota .tab-set.two input:disabled+label:after {content: ''; top: 0; right: 0; bottom: 0; left: 0; display: block; position: absolute; background: rgba(0, 0, 0, 0.3); border: 0 } div#devskin13034927 .pota .tab-set.two input.disabled+label:hover, div#devskin13034927 .pota .tab-set.two input:disabled+label:hover {color: transparent; text-shadow: none } div#devskin13034927 .pota .tab-set.two input.disabled+label:hover:before, div#devskin13034927 .pota .tab-set.two input:disabled+label:hover:before {opacity: 1 } div#devskin13034927 .pota .tab-set.two input.disabled+label:hover:after, div#devskin13034927 .pota .tab-set.two input:disabled+label:hover:after {content: none } div#devskin13034927 .pota .tab-set.two input.disabled+label:nth-of-type(5):before, div#devskin13034927 .pota .tab-set.two input:disabled+label:nth-of-type(5):before {background: url("https://www.da-files.com/contests/2016/planet-of-the-apes/text-05-white.png?v=1356") no-repeat 50% 50%/contain } div#devskin13034927 .pota .tab-set.two .tab-content {width: 100%; height: 100%; position: relative } div#devskin13034927 .pota .tab-set.two .tab-content:before {content: ''; width: 100%; height: 100vh; top: 0; right: 0; bottom: 0; left: 0; position: absolute; transform: scale(1.1); -webkit-filter: blur(8px); filter: blur(8px) } div#devskin13034927 .pota .tab-set.two .tab-content:after {content: ''; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; position: absolute; background: rgba(0, 0, 0, 0.2) } div#devskin13034927 .pota .tab-set.two input:checked.motionbook-1 ~ .tab-content:before {background: url("https://www.da-files.com/contests/2016/planet-of-the-apes/img-bg-lrg-1.jpg?v=1356") no-repeat 50% 10%/cover } div#devskin13034927 .pota .tab-set.two input:checked.motionbook-2 ~ .tab-content:before {background: url("https://www.da-files.com/contests/2016/planet-of-the-apes/img-bg-lrg-2.jpg?v=1356") no-repeat 50% 20%/cover } div#devskin13034927 .pota .tab-set.two input:checked.motionbook-3 ~ .tab-content:before {background: url("https://www.da-files.com/contests/2016/planet-of-the-apes/img-bg-lrg-3.jpg?v=1356") no-repeat 50% 10%/cover } div#devskin13034927 .pota .tab-set.two input:checked.motionbook-4 ~ .tab-content:before {background: url("https://www.da-files.com/contests/2016/planet-of-the-apes/img-bg-lrg-4.jpg?v=1356") no-repeat 50% 50%/cover } div#devskin13034927 .pota .tab-set.two input:checked.motionbook-5 ~ .tab-content:before {background: url("https://www.da-files.com/contests/2016/planet-of-the-apes/img-bg-lrg-5.jpg?v=1356") no-repeat 50% 10%/cover } div#devskin13034927 .pota .tab-set.two .arrows {width: 100%; height: 100%; display: inline-block; position: absolute; display: none } div#devskin13034927 .pota .tab-set.two .arrows input {display: none } div#devskin13034927 .pota .tab-set.two .arrows input+label {background: url("https://www.da-files.com/contests/2016/planet-of-the-apes/icon-pota-arrow.png?v=1356") 50% 0/52px auto no-repeat; transform: rotate(90deg) translate(0, 50%); position: absolute; margin: 0; padding: 0; top: 50%; width: 60px; height: 52px; z-index: 2; display: none; font-size: 0; text-indent: -9999em } div#devskin13034927 .pota .tab-set.two .arrows input+label:before, div#devskin13034927 .pota .tab-set.two .arrows input+label:after {display: none } div#devskin13034927 .pota .tab-set.two input.motionbook-1:checked ~ .arrows input.motionbook-5+label {display: block; left: 42px; background-position: 0 0 } div#devskin13034927 .pota .tab-set.two input.motionbook-2:checked ~ .arrows input.motionbook-1+label {display: block; left: 42px; background-position: 0 0 } div#devskin13034927 .pota .tab-set.two input.motionbook-3:checked ~ .arrows input.motionbook-2+label {display: block; left: 42px; background-position: 0 0 } div#devskin13034927 .pota .tab-set.two input.motionbook-4:checked ~ .arrows input.motionbook-3+label {display: block; left: 42px; background-position: 0 0 } div#devskin13034927 .pota .tab-set.two input.motionbook-5:checked ~ .arrows input.motionbook-4+label {display: block; left: 42px; background-position: 0 0 } div#devskin13034927 .pota .tab-set.two input.motionbook-1:checked ~ .arrows input.motionbook-2+label {display: block; left: initial; right: -10px; background-position: 0 0; -webkit-transform: rotate(270deg) translate(0, -50%); transform: rotate(270deg) translate(0, -50%) } div#devskin13034927 .pota .tab-set.two input.motionbook-2:checked ~ .arrows input.motionbook-3+label {display: block; left: initial; right: -10px; background-position: 0 0; -webkit-transform: rotate(270deg) translate(0, -50%); transform: rotate(270deg) translate(0, -50%) } div#devskin13034927 .pota .tab-set.two input.motionbook-3:checked ~ .arrows input.motionbook-4+label {display: block; left: initial; right: -10px; background-position: 0 0; -webkit-transform: rotate(270deg) translate(0, -50%); transform: rotate(270deg) translate(0, -50%) } div#devskin13034927 .pota .tab-set.two input.motionbook-4:checked ~ .arrows input.motionbook-5+label {display: block; left: initial; right: -10px; background-position: 0 0; -webkit-transform: rotate(270deg) translate(0, -50%); transform: rotate(270deg) translate(0, -50%) } div#devskin13034927 .pota .tab-set.two input.motionbook-5:checked ~ .arrows input.motionbook-1+label {display: block; left: initial; right: -10px; background-position: 0 0; -webkit-transform: rotate(270deg) translate(0, -50%); transform: rotate(270deg) translate(0, -50%) } div#devskin13034927 .pota .pota-badge {padding: 90px 0 60px; display: block; position: relative } div#devskin13034927 .pota .pota-badge:before {content: ''; top: 0; right: 0; bottom: 0; left: 0; position: absolute; background: url("https://www.da-files.com/contests/2016/planet-of-the-apes/img-bg-sf.jpg?v=1356") no-repeat 50% 50%/cover } div#devskin13034927 .pota .pota-badge .pota-badge-icon {text-align: right } div#devskin13034927 .pota .pota-badge .pota-badge-icon p {color: #fff; font-size: 12px; text-transform: uppercase } div#devskin13034927 .pota .pota-badge h3.headline {line-height: normal; background: url("https://www.da-files.com/contests/2016/planet-of-the-apes/text-planet-of-the-apes-badge.png?v=1356") no-repeat 0 50%/100% auto } div#devskin13034927 .pota .pota-badge h3.headline span {color: transparent } div#devskin13034927 .pota .pota-badge p {font-size: 14px; line-height: 26px; margin-bottom: 16px } div#devskin13034927 .pota .pota-badge .content img {vertical-align: middle } div#devskin13034927 .pota .section-legal {padding: 60px 0 } div#devskin13034927 .pota .footer {padding: 30px 0 } @media (max-width: 1180px) {div#devskin13034927 .pota .desktop, div#devskin13034927 .pota .inspiration-image .button-wrap {display: none } div#devskin13034927 .pota .mobile {margin: 20px 0 0; display: block } div#devskin13034927 .pota .headline img {width: 100% } div#devskin13034927 .pota .tab-set.two .new-set-tab {margin-top: 90px } div#devskin13034927 .pota .tab-set.two .tab-inner.posterBook .new-set-tab {padding-top: 20px } } @media (max-width: 767px) {div#devskin13034927 .pota h4 {font-size: 20px } div#devskin13034927 .pota p {font-size: 14px; line-height: 28px } div#devskin13034927 .pota .button-wrap {width: 100% } div#devskin13034927 .pota .cta, div#devskin13034927 .pota .headline-engage, div#devskin13034927 .pota .ui-arrow, div#devskin13034927 .pota .desktop, div#devskin13034927 .pota .info, div#devskin13034927 .pota .tab-set .new-set-tab {display: none } div#devskin13034927 .pota .mobile {margin: 30px 0 0; display: block } div#devskin13034927 .pota .cobrands {transform: none; transform-origin: initial } div#devskin13034927 .pota .header {height: initial } div#devskin13034927 .pota .header:after {height: 350px; top: 0; left: 0; transform: none } div#devskin13034927 .pota .header .content {top: initial; padding: 70px 0 20px; transform: initial } div#devskin13034927 .pota .header .content:before {content: ''; width: 100%; height: 150px; top: 210px; right: 0; left: 0; position: absolute; background: linear-gradient(to bottom, transparent 0%, #000 100%) } div#devskin13034927 .pota .text {width: 100% } div#devskin13034927 .pota .logo-title .image img {width: 60% } div#devskin13034927 .pota h4 {font-size: 20px } div#devskin13034927 .pota .madefire--container .motion-book--wrap, div#devskin13034927 .pota .challenge--wrap {padding: 30px 0 } div#devskin13034927 .pota .madefire--container .motion-book--wrap .headline img, div#devskin13034927 .pota .challenge--wrap .headline img {width: 80% } div#devskin13034927 .pota .challenge--wrap {height: initial } div#devskin13034927 .pota .madefire--container .madefire-motion-book, div#devskin13034927 .pota .madefire--container .madefire-motion-book iframe {height: 320px !important } div#devskin13034927 .pota .tab-set.two .tab-content:before, div#devskin13034927 .pota .tab-set.two .tab-content:after {height: 120% } div#devskin13034927 .pota .tab-set.two .tab-inner.posterBook .inspiration-image .image {float: none; padding: 0 } div#devskin13034927 .pota .inspiration-image .image {float: none } div#devskin13034927 .pota .inspiration-image .image img {width: 100%; min-height: initial; max-height: initial } div#devskin13034927 .pota .pota-badge .pota-badge-icon {text-align: center } div#devskin13034927 .pota .pota-badge .pota-badge-icon img {width: 80% } div#devskin13034927 .pota .pota-badge .col-3.before-2 {float: left; width: 30% } div#devskin13034927 .pota .pota-badge .col-5.after-2 {float: left; width: 70% } div#devskin13034927 .pota .legal.align-center {text-align: left } div#devskin13034927 .pota .wrap div[class^="col-"] {float: none; width: 100%; margin: 0; padding: 0 } div#devskin13034927 .pota .creator-credit .col-2.alpha, div#devskin13034927 .pota .creator-credit .col-2.omega {float: left; width: 50% } } .pota-legal {width: 100%; color: #fff; margin: 0; padding: 0; display: block; position: relative; background: #000 } .pota-legal .align-center {text-align: center } .pota-legal .button-wrap {margin: 0 8px 16px 0; display: inline-block; position: relative; cursor: pointer } .pota-legal .button-wrap .button {padding: 12px 30px; background: #a40101; transition: all 300ms ease-out } .pota-legal .button-wrap .button:hover {background: #c10303 } .pota-legal .button-wrap .button:hover>a {color: #fff } .pota-legal .button-wrap .button a {color: #fff !important; font-size: 14px; font-family: "Open Sans", "Trebuchet MS", Helvetica, sans-serif; text-transform: uppercase; text-decoration: none } .pota-legal .terms-header {width: 100%; padding: 120px 0 0; position: relative; background: url("https://www.da-files.com/contests/2016/planet-of-the-apes/img-bg-woods.jpg") no-repeat 50% 50%/cover; overflow: hidden } .pota-legal .terms-header img {width: 100% } .pota-legal .terms-header .links {width: 100%; margin: 30px; padding: 0 30px; top: 0; right: 0; left: 0; display: inline-block; position: absolute } .pota-legal .terms-header .links a {color: #fff !important; font-size: 14px; font-family: "Open Sans", "Trebuchet MS", Helvetica, sans-serif; text-transform: uppercase; text-decoration: none } .pota-legal .terms-header .links a:hover {color: #a40101 !important } .pota-legal .terms-header .pota-logo {max-width: 80%; margin: 15px auto; position: relative; z-index: 2 } .pota-legal .terms-header .pota-terms-title {max-width: 80%; margin: 15px auto; position: relative; z-index: 2 } .pota-legal .terms-header .pota-apes img {width: initial; left: -100px; position: relative; z-index: 1 } .pota-legal .cobrands {max-width: 80%; min-width: 300px; margin: 30px auto; position: relative } .pota-legal .cobrands .logo {margin-right: 30px; display: inline-block; position: relative } .pota-legal .cobrands .logo.deviantart {width: 94px; height: 24px; background: url("https://www.da-files.com/contests/2016/planet-of-the-apes/logo-deviantart.svg") no-repeat 50% 50%/cover } .pota-legal .cobrands .logo.madefire {width: 32px; height: 34px; top: 5px; margin-right: 34px; background: url("https://www.da-files.com/contests/2016/planet-of-the-apes/logo-madefire.svg") no-repeat 50% 50%/cover } .pota-legal .cobrands .logo.fox {width: 41px; height: 34px; top: 4px; background: url("https://www.da-files.com/contests/2016/planet-of-the-apes/logo-fox.png") no-repeat 50% 50%/cover } .pota-legal .cobrands .logo.deviantart:before {content: ''; width: 24px; height: 1px; top: 10px; left: 94px; position: absolute; background: #fff; transform: rotate(-62deg) } .pota-legal .cobrands .logo.madefire:before {content: ''; width: 24px; height: 1px; top: 15px; left: 38px; position: absolute; background: #fff; transform: rotate(-62deg) } .pota-legal .terms-body {width: 100%; padding: 60px 0; display: inline-block; position: relative; background: #000 } .pota-legal .terms-body:before {content: ''; top: 0; right: 0; bottom: 0; left: 0; position: absolute; background: #000 url("https://www.da-files.com/contests/2016/planet-of-the-apes/pattern-madefire.gif") repeat; z-index: 1 } .pota-legal .terms-body:after {content: ''; top: 0; right: 0; bottom: 0; left: 0; position: absolute; background: rgba(0, 0, 0, 0.3); z-index: 2 } .pota-legal .terms-body .content {position: relative; z-index: 3 } .pota-legal .terms-body h4 {font-size: 18px; line-height: 30px; font-family: "Open Sans", "Trebuchet MS", Helvetica, sans-serif; margin: 0 0 30px } .pota-legal .terms-body ol {color: #a40101 } .pota-legal .terms-body li {font-size: 16px; line-height: 28px; font-family: "Open Sans", "Trebuchet MS", Helvetica, sans-serif; margin: 0 0 30px; padding: 0 0 0 16px } .pota-legal .terms-body li span {color: #fff } @media (max-width: 767px) {.pota-legal .wrap div[class^="col-"] {float: none; width: 100%; margin: 0; padding: 0 } .pota-legal .pota-apes {display: none } } /*# sourceMappingURL=style.css.map */