@charset 'utf-8';
/* CSS DOCUMENT */
html, body { height:100%; min-height:100%; color:#222; }
.hide { position:relative;}
.ease,a,input[type="submit"],button { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.loader { position:relative; overflow:hidden; background:#fff url('http://new-staging.gameloft.org/corporate/media/images/page_template/loading.gif') no-repeat center; }
.auto { width:1270px; margin: 0 auto; }

/********* Page Template *********/
#main-container { height:100%; height: auto !important; min-height:100%; color:#222; }
input[type="text"],input[type="password"] { }
input[type="submit"] { }
textarea { outline:none; resize:none; }

header {}

#main-wrapper {}
.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 { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.bp-rel { position:relative; }
.bp-ab { position:absolute; }
.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 p { padding:10px 0px; }
.par2 p { padding:5px 0px; }
.par-med { font-size:14px; }
.par-lar { font-size:16px; }
.par-xl { font-size:18px; }
.par-xxl { font-size:20px; }

footer {}

.preloader { position:fixed; width:100%; height:100%; overflow:hidden; background-color: #fefefe; z-index:99999; }
.spinner { position: absolute; width:80px; height:80px; top: 50%; left: 50%; margin-left:-40px; margin-top:-40px; animation: rotatee 2.0s infinite linear; -webkit-animation: rotatee 2.0s infinite linear; -moz-animation: rotatee 2.0s infinite linear; -ms-animation: rotatee 2.0s infinite linear; -o-animation: rotatee 2.0s infinite linear; }
.s-dot { display: inline-block; position: absolute; width:60%; height:60%;  top: 0; background-color:#000; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%;  animation: bouncee 2.0s infinite ease-in-out; -webkit-animation: bouncee 2.0s infinite ease-in-out; -moz-animation: bouncee 2.0s infinite ease-in-out; -ms-animation: bouncee 2.0s infinite ease-in-out; -o-animation: bouncee 2.0s infinite ease-in-out; background: #00BFF3}
.s-dot2 { top: auto; bottom: 0px; animation-delay: -1.0s; -webkit-animation-delay: -1.0s; -moz-animation-delay: -1.0s; -ms-animation-delay: -1.0s; -o-animation-delay: -1.0s; }
@-webkit-keyframes rotatee { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotatee { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } }
@-webkit-keyframes bouncee { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } }
@keyframes bouncee { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } }
.lt-ie9 .preloader { background:#fff url('http://new-staging.gameloft.org/corporate/media/images/page_template/loading.gif') no-repeat center; }
.lt-ie9 .preloader .spinner { display:none; }
/********* END Page Template *********/


/**fonts**/
@font-face {
  font-family: 'avenirLT';
  font-weight:normal;
  src:
  url('fonts-revamp/AvenirLTStdRoman.eot?#iefix') format('embedded-opentype'),
  url('fonts-revamp/AvenirLTStdRoman.woff') format('woff'),
  url('fonts-revamp/AvenirLTStdRoman.ttf')  format('truetype'),
  url('fonts-revamp/AvenirLTStdRoman.svg#OpenSans') format('svg');
  font-style: normal;
}
@font-face {
  font-family: 'avenirLT-Black';
  font-weight:normal;
  src:
  url('fonts-revamp/AvenirLT-Black.eot?#iefix') format('embedded-opentype'),
  url('fonts-revamp/AvenirLT-Black.woff') format('woff'),
  url('fonts-revamp/AvenirLT-Black.ttf')  format('truetype'),
  url('fonts-revamp/AvenirLT-Black.svg#OpenSans') format('svg');
  font-style: normal;
}


.inview { opacity:0; }
.avenirLT { font-family:"avenirLT","Tahoma","Arial","Helvetica","Calibri", sans-serif ; letter-spacing:0.5px; }
.blue { color:#00bff3; }
.gray { color:#a4a2a3; }
.black-text { color:#a4a2a3; }
.wrap { max-width:1200px; width:100%; margin:0 auto; box-sizing:border-box; }
.wrap-l { max-width:1500px; width:100%; margin:0 auto; box-sizing:border-box; }
.title-tab { min-height:40px; height:auto; background:#a4a2a3; color:#fff; }
.btn-hover:hover { background:#00bff3; border-color:#00bff3; color:#fff; }
.btn-hover-wht:hover { background:#fff; border-color:#fff; color:#00bff3; font-weight:bold; }

.h-banner { width:100%; height:540px; }
.h-banner.job-post-page { height:440px; background:url('../images/joblist/joblist_banner.jpg') no-repeat left top; background-size:cover; }
.h-banner.press-page { height:auto; margin:0 auto; background-position:center bottom; background-size:cover !important; letter-spacing:1px;}
.h-banner img { width:100%; height:auto; position: relative; }

.h-banner.career-page { height:566px; overflow:hidden; }
.h-b-box { z-index:4; top:0; left:50%; height:100%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); }
.h-b-text { z-index:5; top:48%; right:50px; max-width:650px; min-width:300px; width:100%; min-height:240px; height:auto; padding:40px; background-color:rgba(3,24,35,0.4); box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.5); text-align:center; color:#fff; letter-spacing:normal;
	-webkit-transform:translateY(-48%);
	   -moz-transform:translateY(-48%);
	    -ms-transform:translateY(-48%);
	     -o-transform:translateY(-48%);
	        transform:translateY(-48%);
	  -webkit-transition:all 0.8s ease;
	     -moz-transition:all 0.8s ease;
	      -ms-transition:all 0.8s ease;
	       -o-transition:all 0.8s ease;
	          transition:all 0.8s ease;
}
.h-b-text p { text-align:center; }
.h-b-text p.i1 { font-size:33px; }
.h-b-text p.i2 { margin:27px auto 0; font-size:28px; }
.h-b-box .h-b-t-btn { margin-top:22px; }
.h-b-box .h-b-t-btn a { margin-top:22px; border:none !important; }
.header-banner-slides .slides li { width:100%; height:566px; }
.header-banner-slides .slides li div { width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; }

.header-banner-slides .h-b-slide-1 { background-image:url('../images/careers_page/slides/slide_4.jpg'); }
.header-banner-slides .h-b-slide-2 { background-image:url('../images/careers_page/slides/slide_2.jpg'); }
.header-banner-slides .h-b-slide-3 { background-image:url('../images/careers_page/slides/slide_3.jpg'); }
.header-banner-slides .h-b-slide-4 { background-image:url('../images/careers_page/slides/slide_1.jpg'); }
.header-banner-slides .h-b-slide-5 { background-image:url('../images/careers_page/slides/slide_5.jpg'); }
.header-banner-slides .h-b-slide-6 { background-image:url('../images/careers_page/slides/slide_6.jpg'); }
.header-banner-slides .h-b-slide-7 { background-image:url('../images/careers_page/slides/slide_7.jpg'); }
.header-banner-slides .h-b-slide-8 { background-image:url('../images/careers_page/slides/slide_8.jpg'); }
.header-banner-slides .h-b-slide-9 { background-image:url('../images/careers_page/slides/slide_9.jpg'); }
.header-banner-slides .h-b-slide-10 { background-image:url('../images/careers_page/slides/slide_10.jpg'); }
.header-banner-slides .h-b-slide-11 { background-image:url('../images/careers_page/slides/slide_11.jpg'); }

.header-banner-slides .flex-control-nav { z-index:6; bottom: 2%; }
.header-banner-slides .flex-control-paging li { margin:0 10px; }
.header-banner-slides .flex-control-paging li a { width:9px; height:9px; background-color:#dedbdb; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow:none; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; }
.header-banner-slides .flex-control-paging li a.flex-active { background-color:#ffffff; -webkit-box-shadow:0 0 0 3px #00bff3; -moz-box-shadow:0 0 0 3px #00bff3; -ms-box-shadow:0 0 0 3px #00bff3; -o-box-shadow:0 0 0 3px #00bff3; box-shadow:0 0 0 3px #00bff3; }
.header-banner-slides .flex-control-paging {}
.h-b-custom-navigation .flex-prev, .h-b-custom-navigation .flex-next { position:absolute; z-index:6; top:43%; display:inline-block; width:21px; height:auto; box-sizing: border-box; }
.h-b-custom-navigation .flex-prev { left:1%; }
.h-b-custom-navigation .flex-next { right:1%; }
.h-b-custom-navigation .flex-prev img, .flex-next img { width:100%; height:auto; }

.jlc-s-b1 .cat-job .custom-select-wrapper, .jlc-s-b1 .cat-loc .custom-select-wrapper { display:none; }

/**custom select**/
.custom-select-wrapper { position:relative; display:block; box-sizing: border-box; background:#fff; text-align:left; border:1px solid #ccc; height:33px; line-height:33px; }
.custom-select-wrapper:after { content:""; position:absolute; top:0; right:0; width:18px; height:100%; background:url('../images/dd.png') no-repeat center; }
.custom-select-wrapper .custom-select-display { display: block; min-width:27px; padding:0 5px; margin-right:20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.custom-select-wrapper select { -webkit-appearance: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: alpha(opacity=0); opacity: 0; z-index: 1; cursor: pointer; }

/**CAREER LANDING PAGE**/
.h-b-t-intro  { font-size:45px; line-height:1.2; }
.h-b-t-btn { max-width:356px; width:100%; margin:40px auto 20px; font-size:18px; }
.h-b-t-btn a { display:table-cell; vertical-align:middle; width:356px; height:58px; color:#fff; border:2px solid #fff;  font-family:"avenirLT","Tahoma","Arial","Helvetica","Calibri", sans-serif; }
.h-b-t-arrow { width:18px; height:20px; margin:0 auto; }
.h-b-t-arrow img { width:18px; height:20px; margin:0 auto; opacity:0.5;
	-webkit-animation: pointDown 2s ease-out infinite;
	   -moz-animation: pointDown 2s ease-out infinite;
	    -ms-animation: pointDown 2s ease-out infinite;
	     -o-animation: pointDown 2s ease-out infinite;
	        animation: pointDown 2s ease-out infinite;
}

	@-webkit-keyframes pointDown {
		0% {}
		50% {margin-top:10px; opacity:0.7; }
		100% {}
	}
	@-moz-keyframes pointDown {
		0% {}
		50% {margin-top:10px; opacity:0.7; }
		100% {}
	}
	@-ms-keyframes pointDown {
		0% {}
		50% {margin-top:10px; opacity:0.7; }
		100% {}
	}
	@-o-keyframes pointDown {
		0% {}
		50% {margin-top:10px; opacity:0.7; }
		100% {}
	}
	@keyframes pointDown {
		0% {}
		50% {margin-top:10px; opacity:0.7; }
		100% {}
	}


.layer-header-blue { font-family:'avenirLT-Black', 'Arial', sans-serif; font-size:55px; color:#00bff3; line-height:2; }
.layer-header-white { font-family:'avenirLT-Black', 'Arial', sans-serif; font-size:55px; color:#fff; line-height:2; }
.layer-1 { z-index:0; text-align:center; padding:46px 0 20px 0; }
.layer-2 { z-index:5; background:#00bff3; text-align:center }
.layer-2b { z-index:4; background:#ccc url('../images/careers_page/layer_2/join_the_game_bg.jpg') no-repeat; background-position:0 0; background-size:cover; background-attachment:scroll; text-align:center; }
.layer-3 { z-index:6; text-align:center }
.layer-4 { z-index:3; background:#00bff3 url('../images/careers_page/layer_4/careers_feat_jobs_banner2.jpg') no-repeat; background-position:0 0; background-size:cover; background-attachment:scroll; text-align:center; }
.layer-5 { z-index:4; text-align:center; }
.layer-6 { }

.layer-1 .wrap > p { max-width:1030px; width:100%; margin:30px auto; font-size:18px; text-align:center; }
.l1-slider-container { bottom:0; width:100%; height:auto; margin:0 auto; }
.slide-box { display:block; width:100%; height:auto; padding:0; }
.slide-box:after { content:""; display:block; clear:both; }
.s-b-img { display:inline-block; vertical-align:middle; width:35%; margin:0 auto; overflow:hidden; }
.s-b-img img { width:100%; height:auto; margin-top:-15%; }
.s-b-img img.img-adjust-1 { margin-top:0; margin-bottom:-12%; }
.s-b-content { display:inline-block; vertical-align:middle; width:50%; padding:0 50px 10px; text-align:left; }
.s-b-c-container { max-height:350px; overflow-y:auto; }
.s-b-content p { margin:10px 0 0 0; font-size:14px; }
.s-b-c-title { font-family:'avenirLT-Black', 'Arial', sans-serif; font-size:18px; font-weight:bold; }
.s-b-c-name { font-family:'avenirLT-Black', 'Arial', sans-serif; font-size:20px; font-weight:bold; }
.l1-slider-container .flexslider { z-index:5; margin:0; border:none; }
.l1-slider-container .flex-control-nav { display:absolute; z-index:5; right:0; bottom:10% !important; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.l1-slider-container .flex-direction-nav a { opacity:1 !important; }
.l1-slider-container .custom-navigation { width:100%; top:0 ; bottom:0; right:0; }
.l1-slider-container .flex-prev, .l1-slider-container .flex-next { position:absolute; z-index:5; top:43%; display:inline-block; width:17px; height:auto; box-sizing: border-box; }
.l1-slider-container .flex-prev { left:0; }
.l1-slider-container .flex-next { right:0; }
.l1-slider-container .flex-prev img, .flex-next img { width:100%; height:auto; }
.l1-slider-container .flex-prev img { -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg); }
.l1-slider-container .flex-control-paging li a { background:#7adaf4; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow:none; }
.l1-slider-container .flex-control-paging li a.flex-active { background:#00bff3; }

.layer-2 { height:auto; padding:10px 0 70px; color:#fff; }
.layer-2:before { content:""; position:absolute; z-index:-2; display:block; top:-30px; left:0; width:100%; height:120px; background:#00bff3; -webkit-transform:skewY(1deg); -moz-transform:skewY(1deg); -ms-transform:skewY(1deg); -o-transform:skewY(1deg); transform:skewY(1deg); }
.layer-2:after { content:""; position:absolute; z-index:-1; display:block; bottom:-30px; left:0; width:100%; height:60px; background:#00bff3; -webkit-transform:skewY(1deg); -moz-transform:skewY(1deg); -ms-transform:skewY(1deg); -o-transform:skewY(1deg); transform:skewY(1deg); }
.layer-2 p { margin:50px auto; font-size:18px; text-align:center; }
.layer-2 img { user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; }
.layer-2 li { display:inline-block; width: 240px; height:240px; margin-left:-5px; box-sizing: border-box; font-size:18px; font-weight:bold; line-height:1.2; text-transform:uppercase; vertical-align:top; }
.layer-2 li > * { display:inline-block; text-align:center; }
.layer-2 li span { width:82%; margin:15px auto; }
.l2-offerBox { max-width:960px; width:100%; margin:0 auto; }
.l2-offerBox.ulBox:hover li { opacity:0.5; -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; }
.l2-offerBox li { transition:all 0.3s ease-out; }
.l2-offerBox.ulBox li:hover { opacity:1; -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; }

.layer-2b { height:auto; padding:180px 0 220px; color:#fff; }
.l2b-main-container { display:table; width:100%; height:100%; }
.l2b-sub-container { display:table-cell; width:100%; height:100%; vertical-align:middle; }
.layer-2b a.l2b-play-btn { display:inline-block; width:143px; height:143px; margin:40px auto 0; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; overflow:hidden; -webkit-box-shadow:0 0 100px 0px rgba(0,0,0,0.7); -moz-box-shadow:0 0 100px 0px rgba(0,0,0,0.7); -ms-box-shadow:0 0 100px 0px rgba(0,0,0,0.7); -o-box-shadow:0 0 100px 0px rgba(0,0,0,0.7); box-shadow:0 0 100px 0px rgba(0,0,0,0.7); }
.layer-2b a.l2b-play-btn img { width:100%; height:auto; }
.mfp-custom iframe { border:3px solid #ffffff !important; }
.mfp-custom .mfp-close { right:-40px; opacity:1; }

.layer-3 { height:auto; padding:10px 0; font-size:18px; }
.layer-3:before { content:""; position:absolute; z-index:-1; display:block; top:-30px; left:0; width:100%; height:60px; background:#fff; -webkit-transform:skewY(1deg); -moz-transform:skewY(1deg); -ms-transform:skewY(1deg); -o-transform:skewY(1deg); transform:skewY(1deg); }
.layer-3:after { content:""; position:absolute; z-index:-1; display:block; bottom:-30px; left:0; width:100%; height:60px; background:#fff; -webkit-transform:skewY(-1deg); -moz-transform:skewY(-1deg); -ms-transform:skewY(-1deg); -o-transform:skewY(-1deg); transform:skewY(-1deg); }
.layer-3 p {  margin:50px auto; text-align:center; }
.layer-3 img { user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; }
.l3-matterBox { text-align:center; }
.l3-matterBox img { width:auto; height:auto; margin:10px auto; }
.l3-matterBox h3 { font-family:'avenirLT-Black', 'Arial', sans-serif; color:#00bff3; text-transform: uppercase; font-size: 18px; }
.l3-matterBox p { width:100%; margin:10px auto; font-size:14px; }
.l3-matterBox li { display:inline-block; vertical-align:top; max-width:400px; width:100%; height:auto; padding:0 30px; margin:0 0 20px -6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }


.g-v-values-tabs-nav .grid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.g-v-values-tabs-nav .grid li { display:inline-block; min-width:130px; max-width:140px; margin:0 5px; }
.g-v-values-tabs-nav a { display:table; width:100%; height:100%; padding:10px; border: 1px solid #00bff3; text-transform: uppercase; font-weight:bold; color:#00bff3;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.g-v-values-tabs-nav li.current a { background-color:#00bff3; color:#fff; }
.g-v-values-tabs-nav a span { display: table-cell; vertical-align: middle; }
.g-v-values-container article { width:713px; height:auto; margin:50px auto 0; }
.g-v-values-container .g-v-a-img { width:38%; height:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.g-v-values-container .g-v-a-img img { width:100%; height:auto; }
.g-v-a-text { width:62%; padding-left:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.g-v-a-text h3, .g-v-a-text p { text-align: left; font-size: 18px }
.g-v-a-text h3 { color: #00bff3; text-transform: uppercase; }
.g-v-a-text p { margin:0 auto 20px; }



.layer-4 { padding:80px 0; height:auto; }
.l4-jobWidget { margin:40px auto; text-align:center }
.l4-jobWidget>li { display:inline-block; max-width:330px; width:100%; min-height:312px; height:auto; margin:10px 1%; padding:20px; background:#fff; box-sizing:border-box; vertical-align: top; text-align:left; }
.jwidget-content { min-height:230px; height:auto; margin:0 auto 10px; }
.jwidget-content h3.j-c-job-name { padding:10px 0; font-family:'avenirLT-Black', 'Arial', sans-serif; font-size: 24px; font-weight: bold; color:#676767; }
.jwidget-content li { list-style:none; font-size:18px; color:#9a9a9a; }
.jwidget-content li span { vertical-align:top; }
span.j-c-icon { display:inline-block; width:19px; height:19px; padding-right:15px; }
span.j-c-desc { display:inline-block; width:80%; }
.loc-icon { background:url('../images/careers_page/layer_4/icons_layer-4_loc.png') no-repeat left;}
.time-icon { background:url('../images/careers_page/layer_4/icons_layer-4_time.png') no-repeat left;}
.jwidget-btn-holder { bottom:20px; display:table; width:100%; margin:0 auto; }
.jwidget-btn { display:table-cell; width:100%; height:53px; background:#00bff3 url('../images/careers_page/layer_4/apply_arrow.gif') no-repeat 95% center; color:#fff; font-size:18px; text-indent:20px; vertical-align:middle; }
.jwidget-btn.jwb-hover:hover { background-position: 97% center; }
.job-icon-art { background:url('../images/careers_page/layer_4/career_site_sprite.png') no-repeat; }
.job-icon-video { background:url('../images/careers_page/layer_4/icons_layer-4_video.png') no-repeat left; }
.l4-cta-btn { max-width:280px; width:100%; margin:40px auto 20px; font-size:18px; }
.l4-cta-btn a { display:table-cell; vertical-align:middle; width:280px; height:58px; color:#fff; border:2px solid #fff;  font-family:"avenirLT","Tahoma","Arial","Helvetica","Calibri", sans-serif; }

.productionProjectManagement.job-icon-art { background-position:0 0; }
.marketingUserAcquisition.job-icon-art {background-position:0 -19px; }
.marketResearchLicensing.job-icon-art {background-position:0 -38px; }
.businessPerformanceMonetization.job-icon-art {background-position:0 -57px; }
.programming.job-icon-art {background-position:0 -76px; }
.gameDesign.job-icon-art {background-position:0 -95px; }
.art.job-icon-art {background-position:0 -114px; }
.audioVideo.job-icon-art {background-position:0 -133px; }
.qualityAssurance.job-icon-art {background-position:0 -152px; }
.eCommerce.job-icon-art {background-position:0 -171px; }
.localization.job-icon-art {background-position:0 -190px; }
.hardwareIt.job-icon-art {background-position:0 -209px; }
.infrastructures.job-icon-art {background-position:0 -228px; }
.salesBusinessDevelopment.job-icon-art {background-position:0 -247px; }
.comPublicRelations.job-icon-art {background-position:0 -266px; }
.customerCare.job-icon-art {background-position:0 -285px; }
.humanResources.job-icon-art {background-position:0 -304px; }
.legal.job-icon-art {background-position:0 -323px; }
.adminOffice.job-icon-art {background-position:0 -342px; }
.financeAccounting.job-icon-art {background-position:0 -361px; }
.businessIntelligence.job-icon-art {background-position:0 -380px; }

.layer-5 { padding:70px 0; height:auto; }
.layer-5:before { content:""; position:absolute; z-index:-2; display:block; top:-30px; left:0; width:100%; height:120px; background:#fff; -webkit-transform:skewY(-1deg); -moz-transform:skewY(-1deg); -ms-transform:skewY(-1deg); -o-transform:skewY(-1deg); transform:skewY(-1deg); }
.l5-faq-container { max-width:1030px; width:100%; margin:50px auto 0; text-align:left; }
.faq-tab { padding:10px 50px 10px 20px; background:#a4a2a3 url("../images/icon_plus.png") no-repeat 97% center; border-bottom:1px solid #f0f0f0; box-sizing:border-box; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out; cursor:pointer; font-size:15px; }
.faq-tab.tab-active { background:#00bff3 url("../images/icon_minus.png") no-repeat 97% center;  -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out; }
.f-container { padding:20px 20px 50px; background:#f8f8f8; box-sizing:border-box; border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; font-size:14px; letter-spacing:0.5px; }
.f-container p { margin:0 0 10px 0; text-align:left; }
.f-container li { list-style:none; margin:0 0 10px 0;}

.layer-6 { width:100%; height:auto; }
.ri-grid-container { position: relative; width:100%; height:auto; }
.ri-grid-container ul { display:block; width:100%; height:auto; margin:0 auto; padding:0; }
.ri-grid-container li { float:left; width:16.66%; height:auto; overflow:hidden; }
.ri-grid-container img { width:100%; height:auto; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; }

.games-slide { width:100%; height:100%; padding:30px 0; background:url('../images/careers_page/layer_6/background_layer.jpg') left top; }
.games-slide h2 { font-size:22px; color:#fff; text-align:center; }
.games-slides-container { width:95%; margin:20px auto 0; box-sizing:border-box; }
.games-slide .slide { width:139px; height:auto; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.games-slide .slide img { width:100%; }

.owl-item { opacity:0; transition:all 0.3s ease; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.owl-item.active { opacity:1; transition:all 0.8s ease; }
.owl-prev { position:absolute; left:-25px; top:0; width:25px; height:100%;  }
.owl-next { position:absolute; right:-25px; top:0; width:25px; height:100%; }
.owl-prev:before, .owl-next:before { content:""; display: inline-block; vertical-align: middle; height: 100%; }
.owl-prev img, .owl-next img { display:inline-block; width:100%; height:auto; vertical-align:middle; }


/**JOBS LIST PAGE**/
/**job sidebar**/
.jobListContainer { padding:40px 0 0 0; }
.jobListContainer .intro { margin-bottom: 40px; text-align: center; font-family:'avenirLT-Black', 'Arial', sans-serif; font-size: 40px; color:#00BFF3; }
.jlc-sidebar { max-width:280px; width:24%;}
.jlc-s-b1 { margin:0 0 20px 0; }
.jlc-s-b1 h3 { background:#a4a2a3 url("../images/icon_plus.png") no-repeat 96% center; text-align:left; line-height:40px; text-indent: 30px;  -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out; font-size:15px;}
.jlc-s-b1 h3.tab-active { background:#00bff3 url("../images/icon_minus.png") no-repeat 96% center; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out; }
.jlc-s-b1 h3:nth-of-type(2) { margin-top:1px; }
.jlc-s-b1 .cat-job ,.jlc-s-b1 .cat-loc { background: #f8f8f8; padding:10px; }
.jlc-s-b1 .cat-job a ,.jlc-s-b1 .cat-loc a { display:block; padding:5px 0; color:#3e4545; }
.jlc-s-b1 .cat-job select, .jlc-s-b1 .cat-loc select { display:none; }
.inactiveLink { pointer-events: none; cursor: default; }
.jlc-find-jobs h3.showTab { cursor: pointer; }

.cat-job li, .cat-loc li, #showAllCat { padding:5px 0; font-size:15px; }
.cat-job .jlc-category-list a, #showAllCat { display:table; width:100%; }
.cat-job .jlc-category-list a>*, #showAllCat>* { display:table-cell; vertical-align:top; }
.cat-job span.job-img, #showAllCat span.job-img { display:block; width:23px; height:23px; background:url('../images/joblist/career_joblist_sprite.png') no-repeat; }
.cat-job span.job-name, #showAllCat .cat-job span.job-name { width:93%; padding:0 10px; vertical-align:middle; }
.jlc-category-list a, #showAllCat { background:url('../images/joblist/check.png') no-repeat right -23px; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out; }
.jlc-category-list a.active, #showAllCat.active { background-position:right 20%; -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; }
.jlc-category-list a.active span.job-img div { display:block; width:23px; height:23px; background:url('../images/joblist/gear.png') no-repeat 0 -23px; }
.jlc-category-list a.active span.job-name { padding-left:10px; color:#00bff3; }
#showAllCat.active { font-weight:bold; color:#00bff3; }

#showAllCat span.job-img { background-position:-23px -23px; }
#productionProjectManagement span.job-img { background-position:0 0; }
#marketingUserAcquisition span.job-img {background-position:0 -46px; }
#marketResearchLicensing span.job-img {background-position:0 -92px; }
#businessPerformanceMonetization span.job-img {background-position:0 -138px; }
#programming span.job-img {background-position:0 -184px; }
#gameDesign span.job-img {background-position:0 -230px; }
#art span.job-img {background-position:0 -276px; }
#audioVideo span.job-img {background-position:0 -322px; }
#qualityAssurance span.job-img {background-position:0 -368px; }
#eCommerce span.job-img {background-position:0 -414px; }
#localization span.job-img {background-position:0 -460px; }
#hardwareIt span.job-img {background-position:0 -506px; }
#infrastructures span.job-img {background-position:0 -552px; }
#salesBusinessDevelopment span.job-img {background-position:0 -598px; }
#comPublicRelations span.job-img {background-position:0 -644px; }
#customerCare span.job-img {background-position:0 -690px; }
#humanResources span.job-img {background-position:0 -736px; }
#legal span.job-img {background-position:0 -782px; }
#adminOffice span.job-img {background-position:0 -828px; }
#financeAccounting span.job-img {background-position:0 -874px; }
#businessIntelligence span.job-img {background-position:0 -920px; }

#productionProjectManagement .active span.job-img { background-position:0 -23px; }
#marketingUserAcquisition .active span.job-img {background-position:0 -69px; }
#marketResearchLicensing .active span.job-img {background-position:0 -115px; }
#businessPerformanceMonetization .active span.job-img {background-position:0 -161px; }
#programming .active span.job-img {background-position:0 -207px; }
#gameDesign .active span.job-img {background-position:0 -253px; }
#art .active span.job-img {background-position:0 -299px; }
#audioVideo .active span.job-img {background-position:0 -345px; }
#qualityAssurance .active span.job-img {background-position:0 -391px; }
#eCommerce .active span.job-img {background-position:0 -437px; }
#localization .active span.job-img {background-position:0 -483px; }
#hardwareIt .active span.job-img {background-position:0 -529px; }
#infrastructures .active span.job-img {background-position:0 -575px; }
#salesBusinessDevelopment .active span.job-img {background-position:0 -621px; }
#comPublicRelations .active span.job-img {background-position:0 -667px; }
#customerCare .active span.job-img {background-position:0 -713px; }
#humanResources .active span.job-img {background-position:0 -759px; }
#legal .active span.job-img {background-position:0 -805px; }
#adminOffice .active span.job-img {background-position:0 -851px; }
#financeAccounting .active span.job-img {background-position:0 -897px; }
#businessIntelligence .active span.job-img {background-position:0 -943px; }

a.c-l-region, .c-l-regionList a, a.all-locations, #all-locations, .all-cities-btn {background:url('../images/joblist/check.png') no-repeat right -23px; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in; }
a.c-l-region.active, .c-l-regionList a.active, a.all-locations.active, #all-locations.active, .all-cities-btn.active { color:#00bff3; background:url('../images/joblist/check.png') no-repeat right 20%; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; transition:all 0.2s ease-in; }
.c-l-regionList { }
.c-l-regionList a { font-size:15px; text-indent:30px; }
#all-locations, .all-cities-btn { font-size:15px; }
#all-locations.active, .all-cities-btn.active { font-weight:bold; }
.jobAlert-container { padding:15px; background:#a4a2a3; }
.jobAlert-container h3 { background-image:none; color:#fff; text-indent: 0; text-align: center; font-size:16px; }
.jobAlert-container label { margin:20px 0 5px; color:#fff; font-size:13px; }
.jobAlert-container label:nth-child(1) { margin:0 0 5px; color:#fff; }
.jobAlert-container label:after { content:"*"; color:#fff; }
.jobAlert-container select {  }
.ja-submit-btn { max-width:166px; width:100%; margin:25px auto; background:transparent; border:2px solid #fff; color:#fff; font-family:"avenirLT"; font-weight:bold; font-size:16px; letter-spacing:0.063em; line-height:33px; }
.ja-submit-btn:first-letter { text-transform: capitalize; }
.jlc-tag-container, .jlc-tag-container-loc { display:none; margin:0 auto; }
.jlc-t-c-list, .jlc-t-c-list-loc { display:none; width: 100%; margin:0; padding:5px; border:1px solid #dedede; }
.jlc-tag-container .jlc-t-c-list li, .jlc-tag-container-loc .jlc-t-c-list-loc li  { display:inline-block; margin:2px; padding:0; font-size:12px; border-bottom:none; }
.jlc-t-c-list li a, .jlc-t-c-list-loc li a { display: block; padding: 10px !important; background-color: #00bff3; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; color:#fff !important; }

.backToTopBtn { position:fixed; z-index:90; bottom:20%; right:5%; display:block; width:59px; height:54px; background:#34adfe; display:none;
  -webkit-transition: all 0.4s linear;
       -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
         -o-transition: all 0.4s ease;
            transition: all 0.4s ease;

}
.backToTopBtn a { display:block; width:100%; height:100%; }
.backToTopBtn img { transform:rotate(-90deg) translate(-76%, 72%); width:25%; height:auto;
  -webkit-transition: all 0.4s linear;
       -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
         -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
}
.backToTopBtnhover:hover img { transform:rotate(-90deg) translate(-36%, 72%);
  -webkit-transition: all 0.4s linear;
       -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
         -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
}

/**job list**/
.jlc-mainList { max-width:900px; width:75%; }
.jlc-m-title { display:table; width:100%; height:40px; font-size:15px; font-weight:bold; }
.jlc-m-title>div { display:table-cell; vertical-align:middle; padding:0 15px; }
.section-jobTitle { width:52%; font-weight:bold; text-overflow: ellipsis; }
.section-type { width:14%; }
.section-location, .section-category { width:17%; }
.section-publication { display:none !important; }
.jlc-m-listing { width:100%; }
.jlc-m-listing li { width:100%; }
.jlc-m-listing li:nth-child(even) { background:#d2d4d3; }
.jlc-m-listing a { display:table; table-layout:fixed; width:100%; height:45px; color:#3e4545; }
.jlc-m-listing a:nth-child(even) { background:#d2d4d3; }
.jlc-m-listing a>div { display:table-cell; vertical-align:middle; padding:0 15px; font-size:15px;}
.jlc-m-listing.list-hover a:hover { background-color:#00bff3; color:#fff; }
.moreResults-btn { width:100%; text-align: center; }
.moreResults-btn a { display:inline-block; max-width:300px; width:100%; margin:55px auto; border:2px solid #707070; line-height:58px; font-size:18px; color:#707070; box-sizing:border-box; }
.jobAlert-container form>*{ display:block; width:100%; }
.jobAlert-container input[type="email"] { line-height:33px; padding:0 5px; border:1px solid #ccc; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.jobAlert-container select { height:33px; }
.ja-submit-btn { -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; }
.show-all-list { display:block; margin:10px 0; padding:5px 0; font-size:13px; font-weight: bold; cursor: pointer; text-indent:23px; text-align:left; }
.section-jobTitleBefore, .section-typeBefore,	.section-locationBefore, .section-categoryBefore, .section-publicationBefore { display:none; }

div#sr-alert-button { width:195px !important; }

/***custom animation***/
@-webkit-keyframes fadeInUp2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 0%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp2 {
  -webkit-animation-name: fadeInUp2;
  animation-name: fadeInUp2;
}

/* Underline From Center */
.hvr-underline-from-center-wht, .hvr-underline-from-center-blue {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center-wht:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center-blue:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #00BFF3;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.inScreen.hvr-underline-from-center-wht:before, .inScreen.hvr-underline-from-center-blue:before {
  left: 45%;
  right: 45%;
}

/**PRESS PAGE**/
.press-page { font-family:"avenirLT","Tahoma","Arial","Helvetica","Calibri", sans-serif;  }
.press-page .wrap { min-height:345px; height:100%; border-top:1px solid transparent; }
.press-banner-title { margin-top:270px; padding-bottom:20px; }
.press-banner-title h2 { font-size:40px; font-weight:bold; color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,0.1); }
.press-post-header .wrap { padding:20px 0; border-bottom:2px solid #00bff3; }
.press-post-header .wrap:after { content:""; display:block; clear:both; }
.select-options-container > div { display:inline-block; margin:10px 5px; }
.select-options-container div:last-child { margin-right:0; }
.select-month, .select-year, .select-share { float:left; display:inline-block; width:120px; height:auto; }
.download-pdf-btn { float:left; }
.download-pdf-btn a, input.select-search-btn { display:inline-block; width:auto; height:33px; padding:0 10px; background-color:transparent; border:1px solid #00bff3; font-size:15px; font-weight:bold; color:#00bff3; line-height:33px; text-align:center; text-transform:uppercase;  font-family:"avenirLT","Tahoma","Arial","Helvetica","Calibri", sans-serif; }
.download-pdf-btn a:hover, input.select-search-btn:hover { background-color:#00bff3; color:#fff; }
.select-options-container .select-month, .select-options-container .select-year, .select-options-container input.select-search-btn  { margin:0 6px 0 0; }
/***articles***/
.press-post-list .article-wrap { max-width:1150px; width:100%; height:auto; margin:0 auto; }
.p-p-l-articles { width:100%; height:auto; padding:45px 45px 30px 45px; margin:0 auto; border-bottom:1px solid #87e5fe; }
.p-p-l-articles:last-child { margin-bottom:60px; }
.p-p-l-meta { margin-bottom:25px; font-size:14px; font-weight:bold; text-transform:uppercase; color:#00bef2; }
.p-p-l-meta .fa { display:none; font-size:6px; }
.p-p-l-meta .post-category { display:none; }
.p-p-l-meta >*, .p-b-t-meta >* { display:inline-block; vertical-align:middle; }
.p-p-l-content { margin-bottom:30px; }
.p-p-l-content a h2, .p-p-l-content h2 { margin-bottom:15px; color:#000; transition:all 0.5s ease; }
.p-p-l-content a h2.articleHeaderHover:hover, .p-p-l-content h2.articleHeaderHover:hover { color:#00bef2; transition:all 0.5s ease; }
.p-p-l-link a { font-size:16px; font-weight:bold; color:#00bef2; }
.article-pagination { margin:0 0 60px 0; text-align:center; color:#00bef2; }
.article-pagination .fa { font-size:18px; }
.article-pagination li { display:inline-block; vertical-align:middle;  margin:0 10px; }
.article-pagination li a { vertical-align:middle; color:#00bef2; }
.article-pagination li a.active-page { display:block; width:23px; height:23px; color:#fff; background:#00bef2; line-height: 23px; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; }
.single-article-title { font-size:30px; }
.p-b-t-meta { margin:10px 0; color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase; text-shadow:1px 1px 5px rgba(0,0,0,0.1); }
.p-b-t-meta .fa { display:none; font-size:6px; }
.p-b-t-meta .post-category { display:none; font-size:6px; }
.single-post-content img { width:100%; height:auto; margin:10px auto; }
.single-post-content h2 { margin:20px 0 10px; font-size:19px; }
.single-post-content h3 { margin:20px 0 10px; font-size:18px; }
.single-post-content h4 { margin:20px 0 10px; font-size:17px; }
.single-post-content h5 { margin:20px 0 10px; font-size:16px; }
.single-post-content h6 { margin:20px 0 10px; font-size:15px; }
.single-post-content h2:first-child, .single-post-content h3:first-child, .single-post-content h4:first-child, .single-post-content h5:first-child, .single-post-content h6:first-child { margin:0 0 10px; }
.single-post-content p { margin:5px 0 10px; font-size:14px; line-height:1.8; }
.single-post-content ul { margin:5px 0; }
.single-post-content li { font-size:14px; list-style:disc; list-style-position:inside; line-height:1.8; }
/***custom-select***/
.c-s-p-wrapper { position:relative; display:block; box-sizing: border-box; background:#fff; text-align:left; border:1px solid #ccc; width:100%; height:33px; line-height:33px; text-transform: uppercase; }
.c-s-p-wrapper:after { content:""; position:absolute; top:0; right:0; width:18px; height:100%; background:url('../images/dd.png') no-repeat center; }
.c-s-p-wrapper .c-s-p-display { display: block; min-width:27px; padding:0 5px; margin-right:20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.c-s-p-wrapper select { -webkit-appearance: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: alpha(opacity=0); opacity: 0; z-index: 1; cursor: pointer; }
/***drop down share this***/
.drop-down { position:relative;}
.drop-down .selected a { background:#fff no-repeat scroll right center;display:block; padding-right:20px; border:1px solid #d7d7d7; width:150px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; text-decoration:none; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; }
.drop-down .selected a span { cursor:pointer; display:block; padding:5px;font-size: 17px; color:#000; }
.drop-down .option { position:relative; }
.drop-down .options ul{ background:#fff none repeat scroll 0 0;display:none;list-style:none; padding:0px 0px; position:absolute; left:0px; top:32px; width:auto; min-width:150px;border:1px solid #d7d7d7; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.drop-down .selected span.value, .drop-down .options span.value { display: none; }
.drop-down .options ul li a { padding:5px; display:block;text-decoration:none;font-size:17px; color:#000; }
.drop-down .options ul li a:hover{ background:#00bff3; color:#fff; transition:0.2s ease; }


/**JOB POST**/

.backToListBtn { display:table; width:96px; height:40px; margin-top:56px; background-color:#34adfe; }
.backToListBtn a { display:table-cell; vertical-align:middle; width:100%; height:100%; background:url('../images/back_to_btn.png') no-repeat 20% center; font-size:17px; color:#fff; text-indent:20px; }
.backToListBtn a:hover { background-position:14% center; }

.jobpost-icons-container { padding:0 0 50px 0; }
.jobpost-icons-container:after { content:""; display:block; clear:both; }
.jobpost-icons-container ul { text-align:center; }
.jobpost-icons-container li { display:inline-block; max-width:172px; width:100%; margin:15px 15px 15px 11px; }
.jobpost-icons-container li img { display:block; width:100%; height:auto; }

.jobpost-post-container .wrap { max-width:960px; width:100%; margin:0 auto; }
.j-p-c-title-container { display:table; table-layout:fixed; width:100%; min-height:40px; height:100%; margin:50px auto 65px; }
/*.j-p-c-sJP-jobTitle, .j-p-c-sJP-pageNumber { background-color:#34adfe; color:#ffffff; }*/
.j-p-c-sJP-jobTitle, .j-p-c-sJP-pageNumber { background-color:transparent; color:#000000; }

.j-p-c-sJP-jobTitle { display:table-cell; vertical-align:middle; width:90%; height:100%; text-align:center; }
.j-p-c-sJP-jobTitle .title-name { z-index:2; display:table; width:89%; height:100%; margin:0 auto; }
.j-p-c-sJP-jobTitle h2 { padding:0 6%; font-family:'avenirLT-Black', 'Arial', sans-serif; font-size:55px; color:#00bff3; line-height:1; letter-spacing:0; }

.jobTitle-navigation { top:0; bottom:0; width:100%; height:100%; color:#ffffff; }
.prev-title-btn { left:1%; }
.next-title-btn { right:1%; }
.prev-title-btn, .next-title-btn { display:block; width:17px; height:100%; }
.prev-title-btn:before, .next-title-btn:before { content:""; display: inline-block; vertical-align: middle; height: 100%; }
.prev-title-btn img, .next-title-btn img { display:inline-block; width:80%; height:auto; vertical-align:middle; }

/*.j-p-c-sJP-pageNumber { display:table-cell; vertical-align:middle; width:9%; height:100%; text-align:center; border-left:8px solid #ffffff; font-size:17px; }*/
.j-p-c-sJP-pageNumber { display:none !important; vertical-align:middle; width:9%; height:100%; text-align:center; border-left:8px solid #ffffff; font-size:17px; }
.jobD-information-1 {}
.jobD-information-1 li{ display:inline-block; width:33%; font-size:18px; list-style:none; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.jobD-information-1 li:nth-child(1) { text-align:left;}
.jobD-information-1 li:nth-child(2) { text-align:center; }
.jobD-information-1 li:nth-child(3) { text-align:right; }
.j-i-1-div { margin:30px auto 35px; padding:22px 0;  border-style:double; border-color:#000000; border-left:none; border-right:none; color:#00bff3; }
.j-i-1-div p { text-align:center; font-family:"avenirLT-Black","Tahoma","Arial","Helvetica","Calibri", sans-serif; font-size:28px; font-weight:bold; }
.jobD-information-2 h2 { margin-top:20px; font-family:'avenirLT-Black', sans-serif; font-size:20px; font-weight:bold; letter-spacing:0; }
.jobD-information-2 p, .jobD-information-2 li { font-size:16px; font-weight:normal; line-height:1.4; }
.jobD-information-2 li { padding-left:30px;  margin-left:38px; list-style-type: disc; list-style-position: outside; list-style-image: none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.j-p-c-applyBtnContainer { margin:67px auto 60px; }
.j-p-c-applyBtnContainer ul { text-align:center; }
.j-p-c-applyBtnContainer li { display:inline-block; margin-right:10px; }
.j-p-c-applyBtnContainer li:last-child{ margin-right:0; }
.j-p-c-applyBtnContainer a { display:block; padding:12px 35px; font-size:17px; font-weight:bold; color:#ffffff; }
.j-p-c-applyBtnContainer a.jpc-apply-btn, .j-p-c-applyBtnContainer a.jpc-applysendMe-btn { background:#34adfe; }
.j-p-c-applyBtnContainer a.jpc-applyLiinkedin-btn { background:#0083be; }
.j-p-c-applyBtnContainer a.hoverBtn:hover { background-color:#144666; }

.j-p-c-jobAlert { padding:40px 0; background-color:#a4a2a3; width:100%; height:auto; }
.j-p-c-jobAlert form li { display:none; }
.j-p-c-jobAlert form li:last-child { display:block; }
.j-p-c-jobAlert h2 { margin:0 0 25px 0; font-family:'AvenirLT-Black', sans-serif; font-size:25px; font-weight:bold; color:#ffffff; text-align:center; }
.j-p-c-jobAlert ul { max-width:583px; width:100%; margin:0 auto; }
.j-p-c-jobAlert ul li:nth-child(even) { margin:12px auto 28px; }
.j-p-c-jobAlert label { font-size:13px; color:#ffffff; }
.j-p-c-jobAlert label:after { content:"*"; color:#fff; font-size:13px; }
.j-p-c-jobAlert form input[type=email] { width:100%; height:46px; padding:0 10px; border:none; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; }
.j-p-c-jobAlert form input[type=submit] { display:block; max-width:290px; width:100%; margin:37px auto 0; background-color:transparent; line-height:46px; border:2px solid #fff; font-size:20px; text-align:center; color:#ffffff; text-transform:uppercase; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; }
.j-p-c-jobAlert .showSubscribeForm { display:block; max-width:290px; width:100%; margin:37px auto 0; background-color:transparent; line-height:46px; border:2px solid #fff; font-size:20px; text-align:center; color:#ffffff; text-transform:uppercase; }
.j-p-c-jobAlert .showSubscribeForm.hoverBtn:hover { background-color:#ffffff; color:#a4a2a3; }
/***custom-select***/
.j-p-c-jAwrapper { position:relative; display:block; background:#fff; text-align:left; border:1px solid #ccc; width:100%; height:46px; line-height:46px; border:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.j-p-c-jAwrapper:after { content:""; position:absolute; top:0; right:0; width:18px; height:100%; background:url('../images/dd.png') no-repeat center; }
.j-p-c-jAwrapper .j-p-c-jAdisplay { display: block; min-width:27px; padding:0 10px; margin-right:20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.j-p-c-jAwrapper select { -webkit-appearance: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: alpha(opacity=0); opacity: 0; z-index: 1; cursor: pointer; }
/***inline popup***/
.inline-container { position:relative; max-width:682px; width:100%; min-height:412px; height:auto; background-color:#ffffff; padding:20px; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.popup-close-1 { position:absolute; top:20px; right:20px; display:inline-block; width:15px; height:15px; }
.popup-close-1 img { width:100%; height:auto; }
.i-c-content-emailPost h2 { margin:10px auto; font-family:'avenirLT-Black', 'Arial', sans-serif; font-size:25px; color:#00bff3; text-align: center; }
.i-c-content-emailPost ul { font-family:"avenirLT","Tahoma","Arial","Helvetica","Calibri", sans-serif; text-align:center; }
.i-c-content-emailPost li { list-style:none; font-size:13px; color:#000000; }
.i-c-content-emailPost .i-c-c-caption { display:block; margin:36px auto 10px; font-family:"avenirLT","Tahoma","Arial","Helvetica","Calibri", sans-serif; text-align:center; font-size:13px; color:#000000; }
.i-c-content-emailPost form li { text-align:center; }
.i-c-content-emailPost form li input { max-width:403px; width:100%; height:33px; padding:5px; margin:0 0 17px 0; border:1px solid #a4a2a3; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; text-align:center; }
.i-c-content-emailPost form li input::-webkit-input-placeholder { color:#bababa; }
.i-c-content-emailPost form li input:-moz-placeholder { /* Firefox 18- */  color:#bababa; }
.i-c-content-emailPost form li input::-moz-placeholder {  /* Firefox 19+ */ color:#bababa; }
.i-c-content-emailPost form li input:-ms-input-placeholder { color:#bababa; }
.i-c-content-emailPost form label { display:none; }
.i-c-content-emailPost form input[type=submit] { display:inline-block; width:133px; height:33px; background-color:#34adfe; color:#ffffff; text-transform: uppercase; border:none; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; }
.i-c-c-f-captcha { max-width:302px; width:100%; margin: 0 auto 10px; }
.i-c-c-f-captcha.spacer-top { margin-top:20px; }


/**JOB APPLY**/
.job-apply { text-align:center; }
.j-p-c-singleJobPost.job-apply { margin:0 auto 60px; }
.job-apply h2 { margin:0 auto 74px; font-size:55px; color:#00bff3; line-height:1.2; font-family:'avenirLT-Black', 'Arial', sans-serif; }
.job-apply .jobD-information-1 { padding-bottom:30px; border-bottom:double #000000; }
/*.job-apply .jobD-information-1 { margin:18px auto 20px; }
.job-apply .jobD-information-1 li { display:block; max-width:100%; width:100%; margin:0 !important; padding:0 15px; font-size:18px; list-style:none; text-align:center; }*/
.job-apply-container { padding:0; width:100%; height:auto; }
.job-apply-container li.inputField { margin:5px auto 18px; }
.job-apply-container form { max-width:583px; width:100%; margin:0 auto; }
.job-apply-container label { font-family:'avenirLT'; font-size:18px; color:#000000; }
.job-apply-container label.label-required:after { content:"*"; color:red; }

.input-file-container { -webkit-appearance: none; -moz-appearance: none; appearance: none; display:table; width:100%; height:33px; padding:5px; background-color:#ffffff; border:1px solid #a4a2a3; font-family:"avenirLT","Tahoma","Arial","Helvetica","Calibri", sans-serif; color:#505050; font-size:13px; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0;}
.input-file-container.uploadBox { padding:0; }

.input-file-value { display:none; width:100%; height:100%; }
.input-file-value div { display:table; width:100%; height:100%; }
.i-f-v-value { display:table-cell; vertical-align:middle; width:100%; }
.i-f-v-value span { vertical-align:middle; display:table-cell; padding: 0 10px; font-size:13px; color:#505050; word-break:break-all; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.i-f-v-remove { display:table-cell; vertical-align: middle; width:33px; height:33px; color:#ffffff; font-size:16px; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; line-height:33px; text-align:center; }
.i-f-v-remove img { width:72%; height:auto; }

.fileUpload-btn { float:right; display:block; width:auto; /*width:91px;*/ height:100%; cursor:pointer; overflow: hidden; }
.fileUpload-btn div { display:table; min-width:130px; width:100%; height:100%; }
.fileUpload-btn label { padding:0 12px; background:#34adfe url('../images/upload_icon.png') no-repeat 16% center; display:table-cell; vertical-align:middle; width:100%; height:100%; color:#ffffff; text-align:center; text-indent:25%; font-size:13px; cursor:pointer; -webkit-transition:all ease-in-out 0.1s; -moz-transition:all ease-in-out 0.1s; -ms-transition:all ease-in-out 0.1s; -o-transition:all ease-in-out 0.1s; transition:all ease-in-out 0.1s; }
.fileUpload-btn label.hoverBtn:hover { background-color:#144666; -webkit-transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; transition:all ease-in-out 0.2s; }
.fileUpload-btn input.upload-file {	display:none; }

.full-col { width:100%; }
.half-col { width:49%; float:left; }
.half-col:first-child {margin-right:2%; }
#website-url { width:100%; height:33px; padding:5px; background-color:#ffffff; border:1px solid #a4a2a3; color:#505050; font-size:13px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; }
#website-url::-webkit-input-placeholder { color:#a4a2a3; }
#website-url:-moz-placeholder { /* Firefox 18- */ color:#a4a2a3; }
#website-url::-moz-placeholder {  /* Firefox 19+ */ color:#a4a2a3; }
#website-url:-ms-input-placeholder { color:#a4a2a3; }

.input-portfolio-container { display:table; width:100%; height:33px; padding:0; background-color:#ffffff; border:1px solid #a4a2a3; }
.job-apply-container form input[type=submit] { display:block; max-width:133px; width:100%; margin:37px auto 0; background-color:#34adfe; line-height:46px; border:none; font-size:20px; text-align:center; color:#ffffff; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; font-family:"avenirLT","Tahoma","Arial","Helvetica","Calibri", sans-serif; font-weight:bold; }
.job-apply-container form input[type=submit].hoverBtn:hover { background-color:#144666; color:#ffffff; }
.j-a-c-social { margin:25px auto 60px; }
.j-a-c-social h3 { margin:0 auto 10px; text-align:center;  font-family:'avenirLT'; font-size:16px; font-weight:normal; color:#fff; }
.j-a-c-social ul { text-align:center; }
.j-a-c-social li { display:inline-block; margin:0 0 0 5px !important; }
.j-a-c-social li a { display:block; overflow:hidden; }
.j-a-c-social li a.hoverBtn:hover { -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; }
.j-a-c-social li a img { width:100%; height:auto;  }

#html_element { max-width: 302px; width: 100%; height: auto; margin-left:auto; margin-right:auto; }

#share-url ul li img {width:80px;}
.t-field {position:relative;}
.t-field button { position: absolute;  right: 52px;top: 1px;  border: none;height: 30px;outline: none;margin: 0;background-color: #e4e4e4;padding-left: 10px;padding-right: 10px; color: #0085ab}


/*******Media Queries********/
@media only screen and (max-width: 1200px) {

	.press-post-header .wrap { padding:20px 5%; }
	.h-banner, .layer-4 { background-position:center !important; background-size:cover !important; background-attachment:scroll !important; }
	.backToTopBtn { bottom:20%; right:1%; width:42px; height:42px; opacity:0.7;}
}

@media only screen and (max-width: 1150px) {
	.wrap { padding:0 1%; }
	.h-b-t-intro  { font-size:35px; }
	/*.l1-slider-container { max-width: 900px; width: 85%; }*/
	.l1-slider-container { width: 100%; margin:0 auto; padding:0; }
	.s-b-content { width:62%; margin-top: -5%; }
	.jobD-information-1 li { max-width:100% !important; width:100% !important; padding:5px; border-bottom:1px solid #eeeeee; text-align:left !important; }
}

@media only screen and (max-width: 1024px) {
	.h-b-t-intro  { font-size:26px; line-height:1.3; }
	.h-b-text { max-width:60%; min-width:60%; width:60%; padding:30px; }
	.h-b-text p.i1 { font-size: 28px; }
	.h-b-text p.i2 { margin: 27px auto 0; font-size: 24px; }
	.s-b-c-container { max-height:260px; }
	.mfp-custom .mfp-close { right:-6px; color:#ffffff; }
	.l4-jobWidget>li { max-width: 310px; width: 100%; }

	.press-page .wrap { min-height: initial; }
	.press-banner-title h2 { font-size: 35px; }
}
@media only screen and (max-width: 860px) {
	.s-b-c-container { max-height:250px; }
	.s-b-img, .s-b-content { float:none; display:block; }
	.s-b-img { width:50%; }
	.s-b-content { width:100%; padding:5px 0 0 0; margin-top:0; text-align:center; }
	.s-b-c-container { max-height:inherit; padding:0 20px; }
	.l1-slider-container {  margin: 10px auto 70px; padding: 0 0 10px 0; }
	.l1-slider-container .flex-control-nav { z-index: 5; left:0; right: 0; bottom:-40px !important; width:100%; }
}

@media only screen and (max-width: 810px) {

	.header-center { height:0 !important; }
	.buffer { display:none; }

	.h-banner.job-post-page { height:300px; }
	.layer-2b a.l2b-play-btn { -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow:none; }
	.jlc-sidebar { max-width:none; width:28%;}
	.jlc-mainList { max-width:none; width:71%; }
	.jobAlert-container h3 { font-size: 13px; line-height: 1.6; margin: 0 0 20px 0; }
	.l3-matterBox li { max-width: 40%; width:40%; margin: 0 2% 20px; padding:0 5px; }

	.jobpost-post-container .wrap { padding:0 40px; }
	.jobpost-icons-container li { max-width:20%; width:100%; margin:5px; }
	.jobD-information-1 li, .job-apply .jobD-information-1 li { max-width:100%; width:100%; padding:5px; border-bottom:1px solid #eeeeee; }

	.job-apply h2 { font-size:45px; }

}

@media only screen and (max-width: 757px) {

	.wrap { width:95%; box-sizing: border-box; }
	.h-banner { margin-bottom:30px; }
	.h-b-t-intro  { font-size:22px; line-height:1.3; }
	.h-banner,.h-b-image-container { height:480px; }
	.h-banner.job-post-page { height:240px; }
	.h-banner.career-page, .header-banner-slides .slides li { height: 360px; }
	.h-b-text { max-width: 45%; min-width: 45%; width: 100%; min-height: 200px; padding: 15px;background-color: rgba(3,24,35,0.3); }
	.h-banner.career-page .h-b-t-btn { max-width:280px; margin: 10px auto 0; font-size:16px; }
	#opportunities-abound .h-b-t-btn { max-width:290px; }
	.h-b-t-btn a { width:290px; height:52px; }
	.h-b-t-intro  { font-size:20px; line-height:1.3; }
	.h-b-text p.i1 , .h-b-text p.i2 { margin:0 auto 10px; font-size:20px; }
	.header-banner-slides .h-b-slide-1 { background-image:url('../images/careers_page/slides/slide_4_md.jpg'); }
	.header-banner-slides .h-b-slide-2 { background-image:url('../images/careers_page/slides/slide_2_md.jpg'); }
	.header-banner-slides .h-b-slide-3 { background-image:url('../images/careers_page/slides/slide_3_md.jpg'); }
	.header-banner-slides .h-b-slide-4 { background-image:url('../images/careers_page/slides/slide_1_md.jpg'); }
	.header-banner-slides .h-b-slide-5 { background-image:url('../images/careers_page/slides/slide_5_md.jpg'); }
	.header-banner-slides .h-b-slide-6 { background-image:url('../images/careers_page/slides/slide_6_md.jpg'); }
	.header-banner-slides .h-b-slide-7 { background-image:url('../images/careers_page/slides/slide_7_md.jpg'); }
	.header-banner-slides .h-b-slide-8 { background-image:url('../images/careers_page/slides/slide_8_md.jpg'); }
	.header-banner-slides .h-b-slide-9 { background-image:url('../images/careers_page/slides/slide_9_md.jpg'); }
	.header-banner-slides .h-b-slide-10 { background-image:url('../images/careers_page/slides/slide_10_md.jpg'); }
	.header-banner-slides .h-b-slide-11 { background-image:url('../images/careers_page/slides/slide_11_md.jpg'); }
	.l1-slider-container { position:static; width:100%; min-width:initial; margin:0 auto; padding:0 0 100px 0; }
	.l1-slider-container .flex-prev { top: 65%; left: 2%; }
	.l1-slider-container .flex-next { top: 65%; right: 2%; }
	.layer-header-blue, .layer-header-white { font-size:30px; }

	.jobListContainer { padding: 40px 0 0 0; }
	.jlc-sidebar { width:100%; margin:0 auto ; max-width:none; }
	.jlc-t-c-list, .jlc-t-c-list-loc { display:block; }
	.jlc-s-b1 { margin:0; }
	.jlc-s-b1:nth-child(2) { margin:25px auto 0 ; }
	.jlc-s-b1 h3 { text-align:center; line-height:40px; text-indent: 0;}
	.jlc-s-b1 .cat-job .custom-select-wrapper, .jlc-s-b1 .cat-loc .custom-select-wrapper { display:block; }
	.cat-job li, .cat-loc li { border-bottom:1px solid #eee; }
	.jlc-s-b1 .cat-job ,.jlc-s-b1 .cat-loc { padding:10px 30px 30px; }
	.jlc-s-b1-btn-res { display:block; }
	/*.jlc-find-jobs:before { content:"Browse Jobs"; display:block; margin:0 auto; background:#505050; text-transform: uppercase; font-size:16px; line-height:40px; font-weight:bold; color:#fff; text-align: center; border-bottom:2px solid #fff; }
	.jlc-job-alert:before { content:"Create Your Job Alert"; display:block; margin:0 auto; background:#505050; text-transform: uppercase; font-size:16px; line-height:40px; font-weight:bold; color:#fff; text-align: center; border-bottom:2px solid #fff; }*/
	.jlc-job-alert h3 {display:none;}
	.ja-submit-btn { max-width: 200px; line-height: 42px; }
	.jlc-tag-container, .jlc-tag-container-loc { display:block; }

	.jlc-m-title { display:none; }
	.jlc-m-listing { width:100%; }
	.jlc-m-listing li  { width:auto; margin:15px auto; box-sizing:border-box; background:#efefef; box-shadow:0 2px 7px rgba(0,0,0,0.2); }
	.jlc-m-listing a { padding:25px 10px; box-sizing: border-box; }
	.jlc-m-listing a>div { display:inline-block; width:50%; text-align:left !important; padding:5px; vertical-align:top; font-size:1.1em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
	.section-jobTitle { width:100% !important; font-size:15px !important; }
	/*.section-jobTitle:before { content:"Job Title";  }
	.section-type:before { content:"Type"; }
	.section-location:before { content:"Location"; }
	.section-category:before { content:"Category"; }
	.section-publication:before { content:"Publication"; }
	.jlc-m-listing div:before { color:#949494; display:block; font-weight:bold; font-size:0.75em; }*/

.section-jobTitleBefore, .section-typeBefore, .section-locationBefore, .section-categoryBefore, .section-publicationBefore { color:#949494; display:block; font-weight:bold; font-size:0.75em; }

	.show-all-list { padding:10px 0; text-indent:0; text-align: center; }
	.section-type, .section-location, .section-category, .section-publication { width:50% !important; display:inline-block !important; color:#454545; padding:2px 0; }
	.jobAlert-container { padding:20px 30px; }
	.jlc-mainList { width:100%; }

	.press-banner-title h2 { font-size:30px; }

	.j-p-c-sJP-jobTitle h2 { font-size:46px; }
	.j-p-c-title-container { margin: 20px auto 20px; }
	.j-p-c-applyBtnContainer a { padding: 12px; }

	/*****send me job post popup 757******/
	.inline-container { max-width:600px; min-height:200px; }

	/*****new gameloft values @757px*****/
	.g-v-values-tabs-nav .grid { display: block; margin-top:30px; }
	.g-v-values-tabs-nav .grid li { display: inline-block; min-width: inherit; max-width: inherit; margin: 0 2px; }
	.g-v-values-container article { width: 100%; }
	.g-v-values-container article p { font-size: 16px }

}

@media only screen and (max-width:640px) {
	.layer-1 .wrap > p, .layer-2 .wrap > p, .layer-3 .wrap > p, p { font-size: 14px; }
	.layer-1 .wrap > p { margin:30px auto 0; }
	.h-banner { margin-bottom:0; }
	.h-banner,.h-b-image-container { height:480px; }
	.h-banner.job-post-page { height:240px; }
	.h-banner.career-page, .header-banner-slides .slides li { height: 360px; }
	.h-b-text { max-width: 55%; min-width: 55%; width:100%; right: 50%; padding: 15px; background-color: rgba(3,24,35,0.3);
		-webkit-transform:translate(50% , -48%);
		   -moz-transform:translate(50% , -48%);
		    -ms-transform:translate(50% , -48%);
		     -o-transform:translate(50% , -48%);
		        transform:translate(50% , -48%);
	}
	.layer-1 { padding:20px 0; }
	.layer-2 li { width:40%; }
	.layer-2b a.l2b-play-btn { width:110px; height:110px; }
	.layer-3 p { margin:10px auto 0; }
	.jwidget-content h3.j-c-job-name { font-size:20px; padding-bottom:20px; }
	.l3-matterBox li { margin: 10px auto; padding:0 5px; }
	.l3-matterBox img { width:90%; }
	.l4-jobWidget>li { display: block; max-width: 280px; width: 280px; min-height: 280px; height: auto; padding: 20px; margin: 10px auto; }
	.jwidget-content { min-height:170px;}
	.jwidget-content { min-height: 170px; }

	.press-page .wrap { min-height: initial; }
	.press-banner-title { margin-top:70px; padding:0 5%; }
	.press-banner-title h2 { font-size: 24px; }
	.press-post-header .wrap { padding:20px 5%; }
	.p-p-l-articles { padding:40px 5%;  }
	.content-header { font-size:18px; }

	.jobpost-icons-container { padding:70px 0 50px; }
	.jobpost-icons-container li { max-width:22%; width:100%; margin:5px; }

	.j-p-c-sJP-jobTitle { display:table; vertical-align:middle; width:100%; height:100%; min-height:50px; text-align:center; }
	.j-p-c-sJP-jobTitle h2 { display:table-cell; vertical-align:middle; padding:10px; font-size:36px; }
	.j-i-1-div p { font-size:20px; }
	.jobTitle-navigation { left:0; right:0; }
	.j-p-c-sJP-pageNumber { display:block; width:100%; padding:6px 0; border-left:none; border-top:2px solid #ffffff; font-size:15px; }
	.j-p-c-title-container { margin: 20px auto 20px; }
	.j-p-c-applyBtnContainer li { display:block; width:70%; margin:0 auto 10px !important; }
	.j-p-c-applyBtnContainer a { width:100%; padding: 12px 0; }

	.jobD-information-1 li, .job-apply .jobD-information-1 li { max-width:100%; width:100%; padding:5px; border-bottom:1px solid #eeeeee; }
	.jobD-information-2 h2, .jobD-information-2 p, .jobD-information-2 li { font-size:15px; line-height:2; }
	.jobD-information-2 h2 { margin-bottom:10px; }
	.jobD-information-2 li { padding-left:5px; margin-left: 20px; }

	.j-p-c-jobAlert { padding:40px 0 60px; }
	.j-p-c-jobAlert form { width:90%; margin:0 auto; }

	.job-apply h2 { font-size:40px; }

	/*****send me job post popup 640******/
	.i-c-content-emailPost .i-c-c-caption { margin: 5px auto 10px; }
	.i-c-content-emailPost form input[type=submit] { display:inline-block; width:133px; height:33px; margin:0; background-color:#34adfe; color:#ffffff; text-transform: uppercase; border:none;}

}
@media only screen and (max-width:480px) {

  #share-url ul li img {width:75px;}
  .t-field button {right:48px;}

	.h-banner,.h-b-image-container { height:340px; }
	.h-banner.career-page, .header-banner-slides .slides li { height: 420px; }
	.h-banner.job-post-page { height:200px; }
	.h-b-text { max-width:65%; min-width: 65%; width: 100%; padding: 15px; }
	.h-b-text p.i1 { font-size:20px; }
	.h-b-text p.i2 { font-size:18px; }
	.h-b-t-btn { max-width:300px; width:100%; margin:20px auto 15px; }
	.h-b-t-btn a { width:300px; height:45px; font-size:14px; }
	.h-b-t-intro  { font-size:18px; line-height:1.3; }
	.s-b-img img { width: 100% !important; margin-top:-10%;  }
	/*.custom-navigation { display:none; }*/
	.l1-slider-container .flex-prev, .l1-slider-container .flex-next { top: 55%; }

	.header-banner-slides .slides li div { background-position:20% center; }
	.header-banner-slides .h-b-slide-1 { background-image:url('../images/careers_page/slides/slide_4_sm.jpg'); }
	.header-banner-slides .h-b-slide-2 { background-image:url('../images/careers_page/slides/slide_2_sm.jpg'); }
	.header-banner-slides .h-b-slide-3 { background-image:url('../images/careers_page/slides/slide_3_sm.jpg'); }
	.header-banner-slides .h-b-slide-4 { background-image:url('../images/careers_page/slides/slide_1_sm.jpg'); }
	.header-banner-slides .h-b-slide-5 { background-image:url('../images/careers_page/slides/slide_5_sm.jpg'); }
	.header-banner-slides .h-b-slide-6 { background-image:url('../images/careers_page/slides/slide_6_sm.jpg'); }
	.header-banner-slides .h-b-slide-7 { background-image:url('../images/careers_page/slides/slide_7_sm.jpg'); }
	.header-banner-slides .h-b-slide-8 { background-image:url('../images/careers_page/slides/slide_8_sm.jpg'); }
	.header-banner-slides .h-b-slide-9 { background-image:url('../images/careers_page/slides/slide_9_sm.jpg'); background-position:100% center !important; }
	.header-banner-slides .h-b-slide-10 { background-image:url('../images/careers_page/slides/slide_10_sm.jpg'); background-position: 0 center !important; }
	.header-banner-slides .h-b-slide-11 { background-image:url('../images/careers_page/slides/slide_11_sm.jpg'); background-position: 70% center !important; }

	.layer-1 .wrap > p { margin-bottom:10px; }
	.l1-slider-container {  margin: 10px auto 70px; padding: 0 0 10px 0; }

	.layer-2 li { width: 50%; height:auto; font-size:16px; }
	.layer-2 li span { margin:5px auto 15px; }
	.layer-2b { padding: 100px 0 160px; color: }
	.layer-2b a.l2b-play-btn { width:90px; height:90px; }
	.jobListContainer .intro { font-size:35px; }
	.jobAlert-container { padding:20px 40px; }
	.jlc-t-c-list,.jlc-t-c-list-loc { padding:5px; }
	.ri-grid-container li { width: 25%; }
	.owl-prev, .owl-next { width:5%; }
	.owl-prev { left:-5%; }
	.owl-next { right:-5%; }
	.l3-matterBox h3 { font-size: 16px; }
	.l3-matterBox li { max-width: 45%; width:100%; padding:10px 5px; }
	.l3-matterBox img { width: 80%; margin:0 auto 10px; }

	.select-options-container { float:none !important; }
  .select-options-container .bp-box { width: 100%; margin: 5px 0; }
  .select-options-container input[type="submit"] { width: 100%; margin-left: 0 !important; -webkit-appearance:none; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; border: 1px solid #333; }

  .drop-down { min-width:150px; width:100%; margin:10px 0 !important; }
  .drop-down .selected a { padding-right:0; min-width:150px; width:100%; }
  .drop-down .options ul{ min-width:170px; width:100%; }

	.jobpost-post-container .wrap { padding:0 20px; }
	.jobpost-icons-container { padding:50px 0 30px; }
	.jobpost-icons-container li { max-width:137px; width:100%; margin:5px; }

	.j-p-c-applyBtnContainer li { display:block; width:70%; margin:0 auto 10px !important; }
	.j-p-c-applyBtnContainer a { width:100%; padding: 12px 0; }

	.half-col { width:100%; margin-bottom:10px; }

	.j-p-c-sJP-jobTitle h2 { font-size:26px; }

	.job-apply h2 { font-size:32px; }

	/*****send me job post popup 480******/
	.i-c-content-emailPost form .i-c-c-f-captcha { transform: scale(0.77); }

	/*****new gameloft values @480px*****/
	.g-v-values-tabs-nav .grid { display: block; }
	.g-v-values-tabs-nav .grid li { display:block; width:100%; min-width: 100%; max-width: 100%; }
	.g-v-values-container article { width: 100%; }
	.g-v-values-container article p { font-size: 14px }
	.g-v-values-container article .g-v-a-img { float: none; width:50% !important; margin:30px auto; }
	.g-v-values-container article .g-v-a-text { float: none; width:100%; }

}

@media only screen and (max-width:440px) {
  .t-field button {right:43px;}
	.layer-header-blue { line-height:1.6; }
	.l3-matterBox { margin-top:15px; }
	.l3-matterBox li { max-width:90%; width:100%; padding:0 5px; }
	.l3-matterBox img { width:50%; }
	.layer-5 { padding-top:0; }
}

@media only screen and (max-width:320px) {
  #share-url ul li img {width: 55px;}
  .t-field button {right:28px;}
	.layer-header-blue, .layer-header-white { font-size:22px ; }
	.h-banner.career-page, .header-banner-slides .slides li { height: 320px; }
	.h-banner.job-post-page { height:140px; }
	.h-banner,.h-b-image-container { height:280px; }
	.h-b-t-intro { font-size:16px; }
	.h-b-text { max-width:70%; min-width:70%; width:100%; min-height:200px; }
	.h-b-text p.i1 { font-size: 16px; }
	.h-b-text p.i2 { font-size: 16px; margin:10px auto; }
	.h-b-box .h-b-t-btn { margin: 10px auto 0; }
	.h-b-box .h-b-t-btn a { width: 300px; height: 45px; font-size: 12px; }
	.header-banner-slides .slides li div.h-b-slide-2 { background-position:100% center; }
	.header-banner-slides .slides li div.h-b-slide-5 { background-position:90% center; }
	.header-banner-slides .slides li div.h-b-slide-7 { background-position:5% center; }
	.header-banner-slides .slides li div.h-b-slide-8 { background-position:40% center; }
	.header-banner-slides .slides li div.h-b-slide-9 { background-position:100% center !important; }
	.header-banner-slides .slides li div.h-b-slide-10 { background-position:50% center !important; }
	.header-banner-slides .slides li div.h-b-slide-11 { background-position:75% center !important; }
	.header-banner-slides .flex-control-paging li { margin: 0 8px; }
	.layer-1 { padding:20px 0; }
	.l1-slider-container .custom-navigation { display:none; }
	.layer-2 li { width: 140px; height:auto; font-size:13px; }
	.layer-2 li img { width: 80%; height:auto; }
	.layer-2 li span { width:100%; }
	.layer-2 p { margin: 20px auto; }
	.layer-3 p { font-size: 14px; margin: 10px auto; }
	.l3-matterBox h3 { font-size: 13px; }
	.l3-matterBox li { padding:0 5px; }
	.l4-jobWidget>li { max-width: 90%; width: 90%; min-height: 225px; }
	.l4-cta-btn { max-width:270px; }
	.l5-faq-container { margin-top:30px; }
	.jwidget-content h3.j-c-job-name { font-size: 18px; padding-bottom: 5px; }
	.jwidget-content { min-height: 120px; }
	.layer-1 .wrap > p, .layer-2 .wrap > p, .layer-3 .wrap > p, p { font-size: 12px; }
	.ja-submit-btn { max-width:none; line-height: 42px; }

	.press-banner-title h2 { font-size: 20px; }

	.jobListContainer { padding: 20px 0 0 0; }
	.jobpost-post-container .wrap { padding:0 15px; }
	.jobpost-icons-container li { max-width:120px; width:100%; margin:5px; }

	.jobD-information-1 li, .job-apply .jobD-information-1 li { padding:5px 0; border-bottom:1px solid #eeeeee; }
	.jobD-information-2 h2, .jobD-information-2 p, .jobD-information-2 li { font-size:15px; line-height:2; }
	.jobD-information-2 h2 { margin-bottom:10px; }
	.jobD-information-2 li { padding-left:5px; margin-left: 20px; }

	.j-p-c-sJP-jobTitle h2 { font-size:20px; padding: 10px 20px; }
	.j-p-c-applyBtnContainer li { display:block; width:80%; margin:0 auto 10px; }
	.j-p-c-applyBtnContainer a { width:100%; }
	.j-p-c-jobAlert form { width:90%; margin:0 auto; }
	.j-p-c-jobAlert form input[type=email], .j-p-c-jobAlert form input[type=submit].j-p-c-jAwrapper { height:42px; line-height:42px;}


	/*****send me job post popup 320******/
	.i-c-content-emailPost { margin:26px auto; }
	.i-c-content-emailPost form .i-c-c-f-captcha { transform-origin:30% 0; }

}

/***management page***/
.clear { display: block; width: 100%; clear: both; }
.management-container {
  font-family: 'avenirLT';
}
.management-container h2 { font-family: 'avenirLT', sans-serif; }

.m-l-container {
  padding: 95px 0 100px;
  max-width: 1200px;
  width: 100%;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.m-l-box {
  float: left;
  display: block;
  width: 50%;
  height: auto;
  max-height: 244px;
  margin: 44px 0;
  /*border:1px solid #ccc;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.m-l-img {
  display: inline-block;
  vertical-align: middle;
  max-width: 244px;
  width: 38%;
  height: auto;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  border: 1px solid rgba(0,0,0,0.1);
  overflow: hidden;
  text-align: center;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.m-l-img img {
    width: 100%;
    height: auto;
}
.m-l-description {
  display: inline-block;
  vertical-align: middle;
  width: 60%;
  padding: 0 20px;
  margin-left: -4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  text-transform: uppercase;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.m-l-description h5 {
  font-family: 'FuturaBT-BoldCondensed', 'Arial';
  font-size: 28px;
  color: #0099ff;
  line-height: 1.1;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.m-l-description p {
  font-family: "Frutiger-LightCn";
  font-size: 18px;
  color: #333;
  text-align: left;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.detail-container {
  position: relative;
  background: #e6e6e6;
  padding: 30px;
  max-width: 1196px;
  width: auto;
  margin: 20px auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.popup-modal-dismiss {
  position: absolute;
  right: 20px;
  top: 20px;
  display: inline-block;
}
.d-c-image {
  float: left;
  max-width: 500px;
  width: 42%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.d-c-image img {
  width: 100%;
  height: auto;
}
.d-c-details {
  float: left;
  width: 58%;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.d-c-details .d-c-d-name, .d-c-details .d-c-d-title {
  font-family: "Frutiger-LightCn";
}
.d-c-details .d-c-d-name {
  font-family: 'FuturaBT-BoldCondensed', 'Arial';
  font-size: 30px;
  font-weight: bold;
  color: #0099ff;
  line-height: 1.2;
  text-transform: uppercase;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.d-c-details .d-c-d-title {
  font-family: 'Frutiger-LightCn', 'Arial', sans-serif;
  margin-bottom: 30px;
  font-size: 18px;
  color: #8f8f8f;
  line-height: 1.1;
  text-transform: uppercase;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.d-c-details p {
  margin-bottom: 25px;
  font-family: 'Tahoma','Arial','Helvetica','Calibri',sans-serif;
  font-size: 15px;
  color: #333;
  line-height: 1.4;
  text-align: left;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

/* Magnific popup fade css */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -ms-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -ms-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}


@media only screen and (max-width:1024px) {
  .management-list {
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
  }
  .m-l-container {
    padding: 40px 0;
  }
  .m-l-description h5 {
    font-size: 26px;
  }
  .m-l-description p {
    font-size: 16px;
  }
}
@media only screen and (max-width:810px) {
  .m-l-box {
    margin: 20px auto;
  }
  .m-l-description h5 {
    font-size: 24px;
  }
  .m-l-description p {
    font-size: 14px;
  }
  .d-c-image {
    width: 35%;
    margin-top: 20px;
    border: 1px solid #ddd;
  }
  .d-c-details {
    width: 64%;
    padding: 20px;
  }
}
@media only screen and (max-width:768px) {
  .m-l-description {
    padding: 0 10px;
  }
  .m-l-description h5 {
    font-size: 20px;
  }
  .m-l-description p {
    font-size: 14px;
  }
}
@media only screen and (max-width:640px) {
  .m-l-description h5 {
    font-size: 17px;
  }
  .m-l-description p {
    font-size: 12px;
  }
  .d-c-image {
    width: 30%;
  }
  .d-c-details {
    width: 69%;
    padding: 20px;
  }
}
@media only screen and (max-width:490px) {
  .m-l-container {
    padding: 20px 0;
  }
  .m-l-box {
    float: none;
    display: block;
    max-width: 320px;
    width: 100%;
  }
  .m-l-img {
    width: 30%;
  }
  .m-l-description {
    width: 70%;
  }
  .popup-modal-dismiss {
    top: 10px;
    right: 10px;
  }
  .d-c-image {
    float: none;
    width: 35%;
    margin-top: 0;
  }
  .d-c-details {
    float: none;
    width: 100%;
    padding: 20px 0;
  }
  .d-c-details .d-c-d-name {
    font-size: 24px;
  }
  .d-c-details .d-c-d-title {
    font-size: 16px;
  }
  .d-c-details p {
    font-size: 16px;
  }
}

/* cookie banner */
.gl-cookie {
    font-size: 14px;
    font-weight: normal !important;
    z-index: 200;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 149, 243, 0.8);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    color: #ffffff;
    box-sizing: border-box;
    overflow: visible !important;
}

.gl-cookie .auto {
    max-width: 1145px;
    padding: 15px;
}

.gl-cookie .h-b-btn {
    margin: 0 4px;
    padding: 10px 20px;
    color: #ffffff !important;
    border-color: #ffffff !important;
}

.gl-cookie .h-b-btn:first-child {
    margin-left: 0;
}

.gl-cookie .h-b-btn:last-child {
    margin-right: 0;
}

.gl-cookie .h-b-btn.short {
    min-width: 170px;
}

.gl-cookie .h-b-btn:hover {
    background-color: #ffffff !important;
    color: #0095f3 !important;
    border-color: #ffffff !important;
}

.gl-cookie .gl-co-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 202px;
}

.gl-cookie .gl-co-capt {
    display: block;
    max-width: 75%;
    padding: 5px 0;
    line-height: 1.2;
    box-sizing: border-box;
}

.gl-cookie .gl-co-capt a {
    color: #000000;
    font-weight: bold;
}

.gl-cookie .gl-co-capt a:hover {
    color: #00375a;
}

.gl-cookie .gl-co-button {
    margin-top: 10px;
}

.gl-cookie .h-b-btn {
    min-width: 250px;
    /* padding: 20px 30px; */
    line-height: 1;
    border: 2px solid #ffffff;
    color: #ffffff;
    text-align: center;
    box-sizing: border-box;
    font-size: 18px;
}

.gl-cookie .h-b-btn:hover {
    background: #00bff3;
    border-color: #00bff3;
    color: #ffffff;
}

.gl-cookie .h-b-btn.short {
    min-width: 170px;
}

@media only screen and (max-width: 760px) {
    .gl-cookie .gl-co-capt {
        max-width: 760px;
        padding: 15px;
    }

    .gl-cookie .gl-co-button {
        float: none;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
}

@media only screen and (max-width: 640px) {
    .gl-cookie {
        font-size: 12px;
    }

    .gl-cookie .h-b-btn {
        font-size: 14px;
    }
}
