/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
/************************************/
/* RESET */
/************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: top;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
  margin: 0;
  padding: 0;
	box-sizing: border-box;
}

img {
  width: 100%;
}

:focus {
	outline: none;
}

.clearFix {
	clear: both;
}

/************************************/
/* END RESET */
/************************************/

/* FONTS NÃO GOGGLE */
/* @font-face {
	font-family: 'myFont';
	src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'),
	     url('myfont-webfont.ttf')  format('truetype');
} */

:root {
	font-family: 'Arial', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #333;
	background: #ebebeb;
  -webkit-font-smoothing: antialiased;
}

section {
	width: 100%;
	padding: 3vh 0;
	position: relative;
}

.wrap {
  max-width: 800px;
  position: relative;
  margin: auto;
	padding: 0 4vw;
}

a {
  color: #112956;
	text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

/************************************/
/* GRAPHIC ELEMENTS */
/************************************/

/* CALL TO ACTION */

.cta {
	background: linear-gradient(to bottom, #112956, #0b1f3a);
	color: #fff;
	display: inline-block;
	padding: 10px 20px;
	border-radius: 3px;
	cursor: pointer;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	border: 1px solid #406ee5;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	font-size: 14px;
}

.ctaGrey {
	background: #b2b2b2;
	border: 1px solid #b2b2b2;
}

.ctaRed {
	background: linear-gradient(to bottom, #ff0000, #bf0000);
	border: 1px solid #bf0000;
}

.cta:hover {
	background: #fff;
	color: #112956;
	border: 1px solid #b2b2b2;
	text-decoration: none;
}

.ctaInput {
	border: none;
	background: none;
	font-size: 16px;
	padding: 10px;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
}

.size36 { font-size: 24px; }
.size24 { font-size: 20px; }
.size18 { font-size: 17px; }
.size12 { font-size: 12px; }
.size9 { font-size: 9px; }

/* TRANSITION STYLE */

.transition {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

/* FORMS */

/* input */

.formStyle {
	position: relative;
}

.formStyle .fsInput {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	color: #333;
	padding: 10px;
	width: 100%;
	margin-bottom: 10px;
	min-height: 40px;
	font-size: 14px;
}

/* dropdown */

.formStyle .fsDropDown {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	min-height: 40px;
	cursor: pointer;
}

.formStyle .fsDropDown::after {
	color: #333;
	content: '\e813';
  font-family: 'icomoon';
  speak: none;
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.formStyle .fsDropHover::after {
	transform: rotate(180deg);
	top: calc(50% - 8px);
}

.formStyle .fsDropDown li {
	position: relative;
}

.formStyle .fsDropDown .fsSelected {
	background: #fff;
	color: #333;
	border: 1px solid #ccc;
	border-radius: 3px;
	width: 100%;
	display: block;
	padding: 9px 30px 9px 10px;
	text-align: left;
}

.formStyle .fsDropDown .fsOptions {
	background: #fff;
	position: absolute;
	box-shadow: 0 0 2px rgba(0,0,0,.2);
	min-width: 100%;
	display: none;
	z-index: 1;
	white-space: nowrap;
}

.formStyle .fsDropDown .fsOptions > li {
	border-bottom: 1px solid #ccc;
	position: relative;
	padding: 10px;
	text-align: left;
	cursor: pointer;
}

.formStyle .fsDropDown .fsOptions > li:hover {
	color: #fff;
	background: #112956;
}

/* checkbox */

.formStyle .fsCheckbox {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	width: 30px;
	height: 30px;
	padding: 8px;
	margin: 5px 0 15px 0;
	display: inline-block;
	cursor: pointer;
	position: relative;
	vertical-align: middle;
}

.formStyle .fsCheckbox.fsChecked {
	background: #f1f1f1;
}

.formStyle .fsCheckbox.fsChecked::after {
	background: #112956;
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 1px;
	display: block;
}

/* radiobutton */

.formStyle .fsRadio {
	background: #fff;
	border: 1px solid #ccc;
	width: 30px;
	height: 30px;
	padding: 8px;
	margin: 5px 0 15px 0;
	display: inline-block;
	cursor: pointer;
	position: relative;
	border-radius: 50%;
	vertical-align: middle;
}

.formStyle .fsRadio.fsChecked {
	background: #f1f1f1;
}

.formStyle .fsRadio.fsChecked::after {
	background: #112956;
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 50%;
	display: block;
}

/* input file */
.formStyle .fsFile {
	position: relative;
	margin-bottom: 10px;
}

.formStyle .fsFile input[type="file"]{
	display: none;
}

.formStyle .fsFile .fsFileLabel{
  cursor: pointer;
	display: inline-block;
	vertical-align: middle;
}

.formStyle .fsFile .fsFileText{
  display: inline-block;
	padding: 5px;
	vertical-align: middle;
}

/* text area (fsInput class) */
.formStyle textarea {
	font-family: 'Arial', sans-serif;
}

/* form error */

.formStyle .fsError {
	border: 1px solid #ff0000;
	box-shadow: 0 0 2px #ff0000;
}

/* double column <li> */

.formStyle .col2 > li {
	width: 50%;
	display: inline-block;
	padding: 0 5px 0 0;
}

.formStyle .col2 > li:last-child {
	padding: 0 0 0 5px;
}

/* triple column <ul> 30-20-50 */
.formStyle .col3 > li {
	width: 23%;
	display: inline-block;
	padding: 0 5px;
}

.formStyle .col3 > li:first-child {
	width: 27%;
	padding: 0 5px 0 0;
}

.formStyle .col3 > li:last-child {
	width: 50%;
	padding: 0 0 0 5px;
}

/* disclaimer forms */

.formStyle .formDisclaimerDiv {
  padding: 10px 0;
  border-top: 1px solid #274363;
  border-bottom: 1px solid #274363;
	margin: 0 0 10px 0;
	text-align: left;
}

.formStyle .formDisclaimerUl {
  padding: 0 0 5px 0;
}

.formStyle .formDisclaimerLi {
  width: 40px;
  vertical-align: top;
  display: inline-block;
}

.formStyle .formDisclaimerLi:last-child {
  width: calc(100% - 40px);
}

/* END FORMS */

/* ALERTS */

.alerts {
	position: fixed;
	top: 0;
	left: 100%;
	padding: 40px 20px 20px 20px;
	background: #fff;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-shadow: 0 0 3px rgba(0,0,0,.2);
	z-index: 1000;
	min-width: 50%;
	text-align: center;
	color: #fff;
}

.alerts.open {
	left: 50%;
}

.alerts .icon-close {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 10px;
	font-size: 18px;
	cursor: pointer;
	color: #fff;
}

.alerts.green {
	background: #5e9500;
}

.alerts.orange {
	background: #f08f55;
}

.alerts.red {
	background: #f05228;
}

/* END ALERTS */

/* DESIGN */

.sectionBorder {
	background: #fff;
	border-radius: 3px;
	border: 1px solid #ccc;
	padding: 10px;
}

.sectionTitle {
	padding: 10px 0;
	text-align: center;
}

.fontPermanent {
	font-family: 'Permanent Marker', cursive;
}

/* product */

.productContainer {
	position: relative;
}

.productContainer .sectionBorder {
	position: relative;
	border: 1px solid #406ee5;
}

.productContainer .productInfoLink {
	/* display: block; */
}

.productContainer .productFig {
	width: 40%;
	display: inline-block;
	vertical-align: middle;
}

.productContainer .productTitle {
	padding: 10px 0 30px 10px;
	display: inline-block;
	width: 60%;
	position: relative;
	font-weight: bold;
	color: #333;
	vertical-align: middle;
}

.productContainer .productInfoUl {
	position: absolute;
	bottom: 10px;
	left: calc(40% + 10px);
}

.productContainer .productInfoLi {
	display: inline-block;
	padding: 5px;
	margin: 0 2px;
	border-radius: 3px;
	background: #53984e;
	color: #fff;
}

.productContainer .productLink {
	width: 85%;
	display: block;
	position: relative;
	background: linear-gradient(to bottom, #fff, #d9d9d9);
	border: 1px solid #406ee5;
	border-top: none;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.productContainer .productLink:first-of-type {
	width: 95%;
}

.productContainer .linkName {
	width: 70%;
	display: inline-block;
	vertical-align: middle;
	border: none;
	border-radius: 0;
	font-weight: normal;
}

.productContainer .productLink:first-of-type .linkName {
	font-weight: bold;
}

.productContainer .linkPrice {
	width: 30%;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	color: #333;
	padding: 0 10px 0 0;
}

.productContainer .productLaunch {
	width: 100%;
	border-radius: 0;
	cursor: auto;
}

.productContainer .productLaunch:hover {
	color: #fff;
	background: linear-gradient(to bottom, #ff0000, #bf0000);
}

.productContainer .red {
	background: #f05228;
}

/* end product */

/* END DESIGN */

/************************************/
/* END GRAPHIC ELEMENTS */
/************************************/

/************************************/
/* HEADER */
/************************************/

#header a {
	text-decoration: none;
	color: #fff;
}

#header .ignDiv {
	background: #0b1f3a;
	padding: 10px 0 15px 0;
}

#header .ignImg {
	width: 34px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 10px;
}

#header .ignSlickDiv {
	width: calc(100% - 44px);
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

#header .ignLinkDiv {
	overflow: hidden;
	width: 100%;
	height: inherit;
}

#header .ignLink {
	color: #fff;
	text-transform: uppercase;
	display: block;
	white-space: nowrap;
	font-size: 10px;
}

#header .ignFade {
	width: 50px;
	height: 20px;
	background: linear-gradient(to right, rgba(11,31,58,1), rgba(11,31,58,0));
	position: absolute;
	top: 0;
	left: 0;
}

#header .navUl {
	position: relative;
	margin: -5px 0 0 0;
	background: linear-gradient(to bottom, #112956, #0b1f3a);
	border: 1px solid #406ee5;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	box-shadow: 0 0 3px rgba(0,0,0,.4);
}

#header .navLi {
	position: relative;
	display: inline-block;
	width: 33.33%;
	padding: 10px;
	border-right: 1px solid #406ee5;
}

#header .navLi:nth-child(3) {
	border-right: none;
}

