body
{ margin: 0; padding: 0; font-family: 'Roboto', Helvetica, Sans-serif; color: #222222; background: #FFFFFF; text-align: center; }
section
{ clear: left; margin: 5px auto 10px auto; padding: 10px; max-width: 1000px; width: 96%; text-align: left; }
h1, h2, h3, h4, h5, nav
{ font-family: 'Roboto', Helvetica, Sans-serif; }
div.clear
{ clear: both; margin: 0 !important; float: none !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; }
div.clear-left
{ clear: left; margin: 0 !important; float: none !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; }
div.clear-right
{ clear: right; margin: 0 !important; float: none !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; }
.showthis
{ display: none; }
a:hover,
input[type="submit"]:hover,
footer div.footer-things div:hover,
section#guarantee div:hover
{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
p.success-message, p.error-message
{ padding: 10px !important; font-weight: bold !important; -moz-border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
p.success-message
{ color: #69E778; border: 2px solid #69E778; }
p.error-message
{ color: #FF0000; border: 2px solid #FF0000; }
.align-center
{ text-align: center; }

/* facebook */
.fb_iframe_widget span
{ overflow: initial !important; }
.fb_iframe_widget iframe
{ width: 340px !important; height: 500px !important; }

/* menu */
div#menu
{ width: 100%; background: #FFFFFF url(images/menuback.png) left top repeat-x; box-shadow: 0 8px 12px #FFFFFF; }
div#menu section
{ margin-top: 0; padding-top: 16px; }
div#menu img.logopic
{ width: 600px; height: 80px; }
nav
{ float: right; margin-top: 39px; text-transform: uppercase; }
nav a
{ margin-left: 10px; padding: 10px; font-size: 15px; font-weight: bold; line-height: 19px; color: #FFE400; background: #143441; text-decoration: none; }
nav a:hover
{ color: #FFFFFF; }

/* homepage */
h2.homepage
{ font-size: 28px; font-weight: bold; letter-spacing: 2px; line-height: 32px; text-transform: uppercase; text-align: center; }
section.tabber, section.tabber2
{ margin-top: 0; padding-top: 0; text-align: center; }
section.tabber a, section.tabber2 a
{ margin: 0 10px 0 10px; font-weight: bold; line-height: 30px; color: #999999; text-decoration: none; }
section.tabber a:hover, section.tabber2 a:hover
{ color: #29B1CC; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
section.tabber a.current, section.tabber2 a.current
{ color: #29B1CC; }
section.main-slider
{ border-bottom: 1px solid #E2E3DE; }
section.main-slider div.inner
{ float: left; width: 160px; height: 240px; text-align: center; }
section.main-slider div.inner img
{ width: 150px; height: 150px; }
section.main-slider div.inner p
{ font-family: 'Roboto', Helvetica, Sans-serif; font-size: 17px; line-height: 19px; margin-top: 5px; }
section.main-slider div.inner p.game-title
{ margin: 10px 5px 0 5px; font-weight: bold; }
section.main-slider div.inner p a
{ color: #222222; text-decoration: none; }
section.main-slider div.inner p a:hover
{ color: #FA6900; }
div.button-main
{ margin: 5px auto 20px auto; width: 250px; height: 40px; font-family: 'Roboto', Helvetica, Sans-serif; font-size: 20px; font-weight: bold; line-height: 40px; color: #FFFFFF; background: linear-gradient(#F38630,#FA6900); text-align: center; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
div.button-main a
{ color: #FFFFFF; background: transparent; text-decoration: none; display: block; }
div.button-main a:hover
{ background: #7CCDF1; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.tab-content
{ display: none; }
div.tab-content.current
{ display: inherit; }

/* main */
section#main img
{ float: right; margin-left: 20px; margin-bottom: 30px; width: 100%; max-width: 500px; }
section#main h1
{ margin: 30px 0 40px 0; padding: 0 10px 0 10px; font-size: 46px; line-height: 50px; text-align: center; }
section#main h2
{ margin: 0 0 20px 0; padding: 20px 10px 0 0; font-size: 36px; font-weight: normal; line-height: 36px; }
section#main h3
{ float: left; margin: 0; padding: 0 10px 0 10px; font-size: 30px; font-weight: normal; line-height: 44px; }
section#main ul
{ margin: 20px 20px 10px 30px; padding: 0; list-style-image: url(images/list-smiley.png); font-size: 17px; line-height: 25px; }
section#main li
{ padding: 0 0 3px 0; }
section#main p
{ margin: 20px 0 10px 0; padding: 0; font-size: 17px; line-height: 25px; }
section#main p a,
section#game p a,
section#product-cont p a
{ font-weight: bold; color: #29B1CC; background: transparent; text-decoration: none; }
section#main p a:hover,
section#game p a:hover,
section#product-cont p a:hover
{ color: #FA6900; }
section#game p img.inline-icon
{ float: left; margin: 2px 8px 0 0; width: 18px; height: 20px; }
div.getting-started
{ display: inline-block; width: 240px; padding: 2px 4px 2px 32px;  font-family: ledfont, Sans-serif; font-size: 40px; line-height: 44px; color: yellow; background: #000000; }
section#main div#buttons
{ width: calc(100% - 520px); margin-top: 20px; }
section#main div#buttons, section#main div#buttons div
{ float: left; }
section#main div#buttons
{ padding-bottom: 30px; overflow: hidden; }
section#main div#buttons div.orderbtn strong
{ color: #FA6900; }
section#main div#buttons div.orderbtn div,
section#main div#buttons div.gamebtn div
{ width: 200px; margin: 10px 20px 10px 0; font-size: 20px; font-weight: bold; line-height: 30px; color: #143441; background: linear-gradient(#FFE400,#FEBE41); border: 1px solid #143441; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 5px #FFFFFF; cursor: pointer; text-align: center; }
section#main div#buttons div.gamebtn div
{ font-size: 18px; font-weight: normal; color: #143441; background: linear-gradient(#E2EBFD,#CBD3E3); text-shadow: 1px 1px 0 #E2EBFD; border: 1px solid #E2E3DE; }

/* text */
section#text h1
{ margin: 30px 0 0 0; padding: 30px 0 0 0; font-size: 40px; line-height: 42px; border-top: 1px solid #B8D9E6; }
section#text h1:first-of-type
{ margin-top: -10px; }
section#text h2
{ margin: 0 0 20px 0; padding: 20px 0 0 0; font-size: 36px; font-weight: normal; line-height: 40px; }
section#text p,
section#text ul
{ margin: 20px 0 0 0; padding: 0; font-size: 17px; line-height: 25px; }
section#text ul
{ margin-left: 40px; }

/* coupon */
section#coupon
{ text-align: center; }
section#coupon fieldset
{ border: 0; }
section#coupon label
{ display: block; margin: 0 0 10px 0; font-weight: bold; }
section#coupon input[type="text"]
{ padding: 8px; font-family: 'Roboto', Helvetica, Sans-serif; font-weight: bold; font-size: 16px; border-color: #143441; }
section#coupon input[type="submit"]
{ padding: 10px; font-family: 'Roboto', Helvetica, Sans-serif; font-weight: bold; font-size: 16px; text-transform: uppercase; color: #FFE400; background: #143441; border: 0; cursor: pointer; }
section#coupon p span
{ padding: 10px 20px 10px 20px; font-weight: bold; color: #143441; border: 2px solid #143441; }
section#coupon p.error-msg span, section#coupon p.error-msg span a
{ color: #FF0000; border-color: #FF0000; }

/* magyar */
div#magyar
{ clear: both; padding-top: 2px; padding-bottom: 2px; border-top: 2px solid #D42D40; border-bottom: 2px solid #047C4C; color: #4B4D44; background: #FFFFFF; }
div#magyar h2
{ margin: 0; padding: 10px 0 10px 0; font-family: 'Roboto', sans-serif; font-size: 40px; line-height: 42px; color: #4B4D44; background: #E2EBFD; border-top: 2px solid #047C4C; text-align: center; }
div#magyar p
{ margin: 0; padding: 0 10px 15px 10px; font-size: 17px; line-height: 25px; color: #4B4D44; background: #E2EBFD; border-bottom: 2px solid #D42D40; }
div#magyar img
{ vertical-align: bottom; margin-right: 10px; width: 50px; height: 50px; }

/* game */
section#game
{ overflow: hidden; }
section#game h2
{ margin-right: 10px; font-size: 36px; line-height: 40px; text-align: center; }
section#game span
{ color: #FA6900; }
section#game h3
{ margin: 40px 0 10px 0; font-size: 24px; line-height: 28px; }
section#game h3.variation
{ display: inline-block; margin-bottom: 0; padding: 5px 5px 5px 60px; color: #FFFFFF; background: #143441; position: relative; }
section#game h3.variation strong
{ position: absolute; left: 10px; top: -3px; font-size: 50px; color: #FFE400; text-shadow: -2px -2px #143441, 2px 2px #143441, -2px 2px #143441, 2px -2px #143441; }
section#game h3.variation.plus
{ padding-left: 80px; }
section#game h4
{ margin: 0 0 15px 0; padding: 5px 0 0 60px; border-top: 1px solid #143441; }
section#game p
{ margin: 0 0 10px 0; padding: 0; font-size: 17px; line-height: 25px; }
section#game p.line-top
{ border-top: 1px solid #7CCDF1; padding-top: 10px; }
div.showmore
{ margin: 20px auto 0 auto; width: 260px; height: 40px; font-family: 'Roboto', sans-serif; font-size: 19px; font-weight: bold; line-height: 40px; color: #FFFFFF; background: #7CCDF1; text-align: center; cursor: pointer; }
div.showmore a
{ color: #FFFFFF; text-decoration: none; }
section#game img
{ float: right; margin: 10px; width: 500px; height: 384px; }
section#game div img
{ width: auto; height: auto; }
section#game img.left
{ float: left; margin-left: 0; }
section#game ul
{ margin: 10px 10px 20px 30px; padding: 0; font-size: 17px; line-height: 25px; list-style-image: url(images/list-smiley.png); }
section#game li
{ padding-bottom: 3px; }
section#game ol
{ margin: 10px 10px 20px 30px; padding: 0; font-size: 17px; line-height: 25px; }
section#game ol li
{ margin: 0 0 10px 0; }
section#game ol li a
{ padding: 2px 4px 2px 4px; color: inherit; background: #E2EBFD; text-decoration: none; }

/* satisfaction */
h2#satisfaction
{ margin: 20px 0 20px 0; padding: 20px 0 20px 0; font-size: 40px; line-height: 42px; color: white; background: green; text-align: center; }

/* try & lets go */
div.try-div
{ margin: 0 0 30px 0; background: radial-gradient(#235C73,#143441); }
section.try
{ margin-top: 0; margin-bottom: 0; }
section.try h2
{ width: 260px; margin: 20px auto 20px auto; padding: 0; font-size: 28px; line-height: 50px; border: 2px solid #FFFFFF; box-shadow: 0 0 10px #CCCCCC; text-align: center; }
section.try h2 a
{ display: block; color: #143441; background: #FFE400; text-decoration: none; }
section.try h2 a:hover
{ background: #7CCDF1; }

/* gift */
div#gift
{ margin: 0 0 30px 0; background: radial-gradient(#F38630,#FA6900); border-top: 5px solid #F8D60F; border-bottom: 5px solid #F8D60F; }
div#gift h2
{ margin: 10px 0 10px 0; padding: 0; font-size: 40px; line-height: 48px; color: #FFFFFF; background: transparent; text-align: center; }
div#gift h2 img
{ margin-right: 10px; margin-bottom: -5px; }
div#gift p
{ font-size: 17px; line-height: 25px; color: #FFFFFF; background: transparent; }
div#gift div
{ float: none; padding-bottom: 10px; font-size: 30px; font-weight: bold; line-height: 40px; color: #343730; background: transparent; text-shadow: 1px 1px 0 #F8D60F, -1px 1px 0 #F8D60F, 1px -1px 0 #F8D60F, -1px -1px 0 #F8D60F; text-align: center; }
div#gift div span
{ margin: 0 2px 0 2px; padding: 0 10px 4px 10px; color: #F8FF2E; background: #343730; text-shadow: none; }

/* questions */
h2#questions
{ clear: both; margin: 30px 0 0 0; padding: 20px 0 20px 0; font-size: 40px; line-height: 42px; color: #FFFFFF; background: #7CCDF1; text-align: center; }
section#questions h3
{ margin: 0 0 10px 0; padding: 0 10px 6px 30px; line-height: 30px; color: inherit; background: transparent url(images/question-mark.png) left center no-repeat; border-bottom: 1px solid #E4F8FE; cursor: pointer; }
section#questions h3 span
{ float: right; font-size: 13px; color: #01AAEB; }
section#questions div
{ margin: 10px 20px 20px 0; font-size: 20px; line-height: 24px; text-align: center; }
section#questions p
{ margin: 0 20px 30px 30px; padding: 0; font-size: 17px; line-height: 25px; }

/* guarantee */
section#guarantee
{ margin-top: 0; text-align: center; }
section#guarantee h2
{ margin: 20px 0 0 0; padding: 0; font-size: 34px; line-height: 38px; color: #52A4B5; background: transparent; text-align: center; }
section#guarantee h2 img
{ vertical-align: bottom; margin-right: 10px; width: 50px; height: 50px; }
section#guarantee h2 div
{ display: inline; margin: 0 0 0 20px; vertical-align: middle; padding: 2px 6px 2px 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
section#guarantee h2 div:hover
{ background: #FA6900; }
section#guarantee p
{ margin: 10px 0 20px 0; padding: 0; font-size: 17px; line-height: 25px; text-align: left; }
section#guarantee ul
{ margin: 10px 20px 30px 30px; padding: 0; font-size: 17px; line-height: 25px; text-align: left; list-style-image: url(images/list-check-blue.png); }
section#guarantee li
{ margin-top: 5px; }

/* product */
section#product
{ padding: 0 0 20px 0; }
section#product h2
{ font-size: 40px; line-height: 44px; text-align: center; }
section#product h3
{ font-size: 22px; font-weight: normal; text-align: center; }
section#product div.product-box
{ position: relative; float: right; width: 50%; text-align: center; }
section#product div.product-box div
{ margin: 14px; border: 1px solid #FA6900; }
section#product div.product-box div:hover
{ border-color: #7CCDF1; }
section#product div.product-box img
{ width: 100%; max-width: 400px; margin: 10px 0 10px 0; cursor: pointer; }
section#product div.product-box img.sold-out
{ position: absolute; top: 8%; left: 10%; margin-bottom: -300px; width: 80%; max-width: 400px; }
section#product div.product-box div.limit
{ float: none; width: auto; margin: 0; padding: 10px; font-size: 18px; font-weight: bold; line-height: 22px; color: inherit; background: yellow; border: 0; }
section#product div.product-box div.limit span
{ color: red; }
section#product div.basic
{ opacity: 0.3; }
section#product h4
{ margin: 0; padding: 10px 0 10px 0; font-size: 26px; font-weight: normal; line-height: 32px; color: #FFFFFF; background: #FA6900; }
section#product h5
{ margin: 0; padding: 0; font-size: 26px; font-weight: normal; line-height: 32px; color: #FFFFFF; background: #7CCDF1; cursor: pointer; }
section#product h5 span
{ text-decoration: line-through; }
section#product h5 a
{ display: block; padding: 10px 0 10px 0; color: #FFFFFF; background: transparent; text-decoration: none; }
section#product h5.sold-out
{ padding: 10px 0 10px 0; }
section#product h6
{ margin: 0; padding: 10px 0 10px 0; font-size: 20px; font-weight: normal; line-height: 24px; color: #222222; background: #E5F6FC; }
section#product p
{ margin: 0; padding: 10px 10px 10px 70px; min-height: 50px; font-size: 17px; line-height: 25px; text-align: left; border-bottom: 1px solid #7CCDF1; }
section#product p.noline
{ border-bottom: 0; }
section#product p#attention
{ margin: 0 0 30px 0; padding: 10px; min-height: auto; font-size: 24px; font-weight: bold; line-height: 28px; text-align: center; color: #FF0000; border-bottom: none; }
section#product p.age
{ color: inherit; background: transparent url(images/icon-age.png) 10px 10px no-repeat; }
section#product p.players
{ color: inherit; background: transparent url(images/icon-players.png) 10px 10px no-repeat; }
section#product p.guarantee
{ color: inherit; background: transparent url(images/icon-guarantee.png) 10px 10px no-repeat; }
section#product div.product-box div.delivery
{ float: none; width: auto; margin: 0; padding: 10px; font-weight: bold; color: inherit; background: yellow; border: 0; }
section#product div.product-box div.bottom
{ float: none; width: auto; margin: 0; padding: 20px 10px 20px 10px; color: #FFFFFF; background: #E2E3DE; border: 0; }
section#product div.product-box div.bottom div
{ width: 250px; margin: 0 auto 0 auto; font-size: 20px; font-weight: bold; line-height: 30px; color: #FFFFFF; background: linear-gradient(#F38630,#FA6900); border: 0; border-radius: 5px; box-shadow: 0 0 5px #FFFFFF; cursor: pointer; }
section#main div.orderbtn div a, span.inactive,
section#main div.gamebtn div a, span.inactive,
section#product div.product-box div.bottom div a, span.inactive
{ display: block; padding: 5px; color: #143441; background: transparent; text-decoration: none; }
section#main div.gamebtn div a, span.inactive
{ color: #555555; }
section#main div.orderbtn div a:hover,
section#product div.product-box div.bottom div a:hover
{ color: #FEE202; background: #143441; border-radius: 5px; }
section#main div.gamebtn div a:hover
{ color: #555555; text-shadow: none; border-radius: 5px; }
section#product div.getting-started
{ position: relative; top: 50%; left: 50%; width: 230px; height: auto; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

/* game-top */
section#game-top h1
{ font-size: 40px; line-height: 44px; text-align: center; }
section#game-top p
{ font-size: 17px; line-height: 25px; }

/* product-cont */
section#product-cont
{ padding: 10px 0 20px 0; margin-bottom: 0; }
section#product-cont h2
{ margin: 0; padding: 0; font-size: 20px; }
section#product-cont h2 a
{ color: #29B1CC; text-decoration: none; }
section#product-cont h2 a:hover
{ color: #FA6900; }
section#product-cont h3
{ margin: 0 0 5px 0; padding: 0; font-size: 20px; line-height: 24px; }
section#product-cont img
{ float: left; margin: 0 10px 0 0; width: 150px; height: 150px; }
section#product-cont p
{ margin: 10px 0 10px 0; padding: 0; font-size: 15px; line-height: 23px; }
section#product-cont div
{ float: left; width: 120px; height: 30px; font-family: 'Roboto', Helvetica, Sans-serif; font-size: 17px; line-height: 30px; color: #FA6900; background: transparent; }
section#product-cont div.dummy-img
{ width: 150px; height: 100px; }
section#product-cont div.button
{ float: right; width: 180px; font-size: 18px; font-weight: bold; color: #FFFFFF; background: #FA6900; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-align: center; }
section#product-cont div.button a
{ padding: 0 6px 0 6px; color: #FFFFFF; text-decoration: none; display: block; }
section#product-cont div.button a:hover
{ background: #7CCDF1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
section#product-cont div.button.orange a
{ background: #FA6900; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
section#product-cont div.button.orange a:hover
{ background: #7CCDF1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

/* after */
div#after-div
{ color: #222222; background: #EDF2E6; }
div#after-white-div
{ color: #222222; background: #FFFFFF; }
section#after
{ margin-top: 0; margin-bottom: 0; text-align: center; }
section#after h2
{ margin: 20px 0 0 0; padding: 0; font-size: 34px; line-height: 38px; text-align: center; }
section#after ol
{ margin: 10px 20px 30px 20px; padding: 0; font-size: 17px; line-height: 25px; text-align: left; }
section#after li
{ margin-top: 5px; }

/* tryout */
div#tryout-div
{ color: #FFFFFF; background: #70D14D; }
section#tryout
{ margin-top: 0; margin-bottom: 0; text-align: center; }
section#tryout h2
{ margin: 0; padding: 0; font-size: 44px; line-height: 48px; color: #FFFFFF; background: #70D14D; text-align: center; }
section#tryout p
{ margin: 10px 10px 10px 0; padding: 0; font-size: 20px; font-weight: bold; line-height: 24px; text-align: left; }

/* justify */
section#justify div
{ margin: 10px 0 0 0; padding: 10px; border: 1px solid green; }

/* order-form */
form#buyform p.error-message
{ clear: both; margin: 0 10px 0 10px; padding: 5px; font-size: 16px; font-weight: bold; line-height: 18px; color: #FF1400; text-align: center; }
div#order-div
{ margin: 10px 0 0 0; background: #E2EBFD; }
form#buyform fieldset
{ padding: 10px 100px 10px 100px; font-size: 17px; line-height: 30px; border: 0; }
form#buyform label.normal
{ clear: left; float: left; width: 190px; margin-top: 10px; padding-right: 10px; text-align: right; }
form#buyform label.radiolabel1, form#buyform label.radiolabel2
{ display: block; cursor: pointer; }
form#buyform label.radiolabel3
{ cursor: pointer; }
form#buyform input[type="text"],
form#buyform input[type="email"]
{ float: left; width: calc(100% - 200px); margin: 10px 0 0 0; padding: 0 4px 0 4px; font-family: 'Lucida Console', Monaco, monospace; font-size: 14px; line-height: 30px; color: #333333; background: #FFFFFF; border: 1px solid #7CCDF1; }
form#buyform h3
{ margin: 20px 0 10px 0; padding: 4px 10px 4px 10px; font-size: 20px; line-height: 30px; color: #FFFFFF; background: #143441; text-align: center; }
form#buyform input.zipcode
{ width: 60px; }
form#buyform input.cityname
{ width: calc(100% - 270px); margin-left: 10px; }
form#buyform input[type="radio"]
{ clear: left; }
form#buyform input[type="radio"]:checked + .radiolabel
{ color: red !important; }
form#buyform p
{ margin: 30px 0 10px 0; padding: 0; font-family: 'Roboto', Helvetica, Sans-serif; font-size: 19px; line-height: 23px; text-align: center; }
form#buyform p.topper
{ margin: 10px 20px 30px 20px; font-size: 17px; line-height: 21px; }
form#buyform img.right
{ float: right; }
form#buyform input[type="submit"]
{ display: block; margin: 20px auto 0 auto; padding: 0; width: 260px; height: 40px; font-family: 'Roboto', Helvetica, Sans-serif; font-size: 18px; font-weight: bold; line-height: 40px; color: #143441; background: linear-gradient(#FFE400,#FEBE41); border: 1px solid #143441; border-radius: 5px; box-shadow: 0 0 5px #FFFFFF; cursor: pointer; }
form#buyform input[type="submit"]:hover
{ border-color: #FFE400; }
div#upsell-box
{ margin: 30px 0 20px 0; padding: 10px; background: #FFFFFF; border: 2px solid #FA6900; border-radius: 6px; }
div#upsell-box img
{ float: left; margin: 10px 10px 0 0; max-width: 180px; }
div#upsell-box h4,
div#thankyou-box h4
{ display: inline; margin: 0; padding: 0; font-size: 27px; line-height: 31px; color: #FA6900; }
div#upsell-box div.price-tag
{ float: right; margin: -10px -10px 0 10px; padding: 10px 10px 5px 5px; font-family: 'Roboto', Helvetica, Sans-serif; font-size: 27px; line-height: 31px; color: #FFFFFF; background: #FA6900; -moz-border-bottom-left-radius: 6px; -o-border-bottom-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;  }
div#upsell-box p,
div#thankyou-box p
{ margin: 15px 0 0 0; padding: 0; font-family: 'Roboto', Helvetica, Sans-serif; font-size: 17px; line-height: 25px; text-align: left; }
div#upsell-box ol
{ margin: 10px 0 0 220px; padding: 0; }
div#upsell-box label
{ display: block; margin: 10px 10% 0 10%; padding: 10px 5px 10px 5px; font-size: 20px; line-height: 24px; cursor: pointer; -moz-border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-align: center; }
div#upsell-box label.upsell1
{ margin-top: 30px; font-weight: bold; color: #FFFFFF; background: linear-gradient(#F38630,#FA6900); border: 1px solid #FA1A96; }
div#upsell-box label.upsell2
{ margin-bottom: 10px; color: #666666; background: linear-gradient(#FEFEFE,#EEEEEE); text-shadow: 1px 1px 0 #FCE2FF; border: 1px solid #CCCCCC; }
div#upsell-box label.upsell1:hover
{ background: #FF1400; border-color: #FF1400; }
div#upsell-box label.upsell2:hover
{ color: #FF1400; border-color: #FF1400; }
div#thankyou-box
{ margin: 30px 0 20px 0; padding: 10px; background: #FFFFFF; border: 2px solid #549E3A; border-radius: 6px; }
div#thankyou-box h4
{ color: #549E3A; }
div#thankyou-box a
{ font-weight: bold; color: #549E3A; }
div#thankyou-box a:hover
{ text-decoration: none; }

/* thank you */
section#thank-you
{ padding: 10px; border: 2px solid #69E778; -moz-border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
section#thank-you h2.top
{ margin: 0 0 30px 0; padding: 0; font-weight: bold; color: #69E778; text-align: center; }
section#thank-you h4
{ font-size: 20px; border-bottom: 1px solid #69E778; text-align: center; }
section#thank-you div.left
{ float: left; width: 50%; }
section#thank-you div.left:first-of-type
{ padding-right: 10px; width: calc(50% - 10px); }
section#thank-you p
{ line-height: 25px; }
section#thank-you span
{ font-family: 'Roboto', Helvetica, Sans-serif; font-weight: bold; }

/* contact */
h2#contact-title
{ padding: 20px 20px 0 20px; font-size: 30px; line-height: 34px; text-align: center; }
section#contact div
{ float: left; width: 50%; }
section#contact form
{ font-family: 'Roboto', Helvetica, Sans-serif; }
section#contact fieldset
{ border: 0; }
section#contact label
{ display: block; float: left; width: 100px; margin-top: 10px; font-weight: bold; }
section#contact input[type="text"],
section#contact input[type="email"]
{ margin-top: 10px; padding: 5px; width: calc(100% - 100px); height: 30px; font-family: 'Roboto', Helvetica, Sans-serif; font-size: 14px; letter-spacing: 1px; border: 1px solid #BBBBBB; box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); }
section#contact textarea
{ margin-top: 10px; padding: 5px; width: calc(100% - 100px); height: 90px; font-family: 'Roboto', Helvetica, Sans-serif; font-size: 14px; letter-spacing: 1px; border: 1px solid #BBBBBB; box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); }
section#contact input[type="submit"]
{ float: right; margin: 10px 0 0 0; padding: 5px 20px 5px 20px; font-family: 'Roboto', Helvetica, Sans-serif; font-size: 18px; line-height: 22px; color: #FFFFFF; background: #7CCDF1; border: 1px solid #143441; cursor: pointer; }
section#contact input[type="submit"]:hover
{ color: #FFFFFF; background: #FFE400; }
section#contact h3
{ margin: 0 0 0 50px; padding: 0; font-size: 26px; line-height: 47px; }
section#contact h3:first-of-type
{ margin-top: 13px; }
section#contact h3.success
{ margin: 0; line-height: 30px; color: #549E3A; background: transparent; }
section#contact h3.success span,
section#contact h3.error span
{ display: block; float: left; width: 28px; height: 28px; margin-right: 10px; color: #FFFFFF; background: #549E3A; text-align: center; border-radius: 14px; }
section#contact h3.error
{ margin: 0; line-height: 30px; color: #FF0000; background: transparent; }
section#contact h3.error span
{ background: #FF0000; }
section#contact h4
{ margin: 0 0 0 50px; padding: 2px 0 0 0; font-size: 22px; line-height: 26px; color: #2286BB; background: transparent; }
section#contact p
{ margin: 10px 0 0 50px; padding: 0; font-size: 16px; line-height: 24px; }
section#contact p.error
{ margin: 10px; font-weight: bold; color: red; background: transparent; }
section#contact img
{ float: left; margin-right: 10px; width: 47px; height: 47px; }

/* contact */
section#company div.box
{ float: left; }
section#company div.box div
{ margin: 8px; padding: 6px; height: 90px; font-family: 'Roboto', Helvetica, Sans-serif; text-shadow: 1px 1px 0 #FFFFFF; background: linear-gradient(#F6F7F1,#FFFFFF); border: 2px solid #FFFFFF; border-radius: 6px; box-shadow: 0 0 8px #CCCCCC; }
section#company div.box span
{ font-weight: bold; color: #7CCDF1; }
section#company div.box a
{ color: #20556A; }
section#company div.box a:hover
{ text-decoration: none; }
section#company div.box div img
{ float: left; width: 80px; height: 80px; margin-top: 0; margin-right: 10px; margin-left: -5px; }
section#company div.box div ul
{ margin-top: 10px; margin-bottom: 10px; margin-left: 90px; font-size: 15px; line-height: 19px; list-style-type: none; list-style-image: none; }

/* footer */
footer
{ clear: both; margin-top: 30px; padding-top: 30px; background: linear-gradient(#FFFFFF 0,#EEEEEE 30px); overflow: hidden; }
footer section
{ margin-bottom: 0; }
footer div#cont
{ color: #FFFFFF; background: #143441; border-top: 4px solid #FFE400; }
footer div.fb-box
{ float: left; width: 280px; }
footer div p
{ margin: 10px 0 0 0; padding: 0; font-size: 15px; line-height: 23px; border: 0; }
footer p.text
{ clear: left; margin: 0; padding: 10px 0 0 0; }
footer p.text a
{ color: #FFFFFF; }
footer img.payment-image
{ float: right; margin: 10px 0 0 0; width: 260px; height: 32px; }

/* cookiebar */
div#cookiebar
{ position: fixed; bottom: 0; left; 0; width: 100%; z-index: 99; padding: 14px 0 14px 0; font-size: 14px; line-height: 20px; color: #222222; background: #A7DBD8; opacity: 0.9; filter: alpha(opacity=90); display: none; }
div#cookiebar a
{ color: inherit; }
div#cookiebar a:hover
{  text-decoration: none; }
div#cookiebar span
{ margin-right: 10px; padding: 8px 14px 8px 14px; font-weight: bold; color: #FFFFFF; background: #F38630; border: 1px solid #FFFFFF; border-radius: 4px; cursor: pointer; }


/* responsive */
@media only screen and (max-width: 350px)
{
	section.main-slider div.inner
	{ width: 50% !important; }
	section.main-slider div.inner img
	{ width: 100% !important; }
	section#contact h3 img
	{ display: none; }
}
@media only screen and (max-width: 399px)
{
	div#upsell-box img
	{ float: none !important; margin: 0 0 10px 0 !important; max-width: 100% !important; }
	div#newsletter-popup img
	{ float: none !important; margin: 0 auto 10px auto !important; display: block; }
}
@media only screen and (max-width: 499px)
{
	section#product-cont div.button
	{ float: none !important; clear: left; display: block; margin: 40px auto 0 auto !important; }
	section#company div.box
	{ width: 100% !important; }
	section#company div.box div img
	{ display: none; }
	section#contact h3
	{ font-size: 18px; }
}
@media only screen and (max-width: 599px)
{
	section#main div#buttons
	{ width: auto !important; }
	section#awards ul
	{ float: none !important; width: calc(100% - 30px) !important; }
	section#package img
	{ float: none !important; margin: 40px auto 0 auto !important; display: block; }
	section#package img.arrow
	{ margin-top: 7px !important; }
	section#package h3
	{ text-align: center !important; }
	section#package h3.padded
	{ margin-left: 0 !important; }
	section#package ul
	{ margin-left: 40px !important; }
	section#top3 div.icon
	{ float: none !important; width: 100% !important; }
	form#buyform label.normal
	{ float: none !important; text-align: left !important; }
	form#buyform input[type="text"],
	form#buyform input[type="email"]
	{ float: none !important; display: block; width: 100% !important; margin: 0 0 10px 0 !important; }
	form#buyform input.zipcode
	{ clear: left; width: 60px !important; }
	form#buyform input.cityname
	{ float: right !important; width: calc(100% - 70px) !important; margin: -42px 0 0 10px !important; }
	div#upsell-box ol
	{ margin-left: 30px !important; }
	section#contact div, section#thank-you div.left
	{ float: none !important; width: 100% !important; }
	section#contact h3, section#contact h4, section#contact p
	{ margin-left: 10px !important; }
}
@media only screen and (max-width: 619px)
{
	div#menu
	{ background-image: none; background: linear-gradient(#E2EBFD 0,#FFFFFF 30%); }
	div#menu section
	{ width: 100%; padding: 1% 0 0 0; }
	div#menu img
	{ width: 100% !important; height: auto !important; }
	nav
	{ width: 100% !important; }
}
@media only screen and (max-width: 699px)
{
	section#main h1
	{ margin-top: 5% !important; font-size: 7.1vw !important; line-height: 7.5vw !important; }
	section#main h2, section#main ul
	{ clear: left !important; margin-left: 40px !important; }
	section#users p
	{ clear: left; }
	section#game img
	{ float: none; margin: 10px auto 10px auto; display: block; width: 100%; max-width: 500px; height: auto; }
	section#product div.product-box
	{ float: none !important; width: 100% !important; }
	footer div.fb-box
	{ margin-right: 20px; }
}
@media only screen and (max-width: 799px)
{
	section#main img
	{ float: none !important; display: block; margin: 20px auto 0 auto !important; }
	section#main h2
	{ font-size: 30px !important; }
	section#main ul, section#main p
	{ margin-right: 10px; font-size: 15px !important; line-height: 21px !important; }
	form#buyform fieldset
	{ padding: 10px !important; }
	section#contact div
	{ float: none !important; width: 100% !important; }
}
@media only screen and (max-width: 899px)
{	
	section#main div.bottom div
	{ float: none !important; clear: left; }
	section#company div.box
	{ width: 33.3%; }
}
@media only screen and (max-width: 999px)
{
	div#menu img, nav
	{ float: none; margin: 0 auto 0 auto; display: block; }
	nav
	{ margin-top: 20px; width: 600px; }
}
@media only screen and (min-width: 500px) and (max-width: 799px)
{
	section#company div.box
	{ width: 50%; }
}
@media only screen and (min-width: 800px)
{
	section#company div.box
	{ width: 33.3%; }
}