/** font face **/
.font-a { font-family: 'Lunchtype'; }

@font-face { font-family: 'Lunchtype'; src: url("../eot/lunchtyped41d-4.eot?#iefix") format("embedded-opentype"), url("../woff/lunchtype-4.woff") format("woff"), url("../ttf/lunchtype-4.ttf") format("truetype"), url("../svg/lunchtype-4.svg#Lunchtype") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Lunchtype'; src: url("../eot/lunchtype-mediumd41d.eot?#iefix") format("embedded-opentype"), url("../woff/lunchtype-medium.woff") format("woff"), url("../ttf/lunchtype-medium.ttf") format("truetype"), url("../svg/lunchtype-medium.svg#Lunchtype-Medium") format("svg"); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Lunchtype'; src: url("../eot/lunchtype-boldd41d-4.eot?#iefix") format("embedded-opentype"), url("../woff/lunchtype-bold-4.woff") format("woff"), url("../ttf/lunchtype-bold-4.ttf") format("truetype"), url("../svg/lunchtype-bold-4.svg#Lunchtype-Bold") format("svg"); font-weight: 700; font-style: normal; }
/** font face **/
/* Addresses margins handled incorrectly in IE 6/7. */
* { margin: 0; padding: 0; outline: none; }

html, body { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0; }