#header .navLi:last-child {
	width: 100%;
	border-right: none;
	border-top: 1px solid #406ee5;
}

#header .iconNav {
	display: block;
	text-align: center;
	color: #fff;
	cursor: pointer;
}

#header .cartLink {
	text-align: center;
	display: block;
	padding: 0 20px 0 0;
}

#header .cartLink::after {
	content: "\e901";
	font-family: "icomoon";
	position: absolute;
	font-size: 19px;
	padding: 0 0 0 5px;
}

#header .iconNav:hover, #header .cartLink:hover {
	color: #8894aa;
}

#header .logo {
	display: inline-block;
	width: 120px;
}

#header .searchDiv {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: #112956;
	display: none;
	z-index: 100;
}

#header .searchDiv .wrap {
	top: 40%;
}

#header .searchDiv .fsInput {
	margin: 0;
	padding: 10px 40px 10px 10px;
}

#header .icon-close {
	position: absolute;
	top: 4vw;
	right: 4vw;
	font-size: 20px;
	cursor: pointer;
	font-weight: 700;
}

#header .burger {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.burger {
	position: relative;
	width: 40px;
	height: 40px;
	cursor: pointer;
	margin: auto;
}

.burger li {
	position: absolute;
	left: 5px;
	width: 30px;
	height: 2px;
	border-radius: 1px;
	background: #fff;
	top: 19px;
}

.burger li:first-child {
	top: 9px;
}

.burger li:last-child {
	top: 29px;
}

.burger.active li:first-child {
	opacity: 0;
	top: 0;
}

.burger.active li:last-child {
	opacity: 0;
	top: 100%;
}

.burger:hover > li {
	background: #8894aa;
}

#header .mainNav {
	position: absolute;
	background: #112956;
	right: 0;
	width: 100%;
	box-shadow: 0 0 3px rgba(0,0,0,.8);
	max-width: 400px;
	/* max-height: 55vh;
	overflow: auto; */
	display: none;
	z-index: 30;
	border: 1px solid #406ee5;
}

/* #header .mainNav::-webkit-scrollbar {
  display: none;
} */

#header .mainLinksLi {
	border-bottom: 1px solid #8894aa;
}

#header .mainLinksLi:last-child {
	border-bottom: none;
}

#header .mainLink {
	padding: 15px 10px;
	display: block;
	text-align: center;
	font-size: 24px;
}

#header .mainLink:hover {
	background: #fff;
	color: #112956;
}

#header .subLinksUl {
	position: relative;
	border-bottom: 1px solid #fff;
	display: none;
	background: #707f9a;
}

#header .subLinksUl:last-child {
	border-bottom: none;
}

#header .subLinksLi {
	width: calc(100% - 90px);
	border-bottom: 1px solid rgba(255,255,255,.5);
	margin: 0 0 0 90px;
}