body { font-size: 12px; line-height: 1.4; color: #000000; }

/* Addresses `font-family` inconsistency between `textarea` and other form elements.
*/
html, button, input, select, textarea { font-family: "Lunchtype", "Helvetica"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/***** [Reserve CSS Stylesheet] *****/
.opac a:hover { opacity: 0.9; filter: alpha(opacity=90); }

.invisible { visibility: hidden; }

/* Hide visually and from screenreaders, but maintain layout */
.hidden { display: none !important; visibility: hidden; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
small { font-size: 80%; }

/* Addresses inconsistent and variable font size in all browsers. */
/***** CSS3 SCROLL BAR Styles *****/
::-webkit-scrollbar { width: 7px; background: #fff; }

/* Track */
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

/* Handle */
::-webkit-scrollbar-thumb { background: #000; }

/* Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

/* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices.
*/
audio:not([controls]) { display: none; height: 0; }

/* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue: no IE 6 support.
*/
[hidden] { display: none; }

/* ========================================================================== Links ========================================================================== */
/* Addresses `outline` inconsistency between Chrome and other browsers.
*/
a { outline: none; color: #00bff3; text-decoration: none; _noFocusLine: expression(this.hideFocus=true); cursor: pointer; }

a:active, a:hover, a:focus { outline: none; text-decoration: none; text-decoration: none; _noFocusLine: expression(this.hideFocus=true); }

/* ========================================================================== Typography ========================================================================== */
/* Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/* Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

/* Addresses styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/* Addresses styling not present in IE 6/7/8/9. */
mark { background: #ff0; color: #000; }

/* Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improves readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/* Addresses CSS quotes not supported in IE 6/7. */
q { quotes: none; }

/* Addresses `quotes` property not supported in Safari 4. */
q:before, q:after { content: ''; content: none; }

/* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Lists ========================================================================== */
/* Addresses paddings set differently in IE 6/7.
*/
/* Corrects list images handled incorrectly in IE 7. */
nav ul, nav ol, li { list-style: none; list-style-image: none; }

/* ========================================================================== Embedded content ========================================================================== */
/* 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3. 2. Improves image quality when scaled in IE 7. */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/* Corrects overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/* Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/* Corrects margin displayed oddly in IE 6/7.
*/
form { margin: 0; }

/* Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; }

/* 1. Corrects color not being inherited in IE 6/7/8/9. 2. Corrects text not wrapping in Firefox 3. 3. Corrects alignment displayed oddly in IE 6/7.
*/
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }

/* 1. Corrects font size not being inherited in all browsers. 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome. 3. Improves appearance and consistency in all browsers. */
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ outline: none; _noFocusLine: expression(this.hideFocus=true); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

textarea { outline: none; resize: none; }

/* Addresses Firefox 3+ setting `line-height` on `input` using `!important` in the UA stylesheet.
*/
button, input { line-height: normal; }

/* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Corrects inability to style clickable `input` types in iOS. 3. Improves usability and consistency of cursor style between image-type `input` and others. 4. Removes inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }

/* Re-set default cursor for disabled elements.
*/
button[disabled], input[disabled] { cursor: default; }

/* 1. Addresses box sizing set to content-box in IE 8/9. 2. Removes excess padding in IE 8/9. 3. Removes excess padding in IE 7. Known issue: excess padding remains in IE 6.
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

/* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; }

/* Removes inner padding and search cancel button in Safari 5 and Chrome on OS X.
*/
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* Removes inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. Removes default vertical scrollbar in IE 6/7/8/9. 2. Improves readability and alignment in all browsers.
*/
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/* Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

/* Remove text-shadow in selection highlight: h5bp.com/i These selection declarations have to be separate. Customize the background color to match your design. */
::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

/* * A better looking default horizontal rule */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */
img { vertical-align: middle; }

/* Remove default fieldset styles. */
fieldset { border: 0; margin: 0; padding: 0; }

/* Allow only vertical resizing of textareas. */
textarea { resize: vertical; }

/* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */
@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  /* Don't show links for images, or javascript/internal links */
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  h2, h3 { page-break-after: avoid; } }
h1 { font-size: 2em; }

h2 { font-size: 1.5em; }

h3 { font-size: 1.17em; }

h4 { font-size: 1em; }

h5 { font-size: 0.83em; }

h6 { font-size: 0.67em; }

.par p { padding: 10px 0px; }

.par2 p { padding: 5px 0px; }

.bp-center { text-align: center; }

.bp-left { text-align: left; }

.bp-right { text-align: right; }

.bp-justify { text-align: justify; }

.bp-tt { text-transform: uppercase; }

.par-small, .subscribe-page .sub-form .captcha-holder p { font-size: 12px; }

.par-medium, .subscribe-page .sub-form a { font-size: 14px; }
@media all and (max-width: 640px) { .par-medium, .subscribe-page .sub-form a { font-size: 12px; } }

.par-large { font-size: 16px; }
@media all and (max-width: 640px) { .par-large { font-size: 13px; } }

.par-xlarge, .custom-select-wrapper, .subscribe-page .sub-form, .subscribe-page .sub-form .h-b-btn { font-size: 18px; }
@media all and (max-width: 640px) { .par-xlarge, .custom-select-wrapper, .subscribe-page .sub-form, .subscribe-page .sub-form .h-b-btn { font-size: 14px; } }

.par-xxlarge { font-size: 20px; }
@media all and (max-width: 640px) { .par-xxlarge { font-size: 16px; } }

.par-xxxlarge, .subscribe-page .sub-banner .col-r-text h3, .subscribe-page.mobile .sub-banner h1, .subscribe-page.mobile .sub-form h2 { font-size: 25px; }
@media all and (max-width: 640px) { .par-xxxlarge, .subscribe-page .sub-banner .col-r-text h3, .subscribe-page.mobile .sub-banner h1, .subscribe-page.mobile .sub-form h2 { font-size: 20px; } }

.par-max, .subscribe-page .sub-banner .col-r-text h1 { font-size: 55px; }
@media all and (max-width: 640px) { .par-max, .subscribe-page .sub-banner .col-r-text h1 { font-size: 40px; } }

/* CSS DOCUMENT */
html, body { height: 100%; min-height: 100%; background: #efefef; }

.hide { position: relative; }

.ease, a, input[type="submit"], button { -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; }

.loader { position: relative; overflow: hidden; background: #fff url("../other/not-found") no-repeat center; }

.auto { max-width: 1600px; margin: 0 auto; }
.auto.med { max-width: 1145px; }
.auto.short { max-width: 600px; }

/********* Page Template *********/
#main-container { height: 100%; height: auto !important; min-height: 100%; }

.fl { float: left; }

.fr { float: right; }

.clr { float: none; clear: both; }

.bp-set { display: inline-block; *display: inline; }

.bp-set.vm { vertical-align: middle; }

.bp-set.vt { vertical-align: top; }

.bp-set.vb { vertical-align: bottom; }

.bp-box, .gn-ba-capt, .custom-select-wrapper, .custom-select-wrapper .custom-select-display, .custom-select-wrapper select, .subscribe-page .sub-form .h-b-btn { box-sizing: border-box; }

.bp-rel { position: relative; }

.bp-ab { position: absolute; }

.co-white { color: #ffffff; }

.pad-edge { padding-left: 15px; padding-right: 15px; }

.bp-img img { max-width: 100%; height: auto; }
.bp-img.wide img { width: 100%; }

.pt1 { padding-top: 10px; }

.pt2 { padding-top: 20px; }

.pt3 { padding-top: 30px; }

.pt4 { padding-top: 40px; }

.pt5 { padding-top: 50px; }

.pb1 { padding-bottom: 10px; }

.pb2 { padding-bottom: 20px; }

.pb3 { padding-bottom: 30px; }

.pb4 { padding-bottom: 40px; }

.pb5 { padding-bottom: 50px; }

.mt1 { margin-top: 10px; }

.mt2 { margin-top: 20px; }

.mt3 { margin-top: 30px; }

.mt4 { margin-top: 40px; }

.mt5 { margin-top: 50px; }

.mb1 { margin-bottom: 10px; }

.mb2 { margin-bottom: 20px; }

.mb3 { margin-bottom: 30px; }

.mb4 { margin-bottom: 40px; }

.mb5 { margin-bottom: 50px; }

.co-ash { color: #878a8f; }

.co-ash { color: #878a8f; }

.co-lblue { color: #00bff3; }

footer { z-index: 2; position: relative; }

.footer-content { padding: 40px 15px; }

.preloader { position: fixed; width: 100%; height: 100%; overflow: hidden; }

.spinner { position: absolute; width: 80px; height: 80px; top: 50%; left: 50%; margin-left: -40px; margin-top: -40px; -webkit-animation: rotatee 2s infinite linear; -moz-animation: rotatee 2s infinite linear; -ms-animation: rotatee 2s infinite linear; -o-animation: rotatee 2s infinite linear; animation: rotatee 2s infinite linear; }

.s-dot { display: inline-block; position: absolute; width: 60%; height: 60%; top: 0; background-color: #0095f3; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; -webkit-animation: bouncee 2s infinite ease-in-out; -moz-animation: bouncee 2s infinite ease-in-out; -ms-animation: bouncee 2s infinite ease-in-out; -o-animation: bouncee 2s infinite ease-in-out; animation: bouncee 2s infinite ease-in-out; }

.s-dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1s; -moz-animation-delay: -1s; -ms-animation-delay: -1s; -o-animation-delay: -1s; animation-delay: -1s; }

@-webkit-keyframes rotatee { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@-moz-keyframes rotatee { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@-ms-keyframes rotatee { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@-o-keyframes rotatee { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes rotatee { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes bouncee { 0%, 100% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
  50% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-moz-keyframes bouncee { 0%, 100% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
  50% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-ms-keyframes bouncee { 0%, 100% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
  50% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-o-keyframes bouncee { 0%, 100% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
  50% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@keyframes bouncee { 0%, 100% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
  50% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
.lt-ie9 .preloader { background: #fff url("../other/not-found") no-repeat center; }

.lt-ie9 .preloader .spinner { display: none; }

/********* END Page Template *********/
.gl-news-banner { position: relative; background: #0095f3; color: #ffffff; overflow: hidden; }

.gn-ba-img img { z-index: 1; position: relative; }
.gn-ba-img .sub { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.gn-ba-img.bp-ab { position: absolute !important; top: 0; left: -10px; width: 100%; }

.gn-ba-capt { top: 50%; right: 0; width: 50%; }
.gn-ba-capt h1 { padding-bottom: 10px; text-transform: uppercase; font-size: 55px; line-height: 1.0; }
.gn-ba-capt p:last-child { padding-bottom: 0; }

.gn-ma-top { font-weight: 500; }

.gn-ma-email { font-size: 25px; }

.gn-ma-table { padding: 35px 20px; background: #ffffff; }

.gn-ma-list { padding: 0 10px; }
.gn-ma-list li { margin-bottom: 15px; }
.gn-ma-list li:last-child { margin-bottom: 0; }

.gn-ma-radio { position: relative; padding-left: 35px; }
.gn-ma-radio input[type="radio"] { display: block; position: absolute; top: 0; left: -9999px; }
.gn-ma-radio label { cursor: pointer; }
.gn-ma-radio label:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 21px; height: 21px; border: 2px solid #00bff3; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background: none; }
.gn-ma-radio label:hover:before, .gn-ma-radio label.active:before { background-color: #00bff3; }
.gn-ma-radio label.active:before { background-image: url("../other/not-found"); background-repeat: no-repeat; background-position: center; background-size: 80% auto; }

.gn-input { display: block; width: 100%; padding: 10px; background: #efefef; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border: 1px solid #a1a4a8; }

textarea.gn-input { height: 165px; }

.gn-btn { min-width: 190px; padding: 20px; border: 2px solid #00bff3; font-size: 18px; font-weight: 500; background: none; color: #00bff3; }
.gn-btn:hover { background: #00bff3; color: #ffffff; }

.gn-li-link { color: #00bff3; text-decoration: underline; }
.gn-li-link:hover { color: #0095f3; }

html[lang="ar"] .gn-ba-capt, html[lang="ar"] .gl-news-main { direction: rtl; }
html[lang="ar"] .gn-ma-radio { padding-left: 0; padding-right: 35px; }
html[lang="ar"] .gn-ma-radio label:before { left: inherit; right: 0; }
html[lang="ar"] .sub-banner h1, html[lang="ar"] .sub-form { direction: rtl !important; }

@media only screen and (max-width: 1024px) { .gn-ba-img, .gn-ba-capt { width: 50%; }
  .gn-ba-img.bp-ab { width: 50%; }
  .gn-ba-capt { padding: 15px; }
  .gn-ba-capt h1 { font-size: 45px; } }
@media only screen and (max-width: 640px) { .gn-ba-capt h1 { font-size: 35px; }
  .gn-ma-list { padding: 0; }
  .gn-ma-radio label:before { top: -4px; }
  textarea.gn-input { height: 100px; }
  .gn-btn { min-width: 150px; padding: 10px; font-size: 16px; }
  .footer-content { padding: 30px 15px; } }
@media only screen and (max-width: 480px) { .gn-ba-capt h1 { font-size: 25px; } }
@media only screen and (max-width: 400px) { .gn-ba-img, .gn-ba-capt { float: none; display: block; position: relative; width: auto; }
  .gn-ba-img.bp-ab { width: 100%; }
  .gn-ba-capt { position: relative; margin-top: 0 !important; background: #0085d9; } }
/** CUSTOM SELECT **/
.custom-select-wrapper { position: relative; display: block; text-align: left; background: #f1f1f1; border: 1px solid #a1a4a8; }
.custom-select-wrapper:after { content: '\e90f'; position: absolute; display: block; top: 0; right: 0; margin: 11px 0; padding: 7px 15px; border: none; background: none; border-left: 1px solid #a1a4a8; font-family: "Gameloft Icons"; font-size: 14px; color: #a1a4a8; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.custom-select-wrapper:hover:after { color: #878a8f; }
.custom-select-wrapper .custom-select-display { display: block; min-width: 27px; min-height: 45px; padding: 10px 60px 10px 10px; color: #878a8f; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.custom-select-wrapper .custom-select-display.default { color: #878a8f; }
.custom-select-wrapper select { -webkit-appearance: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px; filter: alpha(opacity=0); opacity: 0; z-index: 1; cursor: pointer; border: none; outline: none; }

.g-c-select .custom-select-wrapper { color: #878a8f; }
.g-c-select .custom-select-wrapper select { color: #a1a4a8; }
.g-c-select .custom-select-wrapper .custom-select-display { min-height: 57px; padding-top: 15px; padding-bottom: 15px; }

.width-auto img { width: 100%; height: auto; }

.s-auto { max-width: 1119px; width: 100%; margin: 0 auto; }

.col2 { width: 50%; }

.sub-col-in-left { margin-right: 5px; }

.sub-col-in-right { margin-left: 5px; }

.subscribe-page .sub-banner { background: #0195f3; padding-bottom: 7%; }
.subscribe-page .sub-banner .charholder { padding-top: 8%; }
.subscribe-page .sub-banner .charholder .char1 { z-index: 2; width: 100%; max-width: 567px; }
.subscribe-page .sub-banner .charholder .cloud1 { top: 24%; left: 0; width: 50%; max-width: 279px; }
.subscribe-page .sub-banner .charholder .cloud2 { top: 75%; left: 18%; width: 30%; max-width: 158px; }
.subscribe-page .sub-banner .charholder .cloud3 { top: 100%; right: 0; width: 25%; max-width: 168px; }
.subscribe-page .sub-banner .charholder .cloud4 { top: 10%; right: 0; width: 20%; max-width: 118px; }
.subscribe-page .sub-banner .col-r-text { padding-top: 16%; }
.subscribe-page .sub-banner .col-r-text h1 { color: #ffffff; text-transform: uppercase; }
.subscribe-page .sub-banner .col-r-text h3 { color: #ffffff; font-weight: normal; padding-top: 30px; }
.subscribe-page .sub-form { width: 600px; max-width: 100%; margin: 40px auto 0; padding: 30px; background: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.subscribe-page .sub-form label { color: #878a8f; }
.subscribe-page .sub-form input { width: 100%; height: 57px; padding: 10px; background: #f1f1f1; border: 1px solid #a1a4a8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.subscribe-page .sub-form li { position: relative; padding-top: 16px; }
.subscribe-page .sub-form li:first-child { padding-top: 0; }
.subscribe-page .sub-form .captcha-holder { margin-top: 20px; }
.subscribe-page .sub-form .captcha-holder p { padding: 10px 0; }
.subscribe-page .sub-form .h-b-btn { display: block; margin: 0 auto; font-weight: bold; }
.subscribe-page .sub-form a { display: inline-block; text-align: center; margin-top: 10px; text-decoration: underline; }
.subscribe-page .sub-form a:hover { color: black; }
.subscribe-page .sub-form .h-b-btn { min-width: 250px; padding: 20px 30px; line-height: 1.0; border: 2px solid #ffffff; color: #ffffff; text-align: center; }
.subscribe-page .sub-form .h-b-btn:hover { background: #00bff3; border-color: #00bff3; color: #ffffff; }
.subscribe-page .sub-form .h-b-btn.short { max-width: 200px; height: auto !important; padding-top: 18px; padding-bottom: 18px; }
.subscribe-page .sub-form .h-b-btn.wide { display: block; min-width: 0; }
.subscribe-page .sub-form .h-b-btn.blue { border-color: #00bff3; color: #00bff3; }
.subscribe-page .sub-form .h-b-btn.blue:hover { color: #ffffff; }
.subscribe-page .sub-logo { padding-top: 40px; }
.subscribe-page.mobile .sub-banner { padding: 20px; background: #0195f3; }
.subscribe-page.mobile .sub-banner .mobile-banner { max-width: 150px; width: 30%; }
.subscribe-page.mobile .sub-banner h1 { color: #ffffff; padding-left: 20px; }
.subscribe-page.mobile .sub-form { margin-top: 0; padding-top: 20px; }
.subscribe-page.mobile .sub-form h2 { line-height: 30px; padding-bottom: 10px; color: #878a8f; text-align: center; }

.subscribe-error { left: 0; bottom: 0; display: block; font-size: 12px; background: #e82b0d; color: #ffffff; }

@media (max-width: 640px) { .subscribe-page .sub-form { margin-top: 0; width: 100%; }
  .subscribe-page .sub-form input { height: 45px; }
  .subscribe-page.mobile .sub-form h2 { line-height: 25px; }
  .subscribe-page.mobile .col2 { width: 100%; }
  .subscribe-page.mobile .sub-col-in-left { margin-right: 0; }
  .subscribe-page.mobile .sub-col-in-right { margin-left: 0; margin-top: 18px; }
  .g-c-select .custom-select-wrapper .custom-select-display { min-height: 45px; padding-top: 14px; padding-bottom: 10px; }
  .custom-select-wrapper:after { margin: 7px 0; } }
@media (max-width: 480px) { .subscribe-page .sub-form { padding: 20px; }
  .subscribe-page .sub-form input { height: 40px; }
  .g-c-select .custom-select-wrapper .custom-select-display { min-height: 40px; padding-top: 11px; padding-bottom: 7px; }
  .custom-select-wrapper:after { margin: 6px 0; font-size: 12px; }
  .col2 { width: 100%; }
  .sub-col-in-left { margin-right: 0; }
  .sub-col-in-right { margin-left: 0; margin-top: 18px; }
  .captcha-holder { width: 100%; }
  .captcha-holder img { width: 100%; max-width: 302px; height: auto; } }
@font-face { font-family: 'Gameloft Icons'; src: url("../eot/gamelofticons2814-4.eot?xqhn3b"); src: url("../eot/gamelofticons2814-4.eot?xqhn3b#iefix") format("embedded-opentype"), url("../ttf/gamelofticons2814-4.ttf?xqhn3b") format("truetype"), url("../woff/gamelofticons2814-4.woff?xqhn3b") format("woff"), url("../svg/gamelofticons2814-4.svg?xqhn3b#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'Gameloft Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-misc_forum_2:before { content: "\e93f"; }

.icon-sns_snapchat_2:before { content: "\e93c"; }

.icon-sns_snapchat_1:before { content: "\e93d"; }

.icon-sns_instagram_12:before { content: "\e93e"; }

.icon-arrow_6_down:before { content: "\e938"; }

.icon-arrow_6_up:before { content: "\e939"; }

.icon-arrow_6_left:before { content: "\e93a"; }

.icon-arrow_6_right:before { content: "\e93b"; }

.icon-Notification_Neutral_Icon:before { content: "\e900"; }

.icon-Notification_Positive_Icon:before { content: "\e901"; }

.icon-Notification_Negative_Icon:before { content: "\e902"; }

.icon-Notification_General_Icon:before { content: "\e903"; }

.icon-sns_blogger:before { content: "\e904"; }

.icon-sns_instagram_1:before { content: "\e905"; }

.icon-sns_weibo_1:before { content: "\e906"; }

.icon-misc_forum:before { content: "\e907"; }

.icon-misc_sns:before { content: "\e908"; }

.icon-magnifying_glass_2:before { content: "\e909"; }

.icon-gameloft_logo_2_line:before { content: "\e90a"; }

.icon-gameloft_logo_2_letter:before { content: "\e90b"; }

.icon-arrow_5_left:before { content: "\e90c"; }

.icon-arrow_5_up:before { content: "\e90d"; }

.icon-arrow_5_right:before { content: "\e90e"; }

.icon-arrow_5_down:before { content: "\e90f"; }

.icon-arrow_4_left:before { content: "\e910"; }

.icon-arrow_4_up:before { content: "\e911"; }

.icon-arrow_4_right:before { content: "\e912"; }

.icon-arrow_4_down:before { content: "\e913"; }

.icon-copyright:before { content: "\e914"; }

.icon-check:before { content: "\e915"; }

.icon-arrow_3_down:before { content: "\e916"; }

.icon-arrow_3_left:before { content: "\e917"; }

.icon-arrow_3_up:before { content: "\e918"; }

.icon-arrow_3_right:before { content: "\e919"; }

.icon-sns_googleplus_1:before { content: "\e91a"; }

.icon-sns_linkedin_2:before { content: "\e91b"; }

.icon-close_btn:before { content: "\e91c"; }

.icon-sns_vine_2:before { content: "\e91d"; }

.icon-sns_vine_1:before { content: "\e91e"; }

.icon-sns_tumblr_2:before { content: "\e91f"; }

.icon-sns_tumblr_1:before { content: "\e920"; }

.icon-sns_pinterest_1:before { content: "\e921"; }

.icon-sns_linkedin_3:before { content: "\e922"; }

.icon-sns_linkedin_1:before { content: "\e923"; }

.icon-arrow_1_left:before { content: "\e924"; }

.icon-misc_subscribe:before { content: "\e925"; }

.icon-sns_youtube_2:before { content: "\e926"; }

.icon-sns_youtube_1:before { content: "\e927"; }

.icon-sns_twitter_1:before { content: "\e928"; }

.icon-sns_twitch_2:before { content: "\e929"; }

.icon-sns_twitch_1:before { content: "\e92a"; }

.icon-sns_facebook_2:before { content: "\e92b"; }

.icon-sns_facebook_1:before { content: "\e92c"; }

.icon-play_btn:before { content: "\e92d"; }

.icon-magnifying_glass_1:before { content: "\e92e"; }

.icon-gameloft_logo_1_line:before { content: "\e92f"; }

.icon-gameloft_logo_1_letter:before { content: "\e930"; }

.icon-arrow_2_up:before { content: "\e931"; }

.icon-arrow_2_right:before { content: "\e932"; }

.icon-arrow_2_left:before { content: "\e933"; }

.icon-arrow_2_down:before { content: "\e934"; }

.icon-arrow_1_up:before { content: "\e935"; }

.icon-arrow_1_right:before { content: "\e936"; }

.icon-arrow_1_down:before { content: "\e937"; }