#header .subLinksLi:last-child {
	border-bottom: none;
}

#header .subLinksLi:first-child {
	position: absolute;
	width: 70px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	font-size: 50px;
	border-bottom: none;
	margin: auto;
	padding: 0 0 0 20px;
}

#header .mainLinksLi:last-child .subLinksLi:first-child  {
	display: none;
}

#header .mainLinksLi:last-child .subLinksLi {
	width: 100%;
	margin: 0;
}

#header .subLink {
	padding: 10px 0;
	text-align: center;
	display: block;
	text-transform: uppercase;
}

#header .subLink:hover {
	background: #fff;
	color: #112956;
}

#header .ps4Color {
	background: #1d61ad;
}

#header .xboxColor {
	background: #2f9d15;
}

#header .nintendoColor {
	background: #f90116;
}

/************************************/
/* END HEADER */
/************************************/

/************************************/
/* FOOTER */
/************************************/

#footer {
	padding: 4vh 0;
}

#footer .sectionBorder {
	text-align: center;
}

#footer .burger li {
	background: #112956;
}

#footer .footerNav {
	display: none;
}

#footer .footerNavUl {
	border-top: 1px solid #ccc;
}

#footer .footerNavLi {
	border-bottom: 1px solid #ccc;
}

#footer .footerNavLi:last-child {
	border-bottom: none;
}

#footer .footerLink {
	display: block;
	padding: 10px 0;
}

#footer .footerAddress {
	padding: 20px 0;
	border-top: 1px solid #ccc;
}

#footer .footerAddress > * {
	padding: 5px;
}

#footer .title {
	font-weight: bold;
}

#footer .socialLi {
	display: inline-block;
	padding: 0 3px;
}

#footer .socialUl {
	padding: 0 0 20px 0;
}

#footer .socialLink {
	text-decoration: none;
	font-size: 26px;
	padding: 10px;
	color: #333;
}

#footer .footerPay {
	width: auto;
	margin: auto;
	display: block;
}

#footer .disclaimer {
	color: #999;
	padding: 10px 0;
}

#footer .icon-kriacao {
	color: #999;
	text-decoration: none;
}

#footer .litigio {
	color: #999;
	padding: 20px 0;
	text-align: center;
}

/************************************/
/* END FOOTER */
/************************************/