.left_con {
    width: 260px;
	position: absolute;
	right:0;
	top:80%;
	font-size:12px;
}
.gghh {
    background: rgba(0, 0, 0, 0) url(2c_03.png) no-repeat scroll center top;
    font-size: 14px;
    line-height: 26px;
    padding: 180px 0 25px;
}
a.jk {
    color: #06f;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
}
a.jk:hover {
    color: #039;
}
.tigg {
    width: 260px;
}
.tigg h3 {
    background: rgba(0, 0, 0, 0) url(tibg.gif) no-repeat scroll 0 0;
    color: #000;
    height: 29px;
    line-height: 29px;
    padding-left: 8px;
}
.tigg .txts {
    background: #fff none repeat scroll 0 0;
    border-left: 1px solid #dbe1e6;
    border-right: 1px solid #dbe1e6;
    padding: 4px 10px 2px;
    width: 238px;
}
.tigg .botom {
    background: rgba(0, 0, 0, 0) url(botm.gif) no-repeat scroll 0 0;
    height: 6px;
}
.txt_q {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 10px;
    padding: 8px 20px 10px;
    text-indent: 26px;
}


article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary
{
display:block;
}
audio,canvas,video
{
display:inline-block;
}
audio:not([controls])
{
display:none;
height:0;
}
[hidden]
{
display:none;
}
html
{
font-family:sans-serif;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
}
body
{
margin:0;
}
a:focus
{
outline:thin dotted;
}
a:active,a:hover
{
outline:0;
}
h1
{
font-size:2em;
}
abbr[title]
{
border-bottom:1px dotted;
}
b,strong
{
font-weight:bold;
}
dfn
{
font-style:italic;
}
mark
{
background:#ff0;
color:#000;
}
code,kbd,pre,samp
{
font-family:monospace,serif;
font-size:1em;
}
pre
{
white-space:pre;
white-space:pre-wrap;
word-wrap:break-word;
}
q
{
quotes:"\201C" "\201D" "\2018" "\2019";
}
small
{
font-size:80%;
}
sub,sup
{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;
}
sup
{
top:-0.5em;
}
sub
{
bottom:-0.25em;
}
img
{
border:0;
}
svg:not(:root)
{
overflow:hidden;
}
figure
{
margin:0;
}
fieldset
{
border:1px solid #c0c0c0;
margin:0 2px;
padding:0.35em 0.625em 0.75em;
}
legend
{
border:0;
padding:0;
}
button,input,select,textarea
{
font-family:inherit;
font-size:100%;
margin:0;
}
button,input
{
line-height:normal;
}
button,html input[type="button"],input[type="reset"],input[type="submit"]
{
-webkit-appearance:button;
cursor:pointer;
}
button[disabled],html input[disabled]
{
cursor:default;
}
input[type="checkbox"],input[type="radio"]
{
box-sizing:border-box;
padding:0;
}
input[type="search"]
{
-webkit-appearance:textfield;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration
{
-webkit-appearance:none;
}
button::-moz-focus-inner,input::-moz-focus-inner
{
border:0;
padding:0;
}
textarea
{
overflow:auto;
vertical-align:top;
}
table
{
border-collapse:collapse;
border-spacing:0;
}

a
{
outline:none;
}
a img
{
border:none;
}
a,a:link,a:visited,a:active
{
text-decoration:none;
}
a:hover,a:focus
{
text-decoration:underline;
}
:focus
{
outline:0}
b,strong
{
font-weight:bold;
}
em,i
{
font-style:italic;
}
.active,.active-trail
{
font-weight:bold;
}
ul li
{
list-style:none}
.cf:before,.cf:after
{
content:"";
display:table;
}
.cf:after
{
clear:both;
}
.cf
{
zoom:1;
}

.dlys{border-radius: 5px; position:relative; top:7px; width:60px; height:30px; background:#06F ; text-align:center; float:left; padding:0; margin:0; display:table; color:#fff; font-size:13px; line-height:30px;}



.field-name-body ol,.field-name-body ul
{
margin:0 0 0 10px;
}
.field-name-body ul li
{
list-style:square inside}
.tabs li
{
display:inline;
padding:0 10px}
.primary
{
padding:3px 0;
margin:4px 0;
}
.primary li
{
}
.secondary li
{
}
.pager li
{
display:inline-block;
}
.breadcrumb
{
margin:0;
}
ul.breadcrumb li
{
display:inline;
margin:0 0 0 10px;
}
.form-type-textfield
{
}
.form-type-checkbox
{
margin:0;
}
.form-type-radio
{
margin:0;
}
.form-type-textarea
{
margin:0;
}
.form-type-managed-file
{
margin:0;
}
fieldset
{
}
label
{
display:inline;
font-weight:bold;
}
textarea
{
}
input
{
}
input[type="radio"]
{
vertical-align:middle;
}
input[type="checkbox"]
{
vertical-align:middle}
.ie7 input[type="checkbox"]
{
vertical-align:baseline;
}
input[type="file"]
{
vertical-align:middle;
}
input[type="search"]
{
-webkit-appearance:textfield;
}
form small,form .description
{
font-size:12px;
color:#444;
display:block;
text-align:left;
}
.form-field-required
{
}
.form-field-required:after
{
content:" * "}
fieldset legend
{
.ie7 margin-left:-7px;
width:100%;
}
.block .content:before,.block .content:after
{
content:"";
display:table;
}
.block .content:after
{
clear:both;
}
.block .content
{
zoom:1;
}
body.toolbar div#admin-toolbar.vertical
{
top:130px;
}
body.toolbar-drawer div#admin-toolbar.vertical
{
top:66px;
}
#admin-toolbar
{
top:20px!important;
}
.page-admin-structure-block-demo .block-region
{
background:#ffff66;
border:1px dotted #9f9e00;
color:#000;
font:90% "Lucida Grande","Lucida Sans Unicode",sans-serif;
margin:0px;
padding:5px;
text-align:center;
text-shadow:none;
}

.feed
{
text-indent:-9999em;
}
.feed a.feed-icon
{
background:transparent url(/misc/feed.png);
width:16px;
height:16px;
display:block;
}
a.ical-icon div
{
background-color:#900;
color:#fff;
display:inline;
padding:2px;
}
.file a.file-icon
{
background:transparent url(/modules/file/icons/text-plain.png) no-repeat left center;
padding:2px 2px 2px 20px;
}
.file a.mime-application-pdf
{
background-image:url(/modules/file/icons/application-pdf.png)}
.file a.mime-application-octet-stream
{
background-image:url(/modules/file/icons/application-octet-stream.png)}
.file a.mime-application-x-executable
{
background-image:url(/modules/file/icons/application-x-executable.png)}
.file a.mime-audio-x-generic
{
background-image:url(/modules/file/icons/audio-x-generic.png)}
.file a.mime-image-x-generic
{
background-image:url(/modules/file/icons/image-x-generic.png)}
.file a.mime-package-x-generic
{
background-image:url(/modules/file/icons/package-x-generic.png)}
.file a.mime-text-html
{
background-image:url(/modules/file/icons/text-html.png)}
.file a.mime-text-plain
{
background-image:url(/modules/file/icons/text-plain.png)}
.file a.mime-text-x-generic
{
background-image:url(/modules/file/icons/text-x-generic.png)}
.file a.mime-text-x-script
{
background-image:url(/modules/file/icons/text-x-script.png)}
.file a.mime-video-x-generic
{
background-image:url(/modules/file/icons/video-x-generic.png)}
.file a.mime-x-office-document
{
background-image:url(/modules/file/icons/x-office-document.png)}
.file a.mime-x-office-presentation
{
background-image:url(/modules/file/icons/x-office-presentation.png)}
.file a.mime-x-office-spreadsheet
{
background-image:url(/modules/file/icons/x-office-spreadsheet.png)}
.table-order-asc,.table-order-desc
{
width:16px;
height:16px;
float:right}
.table-order-asc
{
background:transparent url(/misc/arrow-asc.png) no-repeat center top;
}
.table-order-desc
{
background:transparent url(/misc/arrow-desc.png) no-repeat center top;
}

@font-face
{
font-family:'blender_promedium';
src:url(/css/fonts/blenderpro-book-webfont.eot);
src:url(/css/fonts/blenderpro-book-webfont.eot?#iefix) format('embedded-opentype'),
	url(/css/fonts/blenderpro-book-webfont.woff) format('woff'),
	url(/css/fonts/blenderpro-book-webfont.ttf) format('truetype'),
	url(/css/fonts/blenderpro-book-webfont.svg#blender_probook) format('svg');
font-weight:normal;
font-style:normal;
}
@font-face
{
font-family:'blender_probook';
src:url(/css/fonts/blenderpro-medium-webfont.eot);
src:url(/css/fonts/blenderpro-medium-webfont.eot?#iefix) format('embedded-opentype'),
	url(/css/fonts/blenderpro-medium-webfont.woff) format('woff'),
	url(/css/fonts/blenderpro-medium-webfont.ttf) format('truetype'),
	url(/css/fonts/blenderpro-medium-webfont.svg#blender_promedium) format('svg');
font-weight:normal;
font-style:normal;
}
@font-face
{
    font-family:'Whitney SSm A';
    src:url(/css/fonts/whitney-book-webfont.eot);
    src:url(/css/fonts/whitney-book-webfont.eot?#iefix) format('embedded-opentype'),
        url(/css/fonts/whitney-book-webfont.woff) format('woff'),
        url(/css/fonts/whitney-book-webfont.ttf) format('truetype'),
        url(/css/fonts/whitney-book-webfont.svg#WhitneyBookRegular) format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face
{
    font-family:'Whitney SSm B';
    src:url(/css/fonts/whitney-bold-webfont.eot);
    src:url(/css/fonts/whitney-bold-webfont.eot?#iefix) format('embedded-opentype'),
        url(/css/fonts/whitney-bold-webfont.woff) format('woff'),
        url(/css/fonts/whitney-bold-webfont.ttf) format('truetype'),
        url(/css/fonts/whitney-bold-webfont.svg#WhitneyBold) format('svg');
    font-weight:normal;
    font-style:normal;
}
html,body
{
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
body
{
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:16px;
line-height:1.75em;
color:#5e5e5e;
font-weight:400;
}

body
{
font-size:16px;
}

h1,h2,h3,h4,h5
{
margin:0;
padding:0;
display:block;
word-wrap:break-word;
}
h1,h2,h3
{
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:40px;
font-weight:normal;
line-height:1.25em;
color:#212121;
}

h4
{
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:20px;
font-weight:400;
color:#212121;
line-height:1.25em;
margin:0 0 .5em 0;
}
p
{
margin:0;
padding:0 0 1.25em 0;
}
a
{
text-decoration:none;
color:#555;
}
a:hover
{
text-decoration:none;
}
label
{
font-weight:600;
}
strong
{
font-weight:600;
}
address
{
font-style:normal;
}
.active,.active-trail
{
font-weight:inherit;
}
a.title-category
{
margin:0;
padding:0;
line-height:1em;
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:16px;
color:#bcbcbc !important;
display:none;
}
.field-name-body ul,.field-name-body ol
{
padding-bottom:1.25em;
}
.field-name-body ul li,.field-name-body ol li
{
padding-bottom:.25em;
}
a.button
{
display:inline-block;
background-color:#000;
background-image:url(bg_button_arrow.png);
background-repeat:no-repeat;
background-position:right 16px;
color:#fff;
padding:10px 68px 10px 22px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:15px;
text-transform:uppercase;
text-decoration:none;
font-weight:600;
-webkit-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
a.button
{
background-image:url(bg_button_arrow@2x.png);
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}
.no-backgroundsize a.button
{
background-image:url(bg_button_arrow.png);
}

a.button
{
font-size:14px;
padding:8px 68px 8px 17px;
-webkit-backface-visibility:hidden;
}

a.button:hover,a.button:active
{
background-color:#333;
}
a.button.invert
{
background-color:#fff;
background-position:right -80px;
color:#000;
}
a.button.invert:hover,a.button.invert:active
{
background-color:rgba(255,255,255,0.85);
}
a.button.alt
{
border:2px solid #57a2d7;
position:relative;
padding:0;
width:196px;
height:48px;
background:none;
overflow:hidden;
color:#6ab5e7;
}

a.button.alt
{
height:46px;
}

a.button.alt span
{
line-height:13px;
padding:18px 22px 18px 17px;
background-image:url(bg_button_arrow.png);
background-repeat:no-repeat;
background-position:85px 17px;
display:block;
position:absolute;
text-indent:-9999px;
padding-right:22px;
width:100%;
top:-70px;
-webkit-transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
a.button.alt span
{
background-image:url(bg_button_arrow@2x.png);
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}
.no-backgroundsize a.button.alt span
{
background-image:url(bg_button_arrow.png);
}
@media screen and (max-width:1280px)
{
a.button.alt span
{
padding:14px 14px 14px 17px;
background-position:71px 14px;
}
}
a.button.alt span:first-child
{
background-position:149px -183px;
text-indent:0;
top:0;
text-align:left;
padding-right:0;
}
@media screen and (max-width:767px)
{
a.button.alt span
{
display:none;
}
a.button.alt span:first-child
{
display:block;
}
}
a.button.alt.corp
{
border-color:#f3e346;
color:#f3e346;
}
a.button.alt.corp span:first-child
{
background-position:149px -383px;
}
@media screen and (max-width:1280px)
{
a.button.alt.corp span:first-child
{
background-position:127px -387px;
}
}
a.button.alt.corp.readmore span
{
background-position:92px -1291px;
}
@media screen and (max-width:1280px)
{
a.button.alt.corp.readmore span
{
background-position:80px -1296px;
}
}
a.button.alt.corp.readmore span:first-child
{
background-position:165px -1392px;
}
@media screen and (max-width:1280px)
{
a.button.alt.corp.readmore span:first-child
{
background-position:140px -1396px;
}
}
a.button.alt.games
{
border-color:#e24995;
color:#e24995;
}
a.button.alt.games span
{
background-position:85px 17px;
}
@media screen and (max-width:1280px)
{
a.button.alt.games span
{
background-position:73px 13px;
}
}
a.button.alt.games span:first-child
{
background-position:149px -284px;
}
@media screen and (max-width:1280px)
{
a.button.alt.games span:first-child
{
background-position:126px -287px;
}
}
a.button.alt.blend
{
border-color:rgba(255,255,255,0.15);
color:#fff;
background-position:100px 17px;
}
@media screen and (max-width:1280px)
{
a.button.alt.blend
{
background-position:83px 13px;
}
}
a.button.alt.blend:first-child
{
background-position:169px 17px;
}
@media screen and (max-width:1280px)
{
a.button.alt.blend:first-child
{
background-position:146px 13px;
}
}
a.button.alt.blend:hover
{
border-color:rgba(255,255,255,0.15);
}
a.button.alt.long
{
width:274px !important;
}
@media screen and (max-width:1280px)
{
a.button.alt.long
{
width:240px !important;
}
}
a.button.alt.long span
{
background-position:127px 17px;
}
@media screen and (max-width:1280px)
{
a.button.alt.long span
{
background-position:112px 13px;
}
}
a.button.alt.long span:first-child
{
background-position:226px -183px;
}
a.button.alt.long.corp span:first-child
{
background-position:226px -383px;
}
@media screen and (max-width:1280px)
{
a.button.alt.long.corp span:first-child
{
background-position:196px -387px;
}
}
a.button.alt.long.games span:first-child
{
background-position:226px -282px;
}
@media screen and (max-width:1280px)
{
a.button.alt.long.games span:first-child
{
background-position:196px -285px;
}
}
a.button.alt.long.blend
{
width:98% !important;
}
a.button.alt.long.blend span
{
background-position:50% -1736px;
}
@media screen and (max-width:1280px)
{
a.button.alt.long.blend span
{
background-position:50% -1739px;
}
}
a.button.alt.long.blend span:first-child
{
background-position:right -1736px;
}
@media screen and (max-width:1280px)
{
a.button.alt.long.blend span:first-child
{
background-position:right -1739px;
}
}
a.button.alt.long.mono span
{
background-position:127px -80px;
}
@media screen and (max-width:1280px)
{
a.button.alt.long.mono span
{
background-position:112px -84px;
}
}
a.button.alt.long.mono span:first-child
{
background-position:226px -80px;
}
@media screen and (max-width:1280px)
{
a.button.alt.long.mono span:first-child
{
background-position:196px -84px;
}
}
a.button.alt.long.invert span
{
background-position:127px 17px;
}
a.button.alt.long.invert span:first-child
{
background-position:226px 17px;
}
@media screen and (max-width:1280px)
{
a.button.alt.long.invert span:first-child
{
background-position:196px 13px;
}
}
a.button.alt.long.readmore
{
width:282px;
}
a.button.alt.long.readmore span
{
background-position:128px -1291px;
}
@media screen and (max-width:1280px)
{
a.button.alt.long.readmore span
{
background-position:118px -1295px;
}
}
a.button.alt.long.readmore span:first-child
{
background-position:236px -1392px;
}
@media screen and (max-width:1280px)
{
a.button.alt.long.readmore span:first-child
{
background-position:207px -1396px;
}
}
@media screen and (min-width:768px)
{
a.button.alt:hover,a.button.alt:active,a.button.alt:focus
{
border-color:#fff;
background-color:transparent;
}
a.button.alt:hover span,a.button.alt:active span,a.button.alt:focus span
{
top:0;
}
a.button.alt:hover span:first-child,a.button.alt:active span:first-child,a.button.alt:focus span:first-child
{
top:43px;
}
}
@media screen and (min-width:768px) and screen and (max-width:767px)
{
a.button.alt:hover span:first-child,a.button.alt:active span:first-child,a.button.alt:focus span:first-child
{
top:0px;
}
}
a.button.alt.mono
{
border-color:#040404;
color:#040404;
}
a.button.alt.mono span
{
background-position:85px -80px;
}
@media screen and (max-width:1280px)
{
a.button.alt.mono span
{
background-position:73px -84px;
}
}
a.button.alt.mono span:first-child
{
background-position:149px -80px;
}
@media screen and (max-width:1280px)
{
a.button.alt.mono span:first-child
{
background-position:126px -84px;
}
}
a.button.alt.invert
{
border-color:#fff;
color:#fff;
width:216px;
}
@media screen and (max-width:1280px)
{
a.button.alt.invert
{
width:190px;
}
}
a.button.alt.invert:hover
{
background:transparent;
}
a.button.alt.invert span
{
background-position:100px 17px;
}
@media screen and (max-width:1280px)
{
a.button.alt.invert span
{
background-position:83px 13px;
}
}
a.button.alt.invert span:first-child
{
background-position:169px 17px;
}
@media screen and (max-width:1280px)
{
a.button.alt.invert span:first-child
{
background-position:146px 13px;
}
}
a.button-share
{
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:15px;
text-transform:uppercase;
font-weight:500;
color:#111;
background-image:url(bg_button_arrow.png);
background-repeat:no-repeat;
padding:4px 0 4px 37px;
-webkit-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
a.button-share
{
background-image:url(bg_button_arrow@2x.png);
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}
.no-backgroundsize a.button-share
{
background-image:url(bg_button_arrow.png);
}

a.button-share
{
font-size:14px;
}

a.button-share.twitter
{
background-position:0px -499px;
margin-right:20px;
}
a.button-share.facebook
{
background-position:-12px -900px;
padding-left:27px;
margin-right:20px;
}
a.button-share.youtube
{
background-position:0px -2298px;
padding-left:41px;
}
a.button-share:hover
{
color:#666;
}
a.button-share.games
{
color:#d4468e;
}
a.button-share.games.twitter
{
background-position:0px -699px;
}
a.button-share.games.facebook
{
background-position:-12px -1101px;
}
a.button-share.games.youtube
{
background-position:0px -2298px;
}
a.button-share.games:hover
{
color:#666;
}
a.button-share.corp
{
color:#f2e537;
}
a.button-share.corp:hover
{
color:#fff !important;
}
a.button-share.corp.twitter
{
background-position:0px -799px;
}
a.button-share.corp.facebook
{
background-position:-12px -1201px;
}
a.button-share.corp:hover
{
color:#666;
}
a.button-share.alt
{
color:#fff;
}
a.button-share.alt:hover
{
color:#ccc;
}
a.button-plain
{
color:#222;
font-size:16px;
text-transform:uppercase;
font-weight:600;
-webkit-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
}
@media screen and (max-width:1280px)
{
a.button-plain
{
font-size:13px;
}
}
@media screen and (max-width:767px)
{
a.button-plain
{
font-size:13px;
}
}
a.button-plain.arrow
{
background-image:url(bg_button_arrow.png);
background-repeat:no-repeat;
padding-right:16px;
background-position:right -1939px;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
a.button-plain.arrow
{
background-image:url(bg_button_arrow@2x.png);
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}
.no-backgroundsize a.button-plain.arrow
{
background-image:url(bg_button_arrow.png);
}
@media screen and (max-width:1280px)
{
a.button-plain.arrow
{
background-position:right -1940px;
}
}
a.button-plain:hover
{
-moz-opacity:0.65;
-khtml-opacity:0.65;
-webkit-opacity:0.65;
opacity:0.65;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65);
filter:alpha(opacity=65);
color:#000;
}
header.main
{
width:1600px;
margin:0 auto;
background:#000;
height:100px;
position:fixed;
z-index:99;
top:0;
left:50%;
margin-left:-800px;
}
header.main.hero-feature-mode
{
top:-500px !important;
-webkit-transition:all 2s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 2s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 2s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 2s cubic-bezier(0.645,0.045,0.355,1);
transition:all 2s cubic-bezier(0.645,0.045,0.355,1);
}
body.admin-menu header.main.hero-feature-mode
{
top:-500px !important;
}


header.main
{
width:1200px;
margin-left:-600px;
height:78px;
}



body.admin-menu header.main
{
top:29px !important;
}
@media screen and (max-width:1023px)
{
body.admin-menu header.main
{
top:0 !important;
}
}
header.main .siteinfo
{
float:left;
width:112px;
}
@media screen and (max-width:1680px)
{
header.main .siteinfo
{
width:88px;
}
}
@media screen and (max-width:1280px)
{
header.main .siteinfo
{
width:71px;
margin-top:2px;
margin-left:5px;
}
}
@media screen and (max-width:767px)
{
header.main .siteinfo
{
width:56px;
margin:0 0 0 2px;
position:absolute;
z-index:9;
}
}
header.main .siteinfo h1,header.main .siteinfo h5
{
line-height:1em;
margin:12px 0 0 30px;
}
@media screen and (max-width:1680px)
{
header.main .siteinfo h1,header.main .siteinfo h5
{
margin:17px;
}
}
@media screen and (max-width:1280px)
{
header.main .siteinfo h1,header.main .siteinfo h5
{
margin:14px;
}
}
@media screen and (max-width:1023px)
{
header.main .siteinfo h1,header.main .siteinfo h5
{
margin:13px;
}
}
@media screen and (max-width:767px)
{
header.main .siteinfo h1,header.main .siteinfo h5
{
margin:0;
}
}
header.main .siteinfo h1 a,header.main .siteinfo h5 a
{
display:block;
height:82px;
text-indent:-9999px;
outline:none;
background-image:url(ico.png);
background-size: 85%;
background-repeat:no-repeat;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
header.main .siteinfo h1 a,header.main .siteinfo h5 a
{
background-image:url(ico.png);
background-size: 100%;
background-size: 100%;
-webkit-background-size:61px 49px;
-moz-background-size:61px 49px;
-o-background-size:61px 49px;
background-size:61px 49px;
}
}
.no-backgroundsize header.main .siteinfo h1 a,.no-backgroundsize header.main .siteinfo h5 a
{
background-image:url(ico.png);
background-size: 100%;
}
@media screen and (max-width:1680px)
{
header.main .siteinfo h1 a,header.main .siteinfo h5 a
{
-webkit-background-size:100% auto;
-moz-background-size:100% auto;
-o-background-size:100% auto;
background-size:100% auto;
}
}
@media screen and (max-width:767px)
{
header.main .siteinfo h1 a,header.main .siteinfo h5 a
{
background-size:30px auto;
background-position:13px;
height:24px;
position:relative;
z-index:100;
padding:13px;
}
}
header.main .toggle-mobile
{
display:none;
}
@media screen and (max-width:767px)
{
header.main .toggle-mobile
{
display:block;
position:absolute;
outline:none;
top:0;
right:0;
width:50px;
width:100%;
background:#000;
height:50px;
cursor:pointer;
z-index:2;
overflow:hidden;
}
header.main .toggle-mobile span
{
outline:none;
position:absolute;
-webkit-transform:translate3d(0,-50px,0);
-moz-transform:translate3d(0,-50px,0);
-o-transform:translate3d(0,-50px,0);
-ms-transform:translate3d(0,-50px,0);
transform:translate3d(0,-50px,0);
-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.645,0.045,0.355,1);
transition:transform 0.4s cubic-bezier(0.645,0.045,0.355,1);
right:0;
display:block;
width:50px;
height:100px;
text-indent:-9999px;
background:url(btn_mobile_menu.png) no-repeat;
-webkit-background-size:50px auto;
-moz-background-size:50px auto;
-o-background-size:50px auto;
background-size:50px auto;
}
header.main .toggle-mobile.visible span
{
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
}
header.main .main-menu
{
float:left;
width:auto;
width:1200px;
margin:0;
padding:35px 0 0 0;
padding:0;
}
@media screen and (max-width:1680px)
{
header.main .main-menu
{
width:1110px;
}
}
@media screen and (max-width:1280px)
{
header.main .main-menu
{
width:768px;
}
}
@media screen and (max-width:1023px)
{
header.main .main-menu
{
width:512px;
}
}
@media screen and (max-width:767px)
{
header.main .main-menu
{
position:absolute;
width:100%;
float:none;
padding:0;
top:0;
right:0;
height:auto;
overflow:hidden;
-webkit-transition:-webkit-transform 0.35s cubic-bezier(0.645,0.045,0.355,1);
transition:transform 0.35s cubic-bezier(0.645,0.045,0.355,1);
background:#000;
-webkit-transform:translate3d(0,-360px,0);
-moz-transform:translate3d(0,-360px,0);
-o-transform:translate3d(0,-360px,0);
-ms-transform:translate3d(0,-360px,0);
transform:translate3d(0,-360px,0);
}
header.main .main-menu.visible
{
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
}
header.main .main-menu ul
{
margin:0;
padding:35px 0 34px 0;
background:#000;
line-height:1em;
list-style-type:none;
font-size:0;
position:relative;
}
@media screen and (max-width:1680px)
{
header.main .main-menu ul
{
padding:15px 0 0 0;
}
}
@media screen and (max-width:1280px)
{
header.main .main-menu ul
{
padding:15px 0 0 0;
}
}
@media screen and (max-width:767px)
{
header.main .main-menu ul
{
margin-top:49px;
background:transparent;
width:100%;
padding:8px 0;
display:block;
top:0px;
right:0;
-webkit-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
}
}
header.main .main-menu ul li
{
display:inline-block;
margin:0 0 0 60px;
padding:0;
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:19px;
line-height:1em;
letter-spacing:0.05em;
}
header.main .main-menu ul li h1
{
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:19px;
margin:0;
padding:0;
line-height:1em;
}
@media screen and (max-width:1680px)
{
header.main .main-menu ul li
{
margin-left:42px;
}
header.main .main-menu ul li h1
{
font-size:17px;
}
}
@media screen and (max-width:1280px)
{
header.main .main-menu ul li
{
font-size:15px;
margin-left:18px;
}
header.main .main-menu ul li h1
{
font-size:15px;
}
}
header.main .main-menu ul li:first-child
{
margin-left:44px;
}
@media screen and (max-width:1680px)
{
header.main .main-menu ul li:first-child
{
margin-left:27px;
}
}
@media screen and (max-width:1280px)
{
header.main .main-menu ul li:first-child
{
margin-left:18px;
}
}
@media screen and (max-width:767px)
{
header.main .main-menu ul li
{
display:block;
margin-left:0 !important;
margin-right:16px;
font-size:19px;
text-align:center;
text-align:right;
z-index:8;
}
header.main .main-menu ul li h1
{
font-size:19px;
}
}
header.main .main-menu ul li a
{
display:block;
color:#bbbbbb;
text-decoration:none;
outline:none;
white-space:nowrap;
-webkit-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
}
@media screen and (max-width:767px)
{
header.main .main-menu ul li a
{
padding:10px 0;
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition:none;
-webkit-transition:none !important;
-moz-transition:none !important;
-ms-transition:none !important;
-o-transition:none !important;
transition:none !important;
width:auto;
display:inline-block;
}
}
header.main .main-menu ul li a:hover,header.main .main-menu ul li a:active,header.main .main-menu ul li a.active,header.main .main-menu ul li a.active-trail
{
color:#fff;
font-weight:normal;
}
header.main .main-menu ul li.open ul
{
top:100px;
}
@media screen and (max-width:1680px)
{
header.main .main-menu ul li.open ul
{
top:78px;
}
}
@media screen and (max-width:1280px)
{
header.main .main-menu ul li.open ul
{
top:68px;
}
}
header.main .main-menu ul li.open ul li a
{
top:0px;
color:#989893;
-webkit-transition:all 0.4s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.4s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.4s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.4s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.4s cubic-bezier(0.645,0.045,0.355,1);
}
header.main .main-menu ul li.open ul li a:hover,header.main .main-menu ul li.open ul li a.active,header.main .main-menu ul li.open ul li a.active-trail
{
color:#fff;
font-weight:normal;
}
header.main .main-menu ul li.open ul li a:hover
{
-webkit-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
}
header.main .main-menu ul ul
{
height:98px;
overflow:hidden;
position:absolute;
width:1600px;
background-color:rgba(0,0,0,0.65);
left:-112px;
top:-120px;
text-align:left;
z-index:-1;
padding:0;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
}
@media screen and (max-width:1680px)
{
header.main .main-menu ul ul
{
width:1200px;
left:-88px;
height:78px;
}
}
@media screen and (max-width:1280px)
{
header.main .main-menu ul ul
{
width:1024px;
left:-76px;
height:68px;
}
}
@media screen and (max-width:1023px)
{
header.main .main-menu ul ul
{
width:768px;
height:68px;
}
}
@media screen and (max-width:767px)
{
header.main .main-menu ul ul
{
display:none;
height:124px;
}
}
header.main .main-menu ul ul li
{
margin-top:34px;
}
@media screen and (max-width:1680px)
{
header.main .main-menu ul ul li
{
margin-top:25px;
}
}
@media screen and (max-width:1280px)
{
header.main .main-menu ul ul li
{
margin-top:20px;
}
}
@media screen and (max-width:767px)
{
header.main .main-menu ul ul li
{
margin-top:0px;
margin-right:0;
}
}
header.main .main-menu ul ul li:first-child
{
margin-left:461px;
}
@media screen and (max-width:1680px)
{
header.main .main-menu ul ul li:first-child
{
margin-left:359px;
}
}
@media screen and (max-width:1280px)
{
header.main .main-menu ul ul li:first-child
{
margin-left:280px;
}
}
@media screen and (max-width:767px)
{
header.main .main-menu ul ul li:first-child
{
margin-left:0;
margin-top:10px;
}
}
header.main .main-menu ul ul li a
{
position:relative;
top:-60px;
top:0;
-webkit-transition:all 0.4s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.4s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.4s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.4s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.4s cubic-bezier(0.645,0.045,0.355,1);
color:#989893;
}



div.search
{
position:absolute;
right:0;
top:0;
bottom:0;
}
html.no-js div.search
{
display:none;
}
@media screen and (max-width:767px)
{
div.search
{
position:relative;
top:auto;
left:0;
background:#000;
background:transparent;
height:30px;
padding:0 20px 30px 20px;
margin-top:-1px;
}
}
div.search #search-input
{
background:transparent;
padding:0;
margin:0;
border:none;
border-bottom:1px solid #404040;
appearance:normal;
-moz-appearance:normal;
-webkit-appearance:normal;
-webkit-border-radius:0;
border-radius:0;
box-shadow:none;
height:20px;
width:280px;
color:#c0c0c0;
font-style:italic;
font-size:16px;
position:absolute;
right:60px;
top:50%;
margin-top:-75px;
-webkit-transition:margin-top 0.3s cubic-bezier(0.645,0.045,0.355,1),background-position 0.3s cubic-bezier(0.645,0.045,0.355,1) 0.5s;
-moz-transition:margin-top 0.3s cubic-bezier(0.645,0.045,0.355,1),background-position 0.3s cubic-bezier(0.645,0.045,0.355,1) 0.5s;
-ms-transition:margin-top 0.3s cubic-bezier(0.645,0.045,0.355,1),background-position 0.3s cubic-bezier(0.645,0.045,0.355,1) 0.5s;
-o-transition:margin-top 0.3s cubic-bezier(0.645,0.045,0.355,1),background-position 0.3s cubic-bezier(0.645,0.045,0.355,1) 0.5s;
transition:margin-top 0.3s cubic-bezier(0.645,0.045,0.355,1),background-position 0.3s cubic-bezier(0.645,0.045,0.355,1) 0.5s;
background-image:url(search_loader.gif);
background-repeat:no-repeat;
background-position:right -5px;
}
body.i18n-ja div.search #search-input
{
line-height:20px;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
div.search #search-input
{
background-image:url(search_loader@2x.gif);
-webkit-background-size:20px 4px;
-moz-background-size:20px 4px;
-o-background-size:20px 4px;
background-size:20px 4px;
}
}
.no-backgroundsize div.search #search-input
{
background-image:url(search_loader.gif);
}
div.search #search-input::-webkit-input-placeholder
{
color:#6b6b6b;
}
div.search #search-input:-moz-placeholder
{
color:#6b6b6b;
opacity:1;
}
div.search #search-input::-moz-placeholder
{
color:#6b6b6b;
opacity:1;
}
div.search #search-input:-ms-input-placeholder
{
color:#6b6b6b;
}
div.search #search-input.active
{
margin-top:-10px;
}
div.search #search-input.loading
{
background-position:right 5px;
-webkit-transition:margin-top 0.3s cubic-bezier(0.645,0.045,0.355,1),background-position 0.3s cubic-bezier(0.645,0.045,0.355,1) 0s;
-moz-transition:margin-top 0.3s cubic-bezier(0.645,0.045,0.355,1),background-position 0.3s cubic-bezier(0.645,0.045,0.355,1) 0s;
-ms-transition:margin-top 0.3s cubic-bezier(0.645,0.045,0.355,1),background-position 0.3s cubic-bezier(0.645,0.045,0.355,1) 0s;
-o-transition:margin-top 0.3s cubic-bezier(0.645,0.045,0.355,1),background-position 0.3s cubic-bezier(0.645,0.045,0.355,1) 0s;
transition:margin-top 0.3s cubic-bezier(0.645,0.045,0.355,1),background-position 0.3s cubic-bezier(0.645,0.045,0.355,1) 0s;
}
@media screen and (max-width:1280px)
{
div.search #search-input
{
font-size:13px;
right:56px;
}
}
@media screen and (max-width:1023px)
{
div.search #search-input
{
width:120px;
}
}
@media screen and (max-width:767px)
{
div.search #search-input
{
display:none;
}
}
div.search #search-icon
{
display:block;
background:transparent;
padding:0;
margin:0;
border:none;
appearance:normal;
-moz-appearance:normal;
-webkit-appearance:normal;
box-shadow:none;
text-indent:-9999em;
cursor:pointer;
position:absolute;
right:30px;
top:50%;
margin-top:-10px;
opacity:0.3;
-webkit-transition:opacity 0.3s ease-in-out;
-moz-transition:opacity 0.3s ease-in-out;
-ms-transition:opacity 0.3s ease-in-out;
transition:opacity 0.3s ease-in-out;
width:20px;
height:20px;
background-image:url(search-icon.png);
background-repeat:no-repeat;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
div.search #search-icon
{
background-image:url(search-icon@2x.png);
-webkit-background-size:20px 20px;
-moz-background-size:20px 20px;
-o-background-size:20px 20px;
background-size:20px 20px;
}
}
.no-backgroundsize div.search #search-icon
{
background-image:url(search-icon.png);
}
div.search #search-icon:hover,div.search #search-icon:active,div.search #search-icon.active
{
opacity:1;
}
@media screen and (max-width:1280px)
{
div.search #search-icon
{
width:16px;
height:16px;
-webkit-background-size:16px;
-moz-background-size:16px;
-o-background-size:16px;
background-size:16px;
margin-top:-8px;
}
}
@media screen and (max-width:767px)
{
div.search #search-icon
{
display:none;
}
}
div.search #search-button
{
display:none;
}
@media screen and (max-width:767px)
{
div.search #search-button
{
display:inline-block;
position:absolute;
right:16px;
appearance:normal;
-moz-appearance:normal;
-webkit-appearance:normal;
border:none;
color:#fff;
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:19px;
background-image:url(search-icon.png);
background-repeat:no-repeat;
-webkit-background-size:13px 13px !important;
-moz-background-size:13px 13px !important;
-o-background-size:13px 13px !important;
background-size:13px 13px !important;
padding-left:22px;
background-position:0 6px;
opacity:0.316;
letter-spacing:0.05em;
font-weight:400;
}
.no-backgroundsize div.search #search-button
{
background-image:url(search-icon.png);
}
}
@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
div.search #search-button
{
background-image:url(search-icon@2x.png);
-webkit-background-size:14px 14px;
-moz-background-size:14px 14px;
-o-background-size:14px 14px;
background-size:14px 14px;
}
}
div#search-results
{
width:1600px;
margin:0 auto;
background:#1c1c1c;
position:fixed;
z-index:90;
top:-100%;
margin-top:0;
left:50%;
margin-left:-800px;
padding:60px 157px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
text-rendering:auto !important;
-webkit-transition:all 0.4s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.4s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.4s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.4s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.4s cubic-bezier(0.645,0.045,0.355,1);
}
div#search-results.search-results-mobile
{
-webkit-transition:all 0s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0s cubic-bezier(0.645,0.045,0.355,1);
top:0;
left:0;
position:relative;
margin:0 !important;
}
@media screen and (max-width:767px)
{
div#search-results.search-results-mobile .search-pagination
{
display:none;
}
}
div#search-results.active
{
top:0;
margin-top:100px;
}
body.admin-menu div#search-results.active
{
margin-top:129px;
}
@media screen and (max-width:1680px)
{
div#search-results
{
width:1200px;
margin-left:-600px;
padding:50px 117px;
}
div#search-results.active
{
margin-top:78px;
}
body.admin-menu div#search-results.active
{
margin-top:107px;
}
}
@media screen and (max-width:1280px)
{
div#search-results
{
width:1024px;
margin-left:-512px;
padding:40px 96px;
}
div#search-results.active
{
margin-top:68px;
}
body.admin-menu div#search-results.active
{
margin-top:97px;
}
}
@media screen and (max-width:1023px)
{
div#search-results
{
width:768px;
margin-left:-384px;
padding:60px 95px;
}
body.admin-menu div#search-results.active
{
margin-top:68px;
}
}
@media screen and (max-width:767px)
{
div#search-results
{
width:100%;
margin-left:0;
left:0;
padding:10px 15px;
}
div#search-results.active
{
margin-top:50px;
}
}
div#search-results .search-title,.search-results-mobile .search-title
{
border:none;
margin:0;
padding:0;
color:#fff;
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:32px;
margin-bottom:10px;
}
@media screen and (max-width:767px)
{
div#search-results .search-title,.search-results-mobile .search-title
{
display:none;
}
}
div#search-results div.search-summary,.search-results-mobile div.search-summary
{
border:none;
margin:0;
padding:0;
color:#fff;
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:18px;
margin-bottom:10px;
}
div#search-results div.search-summary .page-right,.search-results-mobile div.search-summary .page-right
{
float:right;
}
@media screen and (max-width:767px)
{
div#search-results div.search-summary .page-right,.search-results-mobile div.search-summary .page-right
{
display:none;
}
}
div#search-results h2,.search-results-mobile h2
{
color:#fff;
font-size:18px;
margin-bottom:30px;
text-transform:uppercase;
}
div#search-results h2 span,.search-results-mobile h2 span
{
color:#fff !important;
font-style:normal !important;
}
div#search-results a.result,.search-results-mobile a.result
{
display:block;
border-bottom:1px solid #333;
cursor:pointer;
padding:18px 0 20px 0;
opacity:1;
}
@media screen and (max-width:1023px)
{
div#search-results a.result,.search-results-mobile a.result
{
padding:6px 0 9px 0;
}
}
div#search-results a.result h3,.search-results-mobile a.result h3
{
float:left;
font-size:18px;
padding-right:20px;
margin:3px 0;
width:200px;
color:#939393;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-webkit-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
}
@media screen and (max-width:1023px)
{
div#search-results a.result h3,.search-results-mobile a.result h3
{
display:block;
float:none;
color:#616161;
font-size:16px;
text-align:left;
margin:5px 0 3px 0;
padding:0;
width:auto;
color:#fff;
}
}
div#search-results a.result .metadata,.search-results-mobile a.result .metadata
{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-size:14px;
padding:0;
color:#575757;
-webkit-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
}
@media screen and (max-width:1023px)
{
div#search-results a.result .metadata,.search-results-mobile a.result .metadata
{
color:#939393;
}
}
div#search-results a.result:hover h3,.search-results-mobile a.result:hover h3,div#search-results a.result:hover .metadata,.search-results-mobile a.result:hover .metadata
{
color:#fff !important;
}
div#search-results.loading a.result,.search-results-mobile.loading a.result
{
opacity:0.5;
}
div#search-results .search-pagination,.search-results-mobile .search-pagination
{
border-color:#333;
margin-top:0;
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:16px;
padding-top:25px;
}
@media screen and (max-width:767px)
{
div#search-results .search-pagination,.search-results-mobile .search-pagination
{
padding-bottom:15px;
}
}
div#search-results .search-pagination a,.search-results-mobile .search-pagination a
{
border:1px solid #333;
border-radius:3px;
color:#939393;
position:relative;
line-height:30px;
height:30px;
padding:0 15px;
display:inline-block;
-webkit-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
}
@media screen and (min-width:768px)
{
div#search-results .search-pagination a:hover,.search-results-mobile .search-pagination a:hover
{
color:#fff;
border-color:#fff;
}
}
div#search-results .search-pagination a:before,.search-results-mobile .search-pagination a:before
{
content:'';
background-image:url(search_loader_gray.gif);
background-repeat:no-repeat;
display:inline-block;
width:20px;
height:32px;
position:absolute;
right:-30px;
top:0;
background-position:0 -4px;
-webkit-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
-webkit-transition-delay:0.5s;
-moz-transition-delay:0.5s;
-ms-transition-delay:0.5s;
-o-transition-delay:0.5s;
transition-delay:0.5s;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
div#search-results .search-pagination a:before,.search-results-mobile .search-pagination a:before
{
background-image:url(search_loader_gray@2x.gif);
-webkit-background-size:20px 4px;
-moz-background-size:20px 4px;
-o-background-size:20px 4px;
background-size:20px 4px;
}
}
.no-backgroundsize div#search-results .search-pagination a:before,.no-backgroundsize .search-results-mobile .search-pagination a:before
{
background-image:url(search_loader_gray.gif);
}
div#search-results .search-pagination a.loading:before,.search-results-mobile .search-pagination a.loading:before
{
background-position:0 center;
-webkit-transition-delay:0s;
-moz-transition-delay:0s;
-ms-transition-delay:0s;
-o-transition-delay:0s;
transition-delay:0s;
}
div#search-results .search-pagination a.next,.search-results-mobile .search-pagination a.next
{
float:right;
}
div#search-results .search-pagination a.next:before,.search-results-mobile .search-pagination a.next:before
{
left:-30px;
right:auto;
}
div#search-results .search-pagination .clear,.search-results-mobile .search-pagination .clear
{
clear:both;
}
div#search-results .search-close,.search-results-mobile .search-close
{
background-image:url(search_close_icon.png);
background-repeat:no-repeat;
display:inline-block;
height:20px;
width:20px;
cursor:pointer;
position:absolute;
right:30px;
top:30px;
-webkit-transition:opacity 0.3s ease-in-out;
-moz-transition:opacity 0.3s ease-in-out;
-ms-transition:opacity 0.3s ease-in-out;
transition:opacity 0.3s ease-in-out;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
div#search-results .search-close,.search-results-mobile .search-close
{
background-image:url(search_close_icon@2x.png);
-webkit-background-size:20px 20px;
-moz-background-size:20px 20px;
-o-background-size:20px 20px;
background-size:20px 20px;
}
}
.no-backgroundsize div#search-results .search-close,.no-backgroundsize .search-results-mobile .search-close
{
background-image:url(search_close_icon.png);
}
div#search-results .search-close:hover,.search-results-mobile .search-close:hover
{
opacity:0.3;
}
div#search-results .search-loader,.search-results-mobile .search-loader
{
background-image:url(search_loader_gray.gif);
background-repeat:no-repeat;
-webkit-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
display:none;
width:20px;
height:4px;
margin:20px auto;
background-position:0 -4px;
text-indent:-999em;
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:16px;
color:#393939;
-webkit-transition-delay:0.5s;
-moz-transition-delay:0.5s;
-ms-transition-delay:0.5s;
-o-transition-delay:0.5s;
transition-delay:0.5s;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
div#search-results .search-loader,.search-results-mobile .search-loader
{
background-image:url(search_loader_gray@2x.gif);
-webkit-background-size:20px 4px;
-moz-background-size:20px 4px;
-o-background-size:20px 4px;
background-size:20px 4px;
}
}
.no-backgroundsize div#search-results .search-loader,.no-backgroundsize .search-results-mobile .search-loader
{
background-image:url(search_loader_gray.gif);
}
div#search-results .search-loader.loading,.search-results-mobile .search-loader.loading
{
background-position:0 0;
-webkit-transition-delay:0s;
-moz-transition-delay:0s;
-ms-transition-delay:0s;
-o-transition-delay:0s;
transition-delay:0s;
}
div#search-results .search-loader.all-loaded,.search-results-mobile .search-loader.all-loaded
{
background:transparent;
width:100%;
height:auto;
text-indent:0;
text-align:center;
}
@media screen and (max-width:767px)
{
div#search-results .search-loader,.search-results-mobile .search-loader
{
display:block;
}
}
.page-s .article-title
{
display:none;
}
.page-s .content
{
padding:0 !important;
}
.page-s .content #search-results
{
min-height:500px;
}
@media screen and (max-width:767px)
{
.page-s .content #search-results
{
min-height:350px;
}
}
.page-s .content div.search
{
position:relative;
display:block;
background:transparent !important;
margin:20px 0 40px 0;
padding:0 100px 0 0;
max-width:350px;
}
.page-s .content div.search:before
{
content:'';
display:inline-block;
height:14px;
width:14px;
background-image:url(search-icon.png);
background-repeat:no-repeat;
-webkit-background-size:12px;
-moz-background-size:12px;
-o-background-size:12px;
background-size:12px;
position:absolute;
left:0;
top:4px;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.page-s .content div.search:before
{
background-image:url(search-icon@2x.png);
-webkit-background-size:14px 14px;
-moz-background-size:14px 14px;
-o-background-size:14px 14px;
background-size:14px 14px;
}
}
.no-backgroundsize .page-s .content div.search:before
{
background-image:url(search-icon.png);
}
.page-s .content div.search #search-input
{
position:relative;
margin:0;
top:0;
left:0;
display:block;
padding-left:20px;
width:100%;
margin-right:100px;
background-image:none;
}
.page-s .content div.search #search-input.loading
{
background-image:url(search_loader_gray.gif);
background-repeat:no-repeat;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.page-s .content div.search #search-input.loading
{
background-image:url(search_loader_gray@2x.gif);
-webkit-background-size:20px 4px;
-moz-background-size:20px 4px;
-o-background-size:20px 4px;
background-size:20px 4px;
}
}
.no-backgroundsize .page-s .content div.search #search-input.loading
{
background-image:url(search_loader_gray.gif);
}
.page-s .content div.search #search-icon
{
top:-17px;
right:0;
background:rgba(0,0,0,0);
text-indent:0;
width:auto;
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:14px;
border:1px solid #333;
border-radius:3px;
color:#939393;
position:relative;
line-height:25px;
height:25px;
padding:0 10px;
display:inline-block;
opacity:1;
margin-right:-100px;
float:right;
}
.page-s #main-content
{
min-height:0 !important;
}
#main-content.search-results-mobile
{
background:#191919;
margin-top:100px !important;
min-height:0 !important;
}
@media screen and (max-width:1680px)
{
#main-content.search-results-mobile
{
margin-top:78px !important;
}
}
@media screen and (max-width:1280px)
{
#main-content.search-results-mobile
{
margin-top:68px !important;
}
}
@media screen and (max-width:1023px)
{
#main-content.search-results-mobile
{
margin-top:50px !important;
}
}
#main-content.search-results-mobile div#search-results
{
position:static;
width:100%;
margin:0;
top:0;
}
footer.main
{
width:1600px;
overflow:hidden;
margin:0 auto;
background:#000;
}
@media screen and (max-width:1680px)
{
footer.main
{
width:1200px;
}
}
@media screen and (max-width:1280px)
{
footer.main
{
width:1024px;
}
}
@media screen and (max-width:1023px)
{
footer.main
{
width:768px;
}
}
@media screen and (max-width:767px)
{
footer.main
{
width:100%;
}
}
footer.main nav
{
text-align:center;
}
@media screen and (max-width:767px)
{
footer.main nav
{
text-align:left;
margin-left:20px;
}
}
footer.main .secondary-menu
{
margin-top:30px;
padding-bottom:20px;
background-position:bottom center;
}
@media screen and (max-width:767px)
{
footer.main .secondary-menu
{
margin-top:30px;
padding-bottom:0;
background:none;
}
}
footer.main .secondary-menu ul
{
margin:0;
padding:0;
}
footer.main .secondary-menu ul li
{
margin:0 0 0 20px;
padding:0;
display:inline-block;
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:17px;
line-height:1em;
}
@media screen and (max-width:1280px)
{
footer.main .secondary-menu ul li
{
font-size:15px;
}
}
@media screen and (max-width:1023px)
{
footer.main .secondary-menu ul li
{
margin-left:14px;
}
}
@media screen and (max-width:767px)
{
footer.main .secondary-menu ul li
{
display:block;
margin:14px 0;
font-size:17px;
}
}
footer.main .secondary-menu ul li:first-child
{
margin-left:0;
}
footer.main .secondary-menu ul li h1
{
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:17px;
margin:0;
padding:0;
line-height:1em;
}
@media screen and (max-width:1280px)
{
footer.main .secondary-menu ul li h1
{
font-size:15px;
}
}
@media screen and (max-width:767px)
{
footer.main .secondary-menu ul li h1
{
font-size:17px;
}
}
footer.main .secondary-menu ul li a
{
color:#747474;
font-weight:normal;
text-decoration:none;
white-space:nowrap;
-webkit-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
}
@media screen and (max-width:767px)
{
footer.main .secondary-menu ul li a
{
padding:8px 0;
}
}
footer.main .secondary-menu ul li a:hover,footer.main .secondary-menu ul li a.active,footer.main .secondary-menu ul li a.active-trail
{
color:#fff;
font-weight:normal;
}
footer.main .name-menu
{
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:15px;
margin-top:44px;
width:100%;
overflow:hidden;
padding-bottom:3em;
}
footer.main .normal-desc-menu
{
font-size:14px;
color: #bbbbbb;
padding-bottom:15px;
}
@media screen and (max-width:1280px)
{
footer.main .normal-desc-menu
{
font-size:14px;
}
}
@media screen and (max-width:767px)
{
footer.main .normal-desc-menu
{
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:10px;
margin-top:10px;
padding-bottom:8px;
}
}
footer.main .normal-desc-menu ul
{
margin:0;
padding:0;
display:block;
}
footer.main .normal-desc-menu ul li
{
display:inline-block;
line-height:10px;
margin-left:20px;
}
footer.main .normal-desc-menu ul li:first-child
{
margin-left:0;
}
@media screen and (max-width:767px)
{
footer.main .normal-desc-menu ul li
{
margin-left:0;
margin-bottom:1em;
display:block;
}
}
footer.main .normal-desc-menu ul li a
{
display:block;
background-repeat:no-repeat;
color:#bbbbbb;
-webkit-background-size:45px auto;
-moz-background-size:45px auto;
-o-background-size:45px auto;
background-size:45px auto;
line-height:10px;
white-space:nowrap;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
footer.main .normal-desc-menu ul li a
{
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}

footer.main .normal-desc-menu ul li a.twitter
{
background-position:0px -422px;
-webkit-background-size:45px auto;
-moz-background-size:45px auto;
-o-background-size:45px auto;
background-size:45px auto;
}
footer.main .normal-desc-menu ul li a.facebook
{
background-position:-4px -763px;
-webkit-background-size:45px auto;
-moz-background-size:45px auto;
-o-background-size:45px auto;
background-size:45px auto;
}
div.page
{
width:1600px;
overflow:hidden;
margin:100px auto 0px auto;
background:#fff;
}
body.admin-menu div.page
{
margin-top:129px;
}
@media screen and (max-width:1680px)
{
div.page
{
width:1200px;
margin-top:78px;
}
body.admin-menu div.page
{
margin-top:107px;
}
}
@media screen and (max-width:1280px)
{
div.page
{
width:1024px;
margin-top:68px;
}
body.admin-menu div.page
{
margin-top:97px;
}
}
@media screen and (max-width:1023px)
{
div.page
{
width:768px;
}
}
@media screen and (max-width:767px)
{
div.page
{
width:100%;
margin-top:50px;
}
}
div.page.with-hero
{
width:auto !important;
margin:0;
min-height:0;
}
body.admin-menu div.page.with-hero
{
margin:0;
}
div.page #main-content
{
width:1200px;
margin:0 auto 0 auto;
background:#f8f8f8;
overflow:hidden;
}
@media screen and (min-device-width :768px) and (max-device-width :1024px)
{
div.page #main-content
{
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition:none;
-webkit-transition:none !important;
-moz-transition:none !important;
-ms-transition:none !important;
-o-transition:none !important;
transition:none !important;
}
}
@media screen and (max-width:1023px)
{
div.page #main-content
{
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition:none;
-webkit-transition:none !important;
-moz-transition:none !important;
-ms-transition:none !important;
-o-transition:none !important;
transition:none !important;
}
}
html.resized div.page #main-content
{
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition:none;
-webkit-transition:none !important;
-moz-transition:none !important;
-ms-transition:none !important;
-o-transition:none !important;
transition:none !important;
}
div.page #main-content.with-hero
{
opacity:0;
margin-top:50px;
}
@media screen and (max-width:767px)
{
div.page #main-content.with-hero
{
opacity:1;
margin-top:0;
}
}
html.no-js div.page #main-content.with-hero
{
margin-top:0;
}
div.page #main-content.with-hero.visible
{
-webkit-transition:all 1.5s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 1.5s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 1.5s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 1.5s cubic-bezier(0.645,0.045,0.355,1);
transition:all 1.5s cubic-bezier(0.645,0.045,0.355,1);
opacity:1;
margin-top:0;
}
div.page #main-content.with-hero.above-hero
{
margin-top:-214px;
position:relative;
z-index:4;
opacity:1;
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition:none;
-webkit-transition:none !important;
-moz-transition:none !important;
-ms-transition:none !important;
-o-transition:none !important;
transition:none !important;
}
@media screen and (max-width:1280px)
{
div.page #main-content.with-hero.above-hero
{
margin-top:-180px;
}
}
@media screen and (max-width:1023px)
{
div.page #main-content.with-hero.above-hero
{
margin-top:-160px;
margin-top:0;
}
}
@media screen and (max-width:767px)
{
div.page #main-content.with-hero.above-hero
{
margin-top:-120px;
}
}
body.section-contact-us div.page #main-content.with-hero.above-hero
{
margin-top:50px;
opacity:0;
transition:all 1.5s ease-in-out !important;
}
@media screen and (min-device-width :768px) and (max-device-width :1024px)
{
body.section-contact-us div.page #main-content.with-hero.above-hero
{
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition:none;
-webkit-transition:none !important;
-moz-transition:none !important;
-ms-transition:none !important;
-o-transition:none !important;
transition:none !important;
}
}
@media screen and (max-width:1023px)
{
body.section-contact-us div.page #main-content.with-hero.above-hero
{
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition:none;
-webkit-transition:none !important;
-moz-transition:none !important;
-ms-transition:none !important;
-o-transition:none !important;
transition:none !important;
}
}
@media screen and (max-width:767px)
{
body.section-contact-us div.page #main-content.with-hero.above-hero
{
margin-top:0;
opacity:1;
}
}
body.section-contact-us div.page #main-content.with-hero.above-hero.visible
{
margin-top:0;
opacity:1;
}
html.no-js body.section-contact-us div.page #main-content.with-hero.above-hero
{
opacity:1;
margin-top:0;
}
html.no-js div.page #main-content.with-hero
{
opacity:1;
}
@media screen and (max-width:1680px)
{
div.page #main-content
{
width:1200px;
}
}
@media screen and (max-width:1280px)
{
div.page #main-content
{
width:1024px;
}
}
@media screen and (max-width:1023px)
{
div.page #main-content
{
width:768px;
}
}
@media screen and (max-width:767px)
{
div.page #main-content
{
width:100%;
-webkit-transition:opacity 0.5s ease-in-out;
-moz-transition:opacity 0.5s ease-in-out;
-ms-transition:opacity 0.5s ease-in-out;
transition:opacity 0.5s ease-in-out;
}
}
div.page .content,div.page .content-padding,div.page .profile,div.page #user-login
{
padding:5em 172px 4em 172px;
clear:both;
width:auto;
overflow:hidden;
}
@media screen and (max-width:1680px)
{
div.page .content,div.page .content-padding,div.page .profile,div.page #user-login
{
padding-left:74px;
padding-right:74px;
}
}
@media screen and (max-width:1280px)
{
div.page .content,div.page .content-padding,div.page .profile,div.page #user-login
{
padding-left:66px;
padding-right:66px;
}
}
@media screen and (max-width:1023px)
{
div.page .content,div.page .content-padding,div.page .profile,div.page #user-login
{
padding:4em 42px;
}
}
@media screen and (max-width:767px)
{
div.page .content,div.page .content-padding,div.page .profile,div.page #user-login
{
padding:4em 20px;
}
}
div.page .content .left,div.page .content-padding .left,div.page .profile .left,div.page #user-login .left
{
width:49%;
float:left;
}
@media screen and (max-width:1023px)
{
div.page .content .left,div.page .content-padding .left,div.page .profile .left,div.page #user-login .left
{
width:80%;
margin-left:auto;
margin-right:auto;
float:none;
margin-bottom:2em;
}
}
@media screen and (max-width:767px)
{
div.page .content .left,div.page .content-padding .left,div.page .profile .left,div.page #user-login .left
{
width:100%;
}
}
div.page .content .right,div.page .content-padding .right,div.page .profile .right,div.page #user-login .right
{
width:50%;
float:right;
}
@media screen and (max-width:1023px)
{
div.page .content .right,div.page .content-padding .right,div.page .profile .right,div.page #user-login .right
{
width:80%;
margin-left:auto;
margin-right:auto;
float:none;
margin-bottom:0em;
}
}
@media screen and (max-width:767px)
{
div.page .content .right,div.page .content-padding .right,div.page .profile .right,div.page #user-login .right
{
width:100%;
}
}
div.page .profile
{
padding-top:0;
}
div.page .hero-title
{
background:#ededed;
width:100%;
height:780px;
height:82vh;
height:84vh;
min-height:780px;
overflow:hidden;
position:relative;
opacity:1;
z-index:3;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
transform-style:preserve-3d;
}
html.vendor-ie-9 div.page .hero-title
{
height:900px;
}
@media screen and (max-width:1680px)
{
div.page .hero-title
{
height:728px;
min-height:0;
}
html.vendor-ie-9 div.page .hero-title
{
height:728px;
}
}
@media screen and (max-width:1280px)
{
div.page .hero-title
{
height:576px;
}
html.vendor-ie-9 div.page .hero-title
{
height:576px;
}
}
@media screen and (max-width:1023px)
{
div.page .hero-title
{
height:690px;
}
html.vendor-ie-9 div.page .hero-title
{
height:690px;
}
}
@media screen and (max-width:767px)
{
div.page .hero-title
{
height:465px;
}
html.vendor-ie-9 div.page .hero-title
{
height:465px;
}
}
html.no-js div.page .hero-title
{
opacity:1;
background:#ededed;
}
div.page .hero-title h4,div.page .hero-title h5
{
position:absolute;
color:#fff;
width:100%;
text-align:center;
z-index:4;
opacity:0;
top:46%;
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:63px;
line-height:1.25em;
margin:0;
padding:0;
font-weight:normal;
}
@media screen and (max-width:1280px)
{
div.page .hero-title h4,div.page .hero-title h5
{
font-size:46px;
}
}
@media screen and (max-width:1023px)
{
div.page .hero-title h4,div.page .hero-title h5
{
width:80%;
top:50%;
}
}
@media screen and (max-width:767px)
{
div.page .hero-title h4,div.page .hero-title h5
{
font-size:30px;
-webkit-transition:opacity 1s ease-in-out;
-moz-transition:opacity 1s ease-in-out;
-ms-transition:opacity 1s ease-in-out;
transition:opacity 1s ease-in-out;
}
}
html.no-js div.page .hero-title h4,html.no-js div.page .hero-title h5
{
opacity:1;
}
html.js div.page .hero-title h4,html.js div.page .hero-title h5
{
opacity:0;
}
html.js div.page .hero-title h4.visible,html.js div.page .hero-title h5.visible
{
-webkit-transition:opacity 1.5s,top 1.5s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:opacity 1.5s,top 1.5s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:opacity 1.5s,top 1.5s cubic-bezier(0.645,0.045,0.355,1);
transition:opacity 1.5s,top 1.5s cubic-bezier(0.645,0.045,0.355,1);
opacity:1;
}
div.page .hero-title img
{
position:absolute;
width:100%;
height:auto;
left:0;
top:0;
margin-top:-3%;
margin-left:0;
z-index:2;
opacity:0;
top:50%;
-webkit-transform:translate3d(0,-50%,0);
-moz-transform:translate3d(0,-50%,0);
-ms-transform:translate3d(0,-50%,0);
transform:translate3d(0,-50%,0);
}
html.vendor-ie-9 div.page .hero-title img
{
top:0;
left:0;
margin:0 auto !important;
}
div.page .hero-title img.portrait
{
margin-top:0;
height:100%;
width:auto;
height:110%;
min-height:1100px;
min-height:1400px;
left:50%;
-webkit-transform:translate3d(-50%,-50%,0);
-moz-transform:translate3d(-50%,-50%,0);
-ms-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0);
}
html.vendor-ie-9 div.page .hero-title img.portrait
{
top:0;
left:0;
margin:0 auto !important;
}
@media screen and (max-width:1680px)
{
div.page .hero-title img.portrait
{
min-height:824px;
min-height:1000px;
}
}
@media screen and (max-width:1280px)
{
div.page .hero-title img.portrait
{
height:124%;
min-height:0;
}
}
@media screen and (max-width:1023px)
{
div.page .hero-title img.portrait
{
height:100%;
}
}
html.no-js div.page .hero-title img
{
opacity:1;
margin:0;
height:auto;
width:100%;
}
@media screen and (max-width:1280px)
{
html.no-js div.page .hero-title img
{
width:100%;
}
}
@media screen and (max-width:767px)
{
html.no-js div.page .hero-title img
{
margin-top:50px;
}
}
html.js div.page .hero-title img
{
opacity:0;
}
html.js div.page .hero-title img.visible
{
-webkit-transition:opacity 1.5s,margin-top 1.5s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:opacity 1.5s,margin-top 1.5s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:opacity 1.5s,margin-top 1.5s cubic-bezier(0.645,0.045,0.355,1);
transition:opacity 1.5s,margin-top 1.5s cubic-bezier(0.645,0.045,0.355,1);
}
@media screen and (max-width:1023px)
{
html.js div.page .hero-title img.visible
{
height:100%;
width:auto;
-webkit-transition:opacity 2s ease-in-out;
-moz-transition:opacity 2s ease-in-out;
-ms-transition:opacity 2s ease-in-out;
transition:opacity 2s ease-in-out;
left:50%;
-webkit-transform:translate3d(-50%,-50%,0);
-moz-transform:translate3d(-50%,-50%,0);
-ms-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0);
}
}
@media screen and (max-width:767px)
{
html.js div.page .hero-title img.visible
{
-webkit-transition:opacity 0.5s ease-in-out;
-moz-transition:opacity 0.5s ease-in-out;
-ms-transition:opacity 0.5s ease-in-out;
transition:opacity 0.5s ease-in-out;
}
}
html.resized html.js div.page .hero-title img.visible
{
-webkit-transition:opacity 0 ease-in-out;
-moz-transition:opacity 0 ease-in-out;
-ms-transition:opacity 0 ease-in-out;
transition:opacity 0 ease-in-out;
}
div.page .hero-title .bg-video
{
opacity:1;
width:100%;
height:auto;
top:0;
left:0;
position:absolute;
z-index:3;
-webkit-transition:opacity 1s ease-in-out;
-moz-transition:opacity 1s ease-in-out;
-ms-transition:opacity 1s ease-in-out;
transition:opacity 1s ease-in-out;
opacity:0;
top:50%;
-webkit-transform:translate3d(0,-50%,0);
-moz-transform:translate3d(0,-50%,0);
-ms-transform:translate3d(0,-50%,0);
transform:translate3d(0,-50%,0);
}
html.vendor-ie-9 div.page .hero-title .bg-video
{
top:0;
left:0;
margin:0 auto;
}
div.page .hero-title .bg-video.portrait
{
margin-top:0;
height:100%;
width:auto;
height:110%;
left:50%;
-webkit-transform:translate3d(-50%,-50%,0);
-moz-transform:translate3d(-50%,-50%,0);
-ms-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0);
}
html.vendor-ie-9 div.page .hero-title .bg-video.portrait
{
top:0;
left:0;
margin:0 auto;
}
div.page .hero-title .bg-video.portrait.safari
{
left:50%;
margin-left:-50%;
-webkit-transform:translate3d(0,-50%,0);
transform:translate3d(0,-50%,0);
}
@media screen and (max-width:1280px)
{
div.page .hero-title .bg-video.portrait
{
height:124%;
}
}
@media screen and (max-width:1023px)
{
div.page .hero-title .bg-video.portrait
{
height:100%;
}
}
div.page .hero-title .bg-video.portrait video
{
height:100% !important;
width:auto !important;
}
@media screen and (min-device-width :768px) and (max-device-width :1024px)
{
div.page .hero-title .bg-video
{
-webkit-transition:opacity 2s ease-in-out;
-moz-transition:opacity 2s ease-in-out;
-ms-transition:opacity 2s ease-in-out;
transition:opacity 2s ease-in-out;
height:100%;
width:auto;
top:0;
margin-top:0;
left:50%;
display:none;
}
}
@media screen and (max-width:1023px)
{
div.page .hero-title .bg-video
{
height:100%;
width:auto;
display:none;
-webkit-transition:opacity 2s ease-in-out;
-moz-transition:opacity 2s ease-in-out;
-ms-transition:opacity 2s ease-in-out;
transition:opacity 2s ease-in-out;
}
}
div.page .hero-title .bg-video video
{
width:100%;
height:auto;
}
@media screen and (min-device-width :768px) and (max-device-width :1024px)
{
div.page .hero-title .bg-video video
{
height:100%;
width:auto;
}
}
@media screen and (max-width:1023px)
{
div.page .hero-title .bg-video video
{
display:none;
}
}
div.page .hero-title .field
{
position:absolute;
z-index:4;
color:#fff;
left:50%;
width:950px;
margin-left:-475px;
top:360px;
margin-top:-50px;
padding-bottom:0;
text-align:center;
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:96px;
opacity:0;
top:50%;
top:46%;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
transform:translate(0,-50%);
margin-top:-.25em !important;
margin-top:-24px !important;
overflow:hidden;
}
@media screen and (max-width:1920px)
{
div.page .hero-title .field
{
font-size:90px;
}
}
@media screen and (max-width:1680px)
{
div.page .hero-title .field
{
width:66%;
margin-left:-33%;
font-size:70px;
}
}
@media screen and (max-width:1280px)
{
div.page .hero-title .field
{
font-size:60px;
margin-top:0 !important;
}
}
@media screen and (max-width:1023px)
{
div.page .hero-title .field
{
top:50%;
}
}
@media screen and (max-width:767px)
{
div.page .hero-title .field
{
margin-top:0 !important;
font-size:37px;
width:86%;
margin-left:-43%;
}
}
html.no-js div.page .hero-title .field
{
opacity:1;
}
html.js div.page .hero-title .field
{
opacity:0;
}
html.js div.page .hero-title .field.visible
{
-webkit-transition:opacity 1.5s,top 1.5s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:opacity 1.5s,top 1.5s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:opacity 1.5s,top 1.5s cubic-bezier(0.645,0.045,0.355,1);
transition:opacity 1.5s,top 1.5s cubic-bezier(0.645,0.045,0.355,1);
opacity:.85;
}
html.resized div.page .hero-title .field
{
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition:none;
-webkit-transition:none !important;
-moz-transition:none !important;
-ms-transition:none !important;
-o-transition:none !important;
transition:none !important;
}
div.page .hero-title .field p
{
padding:0;
}
div.page .hero-title .field strong
{
font-weight:normal;
line-height:1em;
display:block;
}

div.page .hero-title .field span
{
display:block;
}
div.page .hero-title .field span.break-mobile
{
display:inline;
}
@media screen and (max-width:767px)
{
div.page .hero-title .field span.break-mobile
{
display:block;
}
}
div.page .hero-title .buttons
{
position:absolute;
top:auto;
left:50%;
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
transform:translate(-50%,0);
bottom:70px;
z-index:6;
}
@media screen and (max-width:767px)
{
div.page .hero-title .buttons
{
bottom:44px !important;
}
}
div.page .hero-title .video
{
position:absolute;
left:0;
top:0;
opacity:0;
display:none;
z-index:5;
-webkit-transition:opacity 0.25s ease-in-out;
-moz-transition:opacity 0.25s ease-in-out;
-ms-transition:opacity 0.25s ease-in-out;
transition:opacity 0.25s ease-in-out;
width:1600px;
height:100%;
left:50%;
margin-left:-800px;
}
@media screen and (max-width:1680px)
{
div.page .hero-title .video
{
width:1200px;
margin-left:-600px;
}
}
@media screen and (max-width:1280px)
{
div.page .hero-title .video
{
width:1024px;
margin-left:-512px;
}
}
@media screen and (max-width:1023px)
{
div.page .hero-title .video
{
width:100%;
margin-left:0;
left:0;
top:68px;
}
}
@media screen and (max-width:767px)
{
div.page .hero-title .video
{
top:50px;
}
}
div.page .hero-title .video object
{
left:0;
}
div.page .hero-title .carousel
{
background:#ededed;
height:100%;
width:100%;
overflow:hidden;
position:absolute;
}
html.no-js div.page .hero-title .carousel
{
background:transparent;
}
div.page .hero-title .carousel.flexslider
{
margin:0;
border:0;
}
div.page .hero-title .carousel.flexslider:hover .flex-direction-nav a
{
right:15px;
-moz-opacity:0.35;
-khtml-opacity:0.35;
-webkit-opacity:0.35;
opacity:0.35;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=35);
filter:alpha(opacity=35);
}
div.page .hero-title .carousel.flexslider:hover .flex-direction-nav a:hover
{
-moz-opacity:0.85;
-khtml-opacity:0.85;
-webkit-opacity:0.85;
opacity:0.85;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
filter:alpha(opacity=85);
}
div.page .hero-title .carousel.flexslider:hover .flex-direction-nav a.flex-prev
{
right:auto;
left:15px;
}
div.page .hero-title .carousel .flex-viewport
{
height:100%;
}
div.page .hero-title .carousel .flex-control-nav
{
bottom:38px;
z-index:3;
}
@media screen and (max-width:767px)
{
div.page .hero-title .carousel .flex-control-nav
{
bottom:28px;
}
}
div.page .hero-title .carousel .flex-control-nav.flex-control-paging li a
{
background:#fff !important;
}
div.page .hero-title .carousel .flex-direction-nav
{
z-index:4;
top:50%;
margin-top:-80px;
margin-top:-106px;
position:absolute;
width:100%;
}
@media screen and (max-width:1280px)
{
div.page .hero-title .carousel .flex-direction-nav
{
margin-top:-88px;
}
}
@media screen and (max-width:1023px)
{
div.page .hero-title .carousel .flex-direction-nav
{
display:none;
}
}
div.page .hero-title .carousel .flex-direction-nav a
{
display:block;
background-image:url(carousel_arrow.png);
width:193px;
height:239px;
text-indent:9999px;
background-position:0px 0px;
background-repeat:no-repeat;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
div.page .hero-title .carousel .flex-direction-nav a
{
background-image:url(carousel_arrow@2x.png);
-webkit-background-size:193px 478px;
-moz-background-size:193px 478px;
-o-background-size:193px 478px;
background-size:193px 478px;
}
}
.no-backgroundsize div.page .hero-title .carousel .flex-direction-nav a
{
background-image:url(carousel_arrow.png);
}
@media screen and (max-width:1280px)
{
div.page .hero-title .carousel .flex-direction-nav a
{
-webkit-background-size:160px auto;
-moz-background-size:160px auto;
-o-background-size:160px auto;
background-size:160px auto;
width:160px;
height:199px;
}
}
div.page .hero-title .carousel .flex-direction-nav a.flex-prev
{
background-position:0px -239px;
}
@media screen and (max-width:1280px)
{
div.page .hero-title .carousel .flex-direction-nav a.flex-prev
{
background-position:0px -196px;
}
}
div.page .hero-title .carousel .flex-direction-nav a:before
{
display:none;
}
div.page .hero-title .carousel .slides
{
margin:0;
padding:0;
display:block;
height:100%;
}
div.page .hero-title .carousel .slides .item
{
margin:0;
padding:0;
list-style-type:none;
width:100%;
height:100%;
position:relative;
}
html.js div.page .hero-title.visible
{
opacity:1;
}
html.js div.page .hero-title.visible img
{
opacity:1 !important;
}
@media screen and (max-width:1023px)
{
html.js div.page .hero-title.visible img
{
margin-top:0;
}
}
html.js div.page .hero-title.visible img.portrait
{
margin-top:0;
}
html.js div.page .hero-title.visible h4,html.js div.page .hero-title.visible h5
{
opacity:1;
top:50%;
}
@media screen and (max-width:767px)
{
html.js div.page .hero-title.visible h4,html.js div.page .hero-title.visible h5
{
opacity:1 !important;
-webkit-transition:opacity 1.5s,top 1.5s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:opacity 1.5s,top 1.5s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:opacity 1.5s,top 1.5s cubic-bezier(0.645,0.045,0.355,1);
transition:opacity 1.5s,top 1.5s cubic-bezier(0.645,0.045,0.355,1);
}
}
html.js div.page .hero-title.visible .field
{
opacity:1;
top:50%;
}
@media screen and (max-width:767px)
{
html.js div.page .hero-title.visible .field
{
opacity:1 !important;
-webkit-transition:opacity 1.5s,top 1.5s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:opacity 1.5s,top 1.5s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:opacity 1.5s,top 1.5s cubic-bezier(0.645,0.045,0.355,1);
transition:opacity 1.5s,top 1.5s cubic-bezier(0.645,0.045,0.355,1);
}
}
div.page .hero-title.bg-video .bg-video
{
opacity:1;
margin-top:2%;
}
div.page .hero-title.bg-video .bg-video.portrait
{
margin-top:0;
}
div.page .hero-title.feature-mode
{
-webkit-transition:all 1s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 1s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 1s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 1s cubic-bezier(0.645,0.045,0.355,1);
transition:all 1s cubic-bezier(0.645,0.045,0.355,1);
height:900px;
}
@media screen and (max-width:1680px)
{
div.page .hero-title.feature-mode
{
height:676px;
}
}
@media screen and (max-width:1280px)
{
div.page .hero-title.feature-mode
{
height:576px;
}
}
@media screen and (max-width:1023px)
{
div.page .hero-title.feature-mode
{
height:690px;
}
}
@media screen and (max-width:767px)
{
div.page .hero-title.feature-mode
{
height:465px;
}
}
div.page .hero-title.feature-mode img
{
-webkit-transition:opacity 0 ease-in-out;
-moz-transition:opacity 0 ease-in-out;
-ms-transition:opacity 0 ease-in-out;
transition:opacity 0 ease-in-out;
opacity:0;
}
@media screen and (max-width:1023px)
{
div.page .hero-title.feature-mode img
{
-webkit-transition:opacity 1s ease-in-out;
-moz-transition:opacity 1s ease-in-out;
-ms-transition:opacity 1s ease-in-out;
transition:opacity 1s ease-in-out;
opacity:0.75;
}
}
div.page .hero-title.feature-mode .field
{
opacity:0;
}
div.page .hero-title.feature-mode .bg-video
{
opacity:0.35;
}
div.page .hero-title.feature-mode .video
{
display:block;
}
div.page .hero-title.feature-mode.feature-video .video
{
opacity:1;
}
div.page .hero-title.below-content h4,div.page .hero-title.below-content h5
{
margin-top:0;
position:absolute;
left:0;
margin:0;
padding:0;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
transform:translate(0,-50%);
margin-top:-107px;
margin-top:-83px;
}
@media screen and (max-width:1280px)
{
div.page .hero-title.below-content h4,div.page .hero-title.below-content h5
{
margin-top:-90px;
margin-top:-68px;
}
}
@media screen and (max-width:1023px)
{
div.page .hero-title.below-content h4,div.page .hero-title.below-content h5
{
left:50%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
margin-top:-80px;
margin-top:-48px;
margin-top:0;
}
}
@media screen and (max-width:767px)
{
div.page .hero-title.below-content h4,div.page .hero-title.below-content h5
{
margin-top:-60px;
margin-top:-40px;
}
}
html.no-js div.page .hero-title.below-content h4,html.no-js div.page .hero-title.below-content h5
{
margin-top:0;
}
div.page .hero-title.hero-carousel .field
{
width:90%;
margin-left:-45%;
position:relative;
}
div.page .hero-title.hero-carousel h2
{
color:#fff;
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:96px;
padding-bottom:.5em;
margin-bottom:.65em;
background:url(heading_divider_trans@2x.png) no-repeat bottom center;
-webkit-background-size:60px 1px;
-moz-background-size:60px 1px;
-o-background-size:60px 1px;
background-size:60px 1px;
line-height:1.2em;
}
div.page .hero-title.hero-carousel h2 span
{
display:block;
}
div.page .hero-title.hero-carousel h2 span.break-mobile
{
display:inline;
}
@media screen and (max-width:767px)
{
div.page .hero-title.hero-carousel h2 span.break-mobile
{
display:block;
}
}
@media screen and (max-width:1920px)
{
div.page .hero-title.hero-carousel h2
{
font-size:80px;
margin-bottom:.75em;
}
}
@media screen and (max-width:1680px)
{
div.page .hero-title.hero-carousel h2
{
font-size:64px;
}
}
@media screen and (max-width:1280px)
{
div.page .hero-title.hero-carousel h2
{
font-size:55px;
}
}
@media screen and (max-width:1023px)
{
div.page .hero-title.hero-carousel h2
{
}
}
@media screen and (max-width:767px)
{
div.page .hero-title.hero-carousel h2
{
font-size:37px;
margin-bottom:2.25em;
padding-bottom:.6em;
}
}
div.page .hero-title.hero-carousel h2.invert
{
color:#000;
background:url(heading_divider_trans@2x.png) no-repeat bottom center;
-webkit-background-size:60px 1px;
-moz-background-size:60px 1px;
-o-background-size:60px 1px;
background-size:60px 1px;
}
div.page .hero-title.hero-carousel .text
{
line-height:1.25em;
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:30px;
text-transform:none;
margin-top:1em;
text-align:center;
width:100%;
font-weight:400;
}
@media screen and (max-width:1680px)
{
div.page .hero-title.hero-carousel .text
{
font-size:30px;
}
}
@media screen and (max-width:1280px)
{
div.page .hero-title.hero-carousel .text
{
font-size:26px;
}
}
@media screen and (max-width:1023px)
{
div.page .hero-title.hero-carousel .text
{
font-size:22px;
font-weight:400;
}
}
@media screen and (max-width:767px)
{
div.page .hero-title.hero-carousel .text
{
font-size:20px;
margin-top:-5em;
margin-bottom:.85em;
line-height:1.75em;
}
}
div.page .hero-title.hero-carousel .buttons
{
bottom:108px !important;
}
@media screen and (max-width:767px)
{
div.page .hero-title.hero-carousel .buttons
{
bottom:56px !important;
}
}
div.page .hero-parallax
{
width:100%;
height:780px;
overflow:hidden;
position:relative;
opacity:1;
left:0;
top:0;
}
@media screen and (max-width:1680px)
{
div.page .hero-parallax
{
height:728px;
}
}
@media screen and (max-width:1280px)
{
div.page .hero-parallax
{
height:576px;
}
}
@media screen and (max-width:1023px)
{
div.page .hero-parallax
{
height:690px;
}
}
@media screen and (max-width:767px)
{
div.page .hero-parallax
{
height:465px;
}
}
html.no-js div.page .hero-parallax
{
background:#ededed;
}
div.page .hero-parallax .field
{
position:relative;
top:0;
left:0;
width:100%;
height:100%;
}
div.page .hero-parallax h4
{
display:none;
}
div.page .article-title
{
background:#f8f8f8;
padding:6em 172px 0 172px;
}
@media screen and (max-width:1680px)
{
div.page .article-title
{
padding-left:74px;
padding-right:74px;
}
}
@media screen and (max-width:1280px)
{
div.page .article-title
{
padding-left:66px;
padding-right:66px;
}
}
@media screen and (max-width:1023px)
{
div.page .article-title
{
padding:5em 42px 0 42px;
}
}
@media screen and (max-width:767px)
{
div.page .article-title
{
padding:4em 20px 0 20px;
}
}
div.page .article-title h4
{
margin:0;
padding:0;
}
div.page .node-panel
{
clear:both;
}
.cross-slider
{
display:none;
}
@media screen and (max-width:767px)
{
.hero-title.hero-cross-slider img
{
display:none;
}
html.no-js .hero-title.hero-cross-slider img
{
display:block;
}
.cross-slider
{
display:block;
position:absolute;
z-index:2;
height:100%;
overflow:hidden;
height:465px;
width:100%;
top:0;
left:0;
opacity:0;
}
.cross-slider img
{
height:100%;
width:auto;
}
.cross-slider.visible
{
background:#000;
}
.cross-slider.visible .slide
{
width:676px;
height:100%;
width:200%;
height:500px;
display:block;
position:absolute;
top:0;
opacity:1;
-webkit-transform:translate3d(100%,0,0);
-moz-transform:translate3d(100%,0,0);
-o-transform:translate3d(100%,0,0);
-ms-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0);
-webkit-animation:cross_slide;
animation:cross_slide;
-webkit-animation-duration:30s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
animation-duration:30s;
animation-iteration-count:infinite;
animation-timing-function:linear;
background-repeat:no-repeat !important;
background-size:auto 100% !important;
background-position:center left !important;
}
.cross-slider.visible.games-front #slide-row-1
{
-webkit-animation-delay:0s;
animation-delay:0s;
}
.cross-slider.visible.games-front #slide-row-2
{
-webkit-animation-delay:10s;
animation-delay:10s;
}
.cross-slider.visible.games-front #slide-row-3
{
-webkit-animation-delay:20s;
animation-delay:20s;
}
.cross-slider.visible.careers #slide-row-1
{
-webkit-animation-delay:0s;
animation-delay:0s;
}
.cross-slider.visible.careers #slide-row-2
{
-webkit-animation-delay:10s;
animation-delay:10s;
}
.cross-slider.visible.careers #slide-row-3
{
-webkit-animation-delay:20s;
animation-delay:20s;
}
.hero-title.visible .cross-slider
{
opacity:1;
}
}
@media screen and (min-width:480px)
{
.cross-slider.visible .slide
{
background-size:85% auto !important;
}
}
@-webkit-keyframes cross_slide
{
0%
{
opacity:0;
-webkit-transform:translate3d(0,0,0) scale(1);
-moz-transform:translate3d(0,0,0) scale(1);
-o-transform:translate3d(0,0,0) scale(1);
-ms-transform:translate3d(0,0,0) scale(1);
transform:translate3d(0,0,0) scale(1);
}
10%
{
opacity:0.5;
}
20%
{
opacity:1;
}
35%
{
opacity:1;
}
43%
{
opacity:0;
}
50%
{
opacity:0;
}
55%
{
opacity:0;
}
100%
{
opacity:0;
-webkit-transform:translate3d(-75%,0,0) scale(1.33);
-moz-transform:translate3d(-75%,0,0) scale(1.33);
-o-transform:translate3d(-75%,0,0) scale(1.33);
-ms-transform:translate3d(-75%,0,0) scale(1.33);
transform:translate3d(-75%,0,0) scale(1.33);
}
}
@keyframes cross_slide
{
0%
{
opacity:0;
-webkit-transform:translate3d(0,0,0) scale(1);
-moz-transform:translate3d(0,0,0) scale(1);
-o-transform:translate3d(0,0,0) scale(1);
-ms-transform:translate3d(0,0,0) scale(1);
transform:translate3d(0,0,0) scale(1);
}
10%
{
opacity:0.5;
}
20%
{
opacity:1;
}
35%
{
opacity:1;
}
43%
{
opacity:0;
}
50%
{
opacity:0;
}
55%
{
opacity:0;
}
100%
{
opacity:0;
-webkit-transform:translate3d(-75%,0,0) scale(1.33);
-moz-transform:translate3d(-75%,0,0) scale(1.33);
-o-transform:translate3d(-75%,0,0) scale(1.33);
-ms-transform:translate3d(-75%,0,0) scale(1.33);
transform:translate3d(-75%,0,0) scale(1.33);
}
}
.pgs-foundation-layout .grid-system-row
{
width:100%;
overflow:hidden;
clear:both;
}
.pgs-foundation-layout .grid-system-row.content-padding
{
width:auto;
}
.pgs-foundation-layout .grid-system-row .grid-system-column:first-child,.pgs-foundation-layout .grid-system-row .grid-system-column.first,.pgs-foundation-layout .grid-system-row .grid-system-column.no-margin
{
margin-left:0;
}
.pgs-foundation-layout .grid-system-row .grid-system-column.large-1
{
width:114px;
}
@media screen and (max-width:1680px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-1
{
width:114px;
}
}
@media screen and (max-width:1280px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-1
{
width:94px;
}
}
@media screen and (max-width:1023px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-1
{
width:70px;
}
}
.pgs-foundation-layout .grid-system-row .grid-system-column.large-2
{
width:248px;
}
@media screen and (max-width:1680px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-2
{
width:248px;
}
}
@media screen and (max-width:1280px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-2
{
width:210px;
}
}
@media screen and (max-width:1023px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-2
{
width:159px;
}
}
.pgs-foundation-layout .grid-system-row .grid-system-column.large-3
{
width:382px;
}
@media screen and (max-width:1680px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-3
{
width:382px;
}
}
@media screen and (max-width:1280px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-3
{
width:323px;
}
}
@media screen and (max-width:1023px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-3
{
width:250px;
}
}
.pgs-foundation-layout .grid-system-row .grid-system-column.large-4
{
width:400px;
}
@media screen and (max-width:1680px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-4
{
width:400px;
}
}
@media screen and (max-width:1280px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-4
{
width:436px;
}
}
@media screen and (max-width:1023px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-4
{
width:330px;
}
}
@media screen and (max-width:767px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-4
{
width:auto;
width:100%;
margin-left:0;
}
}
@media screen and (min-width:1681px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.xlarge-4
{
width:700px !important;
}
.pgs-foundation-layout .grid-system-row .grid-system-column.xlarge-41
{
width:760px !important;
}
.pgs-foundation-layout .grid-system-row .grid-system-column.xlarge-42
{
width:640px !important;
}
}

.pgs-foundation-layout .grid-system-row .grid-system-column.large-5
{
width:700px;
}
@media screen and (max-width:1680px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-5
{
width:700px;
}
}
@media screen and (max-width:1280px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-5
{
width:594px;
}
}
@media screen and (max-width:1023px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-5
{
width:422px;
}
}

.pgs-foundation-layout .grid-system-row .grid-system-column.large-51
{
width:760px;
}
@media screen and (max-width:1680px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-51
{
width:760px;
}
}
@media screen and (max-width:1280px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-51
{
width:654px;
}
}
@media screen and (max-width:1023px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-51
{
width:422px;
}
}

.pgs-foundation-layout .grid-system-row .grid-system-column.large-52
{
width:640px;
}
@media screen and (max-width:1680px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-52
{
width:640px;
}
}
@media screen and (max-width:1280px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-52
{
width:534px;
}
}
@media screen and (max-width:1023px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-52
{
width:302px;
}
}

.pgs-foundation-layout .grid-system-row .grid-system-column.large-6
{
width:784px;
}
@media screen and (max-width:1680px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-6
{
width:784px;
}
}
@media screen and (max-width:1280px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-6
{
width:664px;
}
}
@media screen and (max-width:1023px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-6
{
width:520px;
width:506px;
}
}
@media screen and (max-width:767px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-6
{
width:100%;
}
}
.pgs-foundation-layout .grid-system-row .grid-system-column.large-7
{
width:914px;
}
@media screen and (max-width:1680px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-7
{
width:914px;
}
}
@media screen and (max-width:1280px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-7
{
width:778px;
}
}
@media screen and (max-width:1023px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-7
{
width:610px;
}
}
.pgs-foundation-layout .grid-system-row .grid-system-column.large-8
{
width:100%;
margin-left:0;
margin-right:0;
}
.pgs-foundation-layout .grid-system-row .grid-system-column.large-offset-1
{
padding-left:134px;
}
@media screen and (max-width:1680px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-offset-1
{
padding-left:134px;
}
}
@media screen and (max-width:1280px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-offset-1
{
padding-left:114px;
}
}
@media screen and (max-width:1023px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-offset-1
{
padding-left:70px;
}
}
@media screen and (max-width:767px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-offset-1
{
padding-left:0;
}
}
.pgs-foundation-layout .grid-system-row .grid-system-column.large-offset-2
{
padding-left:268px;
}
@media screen and (max-width:1680px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-offset-2
{
padding-left:268px;
}
}
@media screen and (max-width:1280px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-offset-2
{
padding-left:228px;
}
}
@media screen and (max-width:1023px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-offset-2
{
padding-left:150px;
}
}
.pgs-foundation-layout .grid-system-row .grid-system-column.large-offset-3
{
padding-left:402px;
}
@media screen and (max-width:1680px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-offset-3
{
padding-left:402px;
}
}
@media screen and (max-width:1280px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-offset-3
{
padding-left:342px;
}
}
@media screen and (max-width:1023px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-offset-3
{
padding-left:235px;
}
}
.pgs-foundation-layout .grid-system-row .grid-system-column.large-offset-4
{
padding-left:536px;
}
@media screen and (max-width:1680px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-offset-4
{
padding-left:536px;
}
}
@media screen and (max-width:1280px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-offset-4
{
padding-left:300px;
}
}
@media screen and (max-width:1023px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.large-offset-4
{
padding-left:300px;
}
}
@media screen and (min-width:1681px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.xlarge-offset-4
{
padding-left:640px !important;
}
}
@media screen and (max-width:1280px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.medium-6
{
width:662px;
}
.pgs-foundation-layout .grid-system-row .grid-system-column.medium-offset-1
{
padding-left:106px;
}
}
@media screen and (max-width:1023px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.small-8
{
width:100%;
margin:0;
}
.pgs-foundation-layout .grid-system-row .grid-system-column.small-6
{
width:508px;
}
.pgs-foundation-layout .grid-system-row .grid-system-column.small-4
{
width:514px;
}
.pgs-foundation-layout .grid-system-row .grid-system-column.small-41
{
width:574px;
}
.pgs-foundation-layout .grid-system-row .grid-system-column.small-41
{
width:454px;
}
.pgs-foundation-layout .grid-system-row .grid-system-column.small-offset-1
{
padding-left:88px;
}
}
@media screen and (max-width:767px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.mobile-8
{
width:74%;
margin:0;
}
.pgs-foundation-layout .grid-system-row .grid-system-column.mobile-4
{
width:47%;
}
.pgs-foundation-layout .grid-system-row .grid-system-column.mobile-offset-0
{
padding-left:0;
}
}
.pgs-foundation-layout .grid-system-row .grid-system-column.join
{
margin:0;
float:left;
}
.pgs-foundation-layout .grid-system-row .grid-system-column.join.large-1
{
width:124px;
}
@media screen and (max-width:1680px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.join.large-1
{
width:124px;
}
}
@media screen and (max-width:1280px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.join.large-1
{
width:110px;
}
}
@media screen and (max-width:1023px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.join.large-1
{
width:80px;
}
}
.pgs-foundation-layout .grid-system-row .grid-system-column.join.large-1:first-child,.pgs-foundation-layout .grid-system-row .grid-system-column.join.large-1:last-child
{
width:151px;
}
@media screen and (max-width:1280px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.join.large-1:first-child,.pgs-foundation-layout .grid-system-row .grid-system-column.join.large-1:last-child
{
width:123px;
}
}
@media screen and (max-width:1280px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.join.large-1:first-child,.pgs-foundation-layout .grid-system-row .grid-system-column.join.large-1:last-child
{
width:105px;
}
}
@media screen and (max-width:1023px)
{
.pgs-foundation-layout .grid-system-row .grid-system-column.join.large-1:first-child,.pgs-foundation-layout .grid-system-row .grid-system-column.join.large-1:last-child
{
width:77px;
}
}
.pgs-foundation-layout article .content
{
padding-left:74px;
padding-right:74px;
clear:none;
}
@media screen and (max-width:1680px)
{
.pgs-foundation-layout article .content
{
padding-left:74px;
padding-right:74px;
}
}
@media screen and (max-width:1280px)
{
.pgs-foundation-layout article .content
{
padding-left:66px;
padding-right:66px;
}
}
@media screen and (max-width:1023px)
{
.pgs-foundation-layout article .content
{
padding:4em 42px 3em 42px;
}
}
@media screen and (max-width:767px)
{
.pgs-foundation-layout article .content
{
padding:4em 20px 3em 20px;
}
}
.pgs-foundation-layout article h2
{
line-height:1.2em;
padding-bottom:.5em;
margin-bottom:0.25em;
background:url(heading_divider_gray@2x.png) no-repeat bottom center;
-webkit-background-size:60px 1px;
-moz-background-size:60px 1px;
-o-background-size:60px 1px;
background-size:60px 1px;
}
.pgs-foundation-layout article h2 span
{
display:block;
}
.pgs-foundation-layout.article-display article .content
{
padding-top:2em;
}
.play
{
position:relative;
}
.play a
{
-webkit-tap-highlight-color:rgba(0,0,0,0) !important;
-webkit-transition:all 0.6s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.6s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.6s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.6s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.6s cubic-bezier(0.645,0.045,0.355,1);
display:block;
background:url(bg_play_video@2x.png) no-repeat;
width:206px;
height:206px;
-webkit-background-size:206px;
-moz-background-size:206px;
-o-background-size:206px;
background-size:206px;
margin:0 auto;
text-indent:-9999px;
overflow:hidden;
position:relative;
z-index:10;
outline:none;
-webkit-transform:rotate(0.01deg);
-moz-transform:rotate(0.01deg);
-o-transform:rotate(0.01deg);
-ms-transform:rotate(0.01deg);
transform:rotate(0.01deg);
}
@media screen and (max-width:1680px)
{
.play a
{
width:160px;
height:160px;
-webkit-background-size:160px;
-moz-background-size:160px;
-o-background-size:160px;
background-size:160px;
}
}
@media screen and (max-width:767px)
{
.play a
{
width:120px;
height:120px;
-webkit-background-size:120px;
-moz-background-size:120px;
-o-background-size:120px;
background-size:120px;
}
}
.play a:hover
{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
}
.play span.container
{
display:block;
top:2px;
left:50%;
margin-left:-93px;
width:185px;
height:185px;
position:absolute;
-webkit-border-radius:120px;
-moz-border-radius:120px;
border-radius:120px;
opacity:1;
overflow:hidden;
}
@media screen and (max-width:1680px)
{
.play span.container
{
width:144px;
height:144px;
margin-left:-72px;
}
}
@media screen and (max-width:767px)
{
.play span.container
{
width:108px;
height:108px;
margin-left:-54px;
top:6px;
}
}
.play span.container span.icon
{
display:block;
text-indent:-9999px;
position:absolute;
top:-200px;
left:50%;
margin-left:-103px;
width:206px;
height:206px;
background-image:url(btn_play_icons.png);
background-repeat:no-repeat;
background-position:-204px 0px;
-webkit-transition:all 0.35s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.35s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.35s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.35s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.35s cubic-bezier(0.645,0.045,0.355,1);
opacity:0;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.play span.container span.icon
{
background-image:url(btn_play_icons@2x.png);
-webkit-background-size:410px 206px;
-moz-background-size:410px 206px;
-o-background-size:410px 206px;
background-size:410px 206px;
}
}
.no-backgroundsize .play span.container span.icon
{
background-image:url(btn_play_icons.png);
}
@media screen and (max-width:1680px)
{
.play span.container span.icon
{
width:160px;
height:160px;
margin-left:-80px;
-webkit-background-size:320px 161px;
-moz-background-size:320px 161px;
-o-background-size:320px 161px;
background-size:320px 161px;
background-position:-159px 0px;
}
}
@media screen and (max-width:767px)
{
.play span.container span.icon
{
width:108px;
height:108px;
margin-left:-54px;
-webkit-background-size:216px auto;
-moz-background-size:216px auto;
-o-background-size:216px auto;
background-size:216px auto;
background-position:-107px 0px;
}
}
.play span.container span.icon:first-child
{
top:0px;
background-position:0px 0px;
opacity:1;
}
.play span.container.hover span.icon
{
top:0px;
opacity:1;
}
.play span.container.hover span.icon:first-child
{
top:206px;
opacity:0;
}
@media screen and (max-width:1680px)
{
.play.games a
{
width:206px;
height:206px;
-webkit-background-size:206px;
-moz-background-size:206px;
-o-background-size:206px;
background-size:206px;
}
}
@media screen and (max-width:767px)
{
.play.games a
{
width:160px;
height:160px;
-webkit-background-size:160px;
-moz-background-size:160px;
-o-background-size:160px;
background-size:160px;
}
}
@media screen and (max-width:1680px)
{
.play.games span.container
{
width:185px;
height:185px;
margin-left:-93px;
}
}
@media screen and (max-width:767px)
{
.play.games span.container
{
width:144px;
height:144px;
margin-left:-72px;
}
}
.play.games span.container span.icon
{
background-image:url(btn_play_icons_pink.png);
background-repeat:no-repeat;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.play.games span.container span.icon
{
background-image:url(btn_play_icons_pink@2x.png);
-webkit-background-size:410px 206px;
-moz-background-size:410px 206px;
-o-background-size:410px 206px;
background-size:410px 206px;
}
}
.no-backgroundsize .play.games span.container span.icon
{
background-image:url(btn_play_icons_pink.png);
}
@media screen and (max-width:1680px)
{
.play.games span.container span.icon
{
width:206px;
height:206px;
margin-left:-103px;
-webkit-background-size:410px 206px;
-moz-background-size:410px 206px;
-o-background-size:410px 206px;
background-size:410px 206px;
background-position:-204px 0px;
}
}
@media screen and (max-width:767px)
{
.play.games span.container span.icon
{
width:160px;
height:160px;
margin-left:-80px;
-webkit-background-size:320px 161px;
-moz-background-size:320px 161px;
-o-background-size:320px 161px;
background-size:320px 161px;
background-position:-159px -4px;
}
}
.play.games span.container span.icon:first-child
{
top:0px;
background-position:0px 0px;
opacity:1;
}
@media screen and (max-width:767px)
{
.play.games span.container span.icon:first-child
{
background-position:0px -4px;
}
}
.play.games span.container.hover span.icon
{
top:0px;
opacity:1;
}
.play.games span.container.hover span.icon:first-child
{
top:206px;
opacity:0;
}
.v-close
{
position:absolute;
z-index:9999;
top:0;
right:0;
text-align:center;
font-size:15px;
cursor:pointer;
display:none;
}
@media screen and (max-width:1023px)
{
.v-close
{
display:block;
}
}
.v-close a
{
display:block;
color:#fff;
text-decoration:none;
width:70px;
height:70px;
background-image:url(video_close_icon.png);
background-repeat:no-repeat;
background-position:center;
background-color:#000;
opacity:0.5;
text-indent:-9999em;
-webkit-transition:opacity 0.25s ease-in-out;
-moz-transition:opacity 0.25s ease-in-out;
-ms-transition:opacity 0.25s ease-in-out;
transition:opacity 0.25s ease-in-out;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.v-close a
{
background-image:url(video_close_icon@2x.png);
-webkit-background-size:24px 24px;
-moz-background-size:24px 24px;
-o-background-size:24px 24px;
background-size:24px 24px;
}
}
.no-backgroundsize .v-close a
{
background-image:url(video_close_icon.png);
}
.v-close a:hover
{
opacity:0.75;
}
@media screen and (max-width:767px)
{
.v-close a
{
width:35px;
height:35px;
-webkit-background-size:12px 12px;
-moz-background-size:12px 12px;
-o-background-size:12px 12px;
background-size:12px 12px;
}
}
div.video:hover .v-close
{
display:block;
}
.jwclick
{
display:none !important;
}
.jwdisplayIcon .jwicon
{
-webkit-backface-visibility:hidden;
}
.transit_none
{
-webkit-transition:none !important;
-moz-transition:none !important;
-ms-transition:none !important;
-o-transition:none !important;
transition:none !important;
}
article.node-article
{
color:#000;
}
article.node-article h2
{
background:none;
width:75%;
margin-top:-.15em;
line-height:1.1em;
}
@media screen and (max-width:767px)
{
article.node-article h2
{
width:100%;
margin-top:0;
margin-bottom:0;
}
}
@media screen and (max-width:1280px)
{
article.node-article h2.center
{
text-align:center;
width:100%;
line-height:1.2em;
padding-bottom:1em;
margin-bottom:0.25em;
background:url(heading_divider_gray@2x.png) no-repeat bottom center;
-webkit-background-size:60px 1px;
-moz-background-size:60px 1px;
-o-background-size:60px 1px;
background-size:60px 1px;
}
article.node-article h2.center span
{
display:block;
}
}
@media screen and (max-width:767px)
{
article.node-article h2.center
{
margin-bottom:1.25em;
}
}
article.node-article h3
{
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:24px;
margin:0;
padding:0 0 .75em 0;
}
@media screen and (max-width:1680px)
{
article.node-article h3
{
font-size:22px;
}
}
article.node-article h4
{
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:17px;
padding-bottom:.5em;
}
@media screen and (max-width:1680px)
{
article.node-article h4
{
font-size:15px;
}
}
article.node-article hr
{
border:0;
height:1px;
border-top:1px solid #e1e1e1;
margin:1em 0 2em 0;
}
@media screen and (max-width:1680px)
{
article.node-article hr
{
margin:.25em 0 1.75em 0;
}
}
article.node-article a
{
color:#000;
border-bottom:3px solid #cbe9fe;
-webkit-transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
}
article.node-article a:hover
{
color:#555;
}
@media screen and (max-width:1280px)
{
article.node-article p
{
font-size:16px;
}
}
article.node-article ol,article.node-article ul
{
margin-left:20px;
padding-left:0;
}
article.node-article ol li,article.node-article ul li
{
list-style:square;
}
@media screen and (max-width:1280px)
{
article.node-article ol li,article.node-article ul li
{
font-size:16px;
}
}
article.node-article .content
{
padding:0 !important;
}
article.node-article .grid-system-row.odd
{
background:#f8f8f8;
border-top:1px solid #fff;
border-bottom:1px solid #e4e4e4;
min-height:11em;
}
article.node-article .grid-system-row.even
{
background:#f2f2f2;
border-top:1px solid #fff;
border-bottom:1px solid #e4e4e4;
min-height:11em;
}
article.node-article .grid-system-row.row-contact-support
{
background-position:10.5em bottom;
}
@media screen and (max-width:1680px)
{
article.node-article .grid-system-row.row-contact-support
{
-webkit-background-size:295px auto;
-moz-background-size:295px auto;
-o-background-size:295px auto;
background-size:295px auto;
background-position:4.5em bottom;
}
}
@media screen and (max-width:1280px)
{
article.node-article .grid-system-row.row-contact-support
{
-webkit-background-size:265px auto;
-moz-background-size:265px auto;
-o-background-size:265px auto;
background-size:265px auto;
}
}
@media screen and (max-width:1023px)
{
article.node-article .grid-system-row.row-contact-support
{
-webkit-background-size:245px auto;
-moz-background-size:245px auto;
-o-background-size:245px auto;
background-size:245px auto;
background-position:3em bottom;
}
}
@media screen and (max-width:767px)
{
article.node-article .grid-system-row.row-contact-support
{
padding-bottom:21em;
-webkit-background-size:225px auto;
-moz-background-size:225px auto;
-o-background-size:225px auto;
background-size:225px auto;
background-position:20px bottom;
}
}
article.node-article .grid-system-row.row-press-releases a
{
border:0;
}
article.node-article .grid-system-row.row-press-releases a:hover
{
color:#555;
}
article.node-article .grid-system-row.row-press-releases ul
{
margin:0;
padding:0;
}
article.node-article .grid-system-row.row-press-releases li
{
list-style-type:none;
border-top:1px solid #dbdbdc;
padding-top:3.25em;
margin-top:2em;
margin-left:0;
margin-right:0;
}
article.node-article .grid-system-row.row-press-releases li:first-child
{
border:none;
padding-top:0;
margin-top:.25em;
}
article.node-article .grid-system-row.row-press-releases h4
{
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:23px;
font-weight:500;
margin-bottom:0;
}
@media screen and (max-width:1680px)
{
article.node-article .grid-system-row.row-press-releases h4
{
font-size:20px;
}
}
article.node-article .grid-system-row.row-press-releases h4 a
{
-webkit-transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
}
article.node-article .grid-system-row.row-press-releases .date
{
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:16px;
color:#919191;
}
article.node-article .grid-system-row.row-press-releases .link
{
margin-top:.75em;
font-size:15px;
font-weight:600;
text-transform:uppercase;
}
article.node-article .grid-system-row.row-media-coverage .item
{
border-top:1px solid #dbdbdc;
padding-top:3.25em;
margin-top:2em;
}
article.node-article .grid-system-row.row-media-coverage .item:first-child
{
border:none;
padding-top:0;
margin-top:.25em;
}
article.node-article .grid-system-row.row-media-coverage h3
{
width:66%;
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:40px;
}
article.node-article .grid-system-row.row-media-coverage h4
{
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:23px;
font-weight:500;
margin-bottom:0;
}
@media screen and (max-width:1680px)
{
article.node-article .grid-system-row.row-media-coverage h4
{
font-size:20px;
}
}
article.node-article .grid-system-row.row-media-coverage .date
{
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:16px;
color:#919191;
}
article.node-article .grid-system-row.row-media-coverage .author
{
padding-bottom:.5em;
}
article.node-article .grid-system-row.row-media-coverage .link
{
margin-top:.75em;
font-size:15px;
font-weight:600;
text-transform:uppercase;
}
article.node-article .grid-system-row.row-media-coverage .link a
{
border:none;
}
article.node-article .grid-system-row.row-branding hr
{
margin-bottom:3em;
}
article.node-article .grid-system-row.row-branding .logo
{
margin-top:.5em;
margin-bottom:3em;
width:100%;
overflow:hidden;
}
@media screen and (max-width:1280px)
{
article.node-article .grid-system-row.row-branding .logo
{
margin-bottom:1.5em;
}
}
article.node-article .grid-system-row.row-branding .logo a
{
border:0;
}
article.node-article .grid-system-row.row-branding .logo .image-small
{
float:left;
width:auto;
}
@media screen and (max-width:1023px)
{
article.node-article .grid-system-row.row-branding .logo .image-small
{
float:none;
margin-bottom:1em;
}
}
article.node-article .grid-system-row.row-branding .logo .image-small .image
{
margin-right:0;
}
article.node-article .grid-system-row.row-branding .logo .image-small .image:first-child
{
margin-right:15px;
}
@media screen and (max-width:1680px)
{
article.node-article .grid-system-row.row-branding .logo .image-small .image:first-child
{
margin-right:12px;
}
}
@media screen and (max-width:1280px)
{
article.node-article .grid-system-row.row-branding .logo .image-small .image:first-child
{
margin-right:16px;
}
}
@media screen and (max-width:767px)
{
article.node-article .grid-system-row.row-branding .logo .image-small .image:first-child
{
margin-right:0;
}
}
article.node-article .grid-system-row.row-branding .logo .image-small .image a
{
display:block;
width:298px;
height:298px;
background-color:#fff;
border:1px solid #dcdcdc;
position:relative;
}
@media screen and (max-width:1680px)
{
article.node-article .grid-system-row.row-branding .logo .image-small .image a
{
width:250px;
height:250px;
}
}
@media screen and (max-width:1280px)
{
article.node-article .grid-system-row.row-branding .logo .image-small .image a
{
width:208px;
height:208px;
}
}
@media screen and (max-width:1023px)
{
article.node-article .grid-system-row.row-branding .logo .image-small .image a
{
width:250px;
height:250px;
}
}
@media screen and (max-width:767px)
{
article.node-article .grid-system-row.row-branding .logo .image-small .image a
{
width:275px;
height:275px;
}
}
article.node-article .grid-system-row.row-branding .logo .image-small .image a img
{
display:block;
}
@media screen and (max-width:1280px)
{
article.node-article .grid-system-row.row-branding .logo .image-small .image a img
{
-webkit-transform:scale(0.75);
-moz-transform:scale(0.75);
-o-transform:scale(0.75);
-ms-transform:scale(0.75);
transform:scale(0.75);
}
}
article.node-article .grid-system-row.row-branding .logo .image-large .image
{
border:1px solid #dcdcdc;
font-size:0;
line-height:0;
}
article.node-article .grid-system-row.row-branding .logo .image-large .image img
{
max-width:100%;
height:auto !important;
position:relative;
}
@media only screen and (max-width:620px)
{
article.node-article .grid-system-row.row-branding .logo .image-large .image img
{
width:100% !important;
max-width:100% !important;
}
}
article.node-article .grid-system-row.row-branding .logo.company .image-small .image.white
{
margin-right:0;
}
article.node-article .grid-system-row.row-branding .logo.company .image-small .image.white a
{
background-color:#000;
border-color:#000;
}
article.node-article .grid-system-row.row-branding .logo.company .image-small .image img
{
position:absolute;
top:50%;
left:50%;
margin-left:-52px;
margin-top:-42px;
}
article.node-article .grid-system-row.row-branding .logo.coc .image-small .image.transparent,article.node-article .grid-system-row.row-branding .logo.bb .image-small .image.transparent,article.node-article .grid-system-row.row-branding .logo.hd .image-small .image.transparent
{
margin-right:0;
}
article.node-article .grid-system-row.row-branding .logo.coc .image-small .image.transparent a,article.node-article .grid-system-row.row-branding .logo.bb .image-small .image.transparent a,article.node-article .grid-system-row.row-branding .logo.hd .image-small .image.transparent a
{
background-color:transparent;
}
article.node-article .grid-system-row.row-branding .logo.coc .image-small .image img,article.node-article .grid-system-row.row-branding .logo.bb .image-small .image img,article.node-article .grid-system-row.row-branding .logo.hd .image-small .image img
{
position:absolute;
top:50%;
left:50%;
margin-left:-105px;
margin-top:-54px;
}
article.node-article .grid-system-row.row-branding .logo.bb .image-small .image img
{
margin-left:-100px;
margin-top:-80px;
}
article.node-article .grid-system-row.row-branding .logo.hd .image-small .image img
{
margin-left:-105px;
margin-top:-78px;
}
article.node-article .grid-system-row.row-branding .logo h5
{
font-weight:400;
font-size:16px;
margin:0;
padding:0 0 .5em 0;
color:#000;
}
@media screen and (max-width:1680px)
{
article.node-article .grid-system-row.row-branding .logo h5
{
font-size:14px;
}
}
article.node-article .grid-system-row.row-branding .logo .download
{
margin-top:1.25em;
font-size:14px;
color:#b2b2b2;
}
@media screen and (max-width:1280px)
{
article.node-article .grid-system-row.row-branding .logo .download
{
font-size:12px;
}
}
article.node-article .grid-system-row.row-branding .logo .download a
{
color:#b2b2b2;
color:#aaa;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border:1px solid #ddd;
font-size:12px;
padding:8px 12px 7px 12px;
display:inline-block;
margin-right:8px;
line-height:1em;
}
article.node-article .grid-system-row.row-branding .logo .download a:hover
{
color:#666;
border-color:#aaa;
}
article.node-article .grid-system-row.row-branding .grid-system-column
{
padding-bottom:0;
}
article.node-article .grid-system-row.row-branding .grid-system-column:first-child p
{
padding-right:20px;
}
@media screen and (max-width:1023px)
{
article.node-article .grid-system-row.row-branding .grid-system-column:first-child p
{
padding-right:0;
}
}
article.node-article .grid-system-row.row-opt-out-first
{
padding-bottom:1em;
}
article.node-article .grid-system-row.row-opt-out-last
{
padding-top:1em;
}
@media screen and (max-width:1280px)
{
article.node-article .grid-system-row.row-opt-out-last div:first-child
{
display:none;
}
}
article.node-article .grid-system-row.row-opt-out-table
{
padding-top:0;
padding-bottom:0;
}
@media screen and (max-width:1280px)
{
article.node-article .grid-system-row.row-opt-out-table
{
margin-left:5px;
}
}
@media screen and (max-width:767px)
{
article.node-article .grid-system-row.row-opt-out-table
{
margin-left:0;
}
}
article.node-article .grid-system-row.row-opt-out-table .grid-system-column
{
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
padding-top:4em;
padding-bottom:4em;
}
@media screen and (max-width:767px)
{
article.node-article .grid-system-row.row-opt-out-table .grid-system-column
{
padding-top:3.5em;
padding-bottom:3.5em;
}
}
article.node-article .grid-system-row.row-opt-out-table table
{
width:100%;
}
@media screen and (max-width:1280px)
{
article.node-article .grid-system-row.row-opt-out-table table
{
width:675px;
margin:0 auto;
}
}
@media screen and (max-width:1023px)
{
article.node-article .grid-system-row.row-opt-out-table table
{
width:503px;
}
}
@media screen and (max-width:767px)
{
article.node-article .grid-system-row.row-opt-out-table table
{
width:100%;
}
}
article.node-article .grid-system-row.row-opt-out-table table thead tr
{
border-bottom:none !important;
}
article.node-article .grid-system-row.row-opt-out-table table thead tr th
{
border-bottom:none !important;
font-weight:600;
padding-left:15px;
}
article.node-article .grid-system-row.row-opt-out-table table thead tr th:first-child
{
padding-left:0;
}
@media screen and (max-width:767px)
{
article.node-article .grid-system-row.row-opt-out-table table thead
{
display:none;
}
}
article.node-article .grid-system-row.row-opt-out-table table tbody tr td
{
width:33.33%;
padding-left:15px;
}
article.node-article .grid-system-row.row-opt-out-table table tbody tr td:first-child
{
padding-left:0;
}
@media screen and (max-width:1280px)
{
article.node-article .grid-system-row.row-opt-out-table table tbody tr td:first-child
{
width:50%;
}
}
@media screen and (max-width:767px)
{
article.node-article .grid-system-row.row-opt-out-table table tbody tr td:first-child
{
width:auto;
}
}
article.node-article .grid-system-row.row-opt-out-table table tbody tr td a
{
border:0;
}
@media screen and (max-width:767px)
{
article.node-article .grid-system-row.row-opt-out-table table tbody tr td
{
display:block;
width:100%;
padding-left:3px;
font-size:13px;
}
article.node-article .grid-system-row.row-opt-out-table table tbody tr td a
{
font-size:1em;
}
article.node-article .grid-system-row.row-opt-out-table table tbody tr td:first-child
{
padding-left:3px;
margin-top:1em;
}
article.node-article .grid-system-row.row-opt-out-table table tbody tr td:before
{
content:attr(data-th);
font-weight:600;
min-width:10em;
display:inline-block;
}
}
@media screen and (max-width:767px)
{
article.node-article .grid-system-row.row-opt-out-table table tbody tr td:before
{
display:block;
}
}
article.node-article .grid-system-row.row-opt-out-table table tbody tr:first-child td:first-child
{
margin-top:0 !important;
}
article.node-article .grid-system-column
{
padding-top:2.5em;
padding-bottom:1.5em;
}
@media screen and (max-width:1680px)
{
article.node-article .grid-system-column
{
padding-top:1.5em;
padding-bottom:1em;
}
}
@media screen and (max-width:1023px)
{
article.node-article .grid-system-column
{
padding-top:2em;
padding-bottom:0;
}
}
@media screen and (max-width:767px)
{
article.node-article .grid-system-column
{
padding-top:0em;
}
}
article.node-article table
{
margin:0;
padding:0;
border:none;
}
article.node-article table tbody
{
border:none;
}
article.node-press-release,article.node-critical-news
{
color:#000;
}
article.node-press-release h1,article.node-critical-news h1
{
line-height:1.15em;
padding-bottom:.5em;
padding-right:1.5em;
}
article.node-press-release h4,article.node-critical-news h4
{
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:24px;
font-weight:600;
text-transform:none;
line-height:1.5em;
padding-bottom:1.25em;
}
@media screen and (max-width:1280px)
{
article.node-press-release h4,article.node-critical-news h4
{
font-size:20px;
}
}
article.node-press-release .date,article.node-critical-news .date,article.node-press-release time,article.node-critical-news time
{
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:30px;
}
@media screen and (max-width:1280px)
{
article.node-press-release .date,article.node-critical-news .date,article.node-press-release time,article.node-critical-news time
{
font-size:22px;
}
}
article.node-press-release a,article.node-critical-news a
{
color:#000;
border-bottom:3px solid #cbe9fe;
}
article.node-press-release a:hover,article.node-critical-news a:hover
{
color:#555;
}
body.section-contact-us div.page .hero-title.below-content h4,body.section-contact-us div.page .hero-title.below-content h5
{
color:#fff;
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:70px;
line-height:1.2em;
margin-top:-.5em;
}
body.section-contact-us div.page .hero-title.below-content h4 span,body.section-contact-us div.page .hero-title.below-content h5 span
{
display:block;
}
@media screen and (max-width:1680px)
{
body.section-contact-us div.page .hero-title.below-content h4,body.section-contact-us div.page .hero-title.below-content h5
{
font-size:64px;
}
}
@media screen and (max-width:1280px)
{
body.section-contact-us div.page .hero-title.below-content h4,body.section-contact-us div.page .hero-title.below-content h5
{
font-size:54px;
}
}
@media screen and (max-width:1023px)
{
body.section-contact-us div.page .hero-title.below-content h4,body.section-contact-us div.page .hero-title.below-content h5
{
font-size:46px;
}
}
@media screen and (max-width:767px)
{
body.section-contact-us div.page .hero-title.below-content h4,body.section-contact-us div.page .hero-title.below-content h5
{
font-size:37px;
}
}
.m-fan-content-policy
{
background:#F2F2F2;
padding:0.5em 0 1.5em 0;
border-top:1px solid #E4E4E4;
}
@media screen and (max-width:767px)
{
.m-fan-content-policy
{
padding:0 0 1em 0;
}
}
.m-fan-content-policy h2
{
background:transparent !important;
}
.m-fan-content-policy p
{
color:#000;
margin-bottom:1em;
}
.section-fan-content-policy article.node-article h2.center
{
background:none;
padding-bottom:0;
margin-bottom:0;
}
article.node-article .language-menu
{
padding-top:2.25em;
}
@media screen and (max-width:1680px)
{
article.node-article .language-menu
{
padding-top:1em;
}
}
@media screen and (max-width:767px)
{
article.node-article .language-menu
{
padding-top:0;
}
}
#content-language
{
display:none;
}
html.js #content-language
{
display:block;
height:44px;
line-height:15px;
position:relative;
margin-top:-5px;
margin-bottom:2em;
max-width:400px;
display:inline-block;
}
@media screen and (max-width:1023px)
{
html.js #content-language
{
max-width:none;
width:100%;
margin-bottom:3em;
}
}
@media screen and (max-width:767px)
{
html.js #content-language
{
margin-top:2.75em;
margin-bottom:2.5em;
}
}
html.js #content-language #active-language
{
display:block;
position:absolute;
top:0;
left:0;
font-size:15px;
text-transform:uppercase;
font-weight:600;
color:#fff;
width:307px;
height:44px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
z-index:2;
cursor:pointer;
background-color:#000;
background-image:url(bg_button_arrow.png);
background-repeat:no-repeat;
background-position:276px -1738px;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
html.js #content-language #active-language
{
background-image:url(bg_button_arrow@2x.png);
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}
.no-backgroundsize html.js #content-language #active-language
{
background-image:url(bg_button_arrow.png);
}
@media screen and (max-width:1023px)
{
html.js #content-language #active-language
{
left:50%;
margin-left:-153px;
}
}
@media screen and (max-width:767px)
{
html.js #content-language #active-language
{
width:278px;
font-size:13px;
background-position:244px -1738px;
margin-left:-139px;
}
}
html.js #content-language #active-language span
{
display:block;
padding:15px 0 9px 16px;
}
html.js #content-language select
{
display:block;
position:absolute;
width:348px;
top:0;
left:50%;
margin-left:-174px;
left:0;
margin-left:0;
z-index:3;
padding:4px 0 4px 12px;
opacity:0.8;
font-size:15px;
font-weight:500;
color:#000;
cursor:pointer;
-moz-opacity:0;
-khtml-opacity:0;
-webkit-opacity:0;
opacity:0;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
width:307px;
border:none;
height:44px;
display:none;
}
@media screen and (max-width:1280px)
{
html.js #content-language select
{
display:block;
}
}
@media screen and (max-width:1023px)
{
html.js #content-language select
{
left:50%;
margin-left:-153px;
}
}
@media screen and (max-width:767px)
{
html.js #content-language select
{
width:278px;
margin-left:-139px;
font-size:13px;
}
}
html.js #content-language ul.dd
{
display:none;
position:absolute;
top:42px;
left:0;
z-index:1;
background:#212121;
margin:0;
padding:9px 0 8px 0;
width:307px;
font-weight:500;
-webkit-border-top-right-radius:0;
-webkit-border-bottom-right-radius:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-top-left-radius:0;
-moz-border-radius-topright:0;
-moz-border-radius-bottomright:4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-topleft:0;
border-top-right-radius:0;
border-bottom-right-radius:4px;
border-bottom-left-radius:4px;
border-top-left-radius:0;
-moz-background-clip:padding-box;
-webkit-background-clip:padding-box;
background-clip:padding-box;
}
html.js #content-language ul.dd.open
{
display:block;
}
html.js #content-language ul.dd li
{
margin:0;
padding:0;
list-style-type:none;
}
html.js #content-language ul.dd li a
{
border:0;
display:block;
padding:7px 16px 7px 16px;
color:#666;
}
html.js #content-language ul.dd li a:hover
{
color:#fff;
}
html.js #content-language ul.dd li.active a
{
color:#fff;
}
.truste
{
float:right;
margin-left:10px;
margin-top:4px;
}
@media screen and (max-width:1023px)
{
.truste
{
margin-top:4px;
}
}
.section-contact-us div.page .hero-title h4,.section-support div.page .hero-title h4
{
display:none;
}
.section-contact-us div.page .hero-title .field,.section-support div.page .hero-title .field
{
margin-top:16px !important;
}
@media screen and (max-width:767px)
{
.section-contact-us div.page .hero-title .field,.section-support div.page .hero-title .field
{
width:86%;
margin-left:-43%;
}
}
.section-contact-us div.page .hero-title .content-title,.section-support div.page .hero-title .content-title
{
color:#fff;
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:86px;
padding-bottom:.65em !important;
margin-bottom:.75em;
background:url(heading_divider_trans@2x.png) no-repeat bottom center;
-webkit-background-size:60px 1px;
-moz-background-size:60px 1px;
-o-background-size:60px 1px;
background-size:60px 1px;
line-height:1.2em;
}
.section-contact-us div.page .hero-title .content-title span,.section-support div.page .hero-title .content-title span
{
display:block;
}
@media screen and (max-width:1920px)
{
.section-contact-us div.page .hero-title .content-title,.section-support div.page .hero-title .content-title
{
font-size:80px;
}
}
@media screen and (max-width:1680px)
{
.section-contact-us div.page .hero-title .content-title,.section-support div.page .hero-title .content-title
{
font-size:64px;
}
}
@media screen and (max-width:1280px)
{
.section-contact-us div.page .hero-title .content-title,.section-support div.page .hero-title .content-title
{
font-size:55px;
}
}
@media screen and (max-width:767px)
{
.section-contact-us div.page .hero-title .content-title,.section-support div.page .hero-title .content-title
{
font-size:37px;
}
}
.section-contact-us div.page .hero-title .text,.section-support div.page .hero-title .text
{
line-height:1.25em;
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:22px;
text-transform:none;
text-align:center;
width:100%;
font-weight:300;
font-weight:400;
}
@media screen and (max-width:1680px)
{
.section-contact-us div.page .hero-title .text,.section-support div.page .hero-title .text
{
font-size:19px;
}
}
@media screen and (max-width:1280px)
{
.section-contact-us div.page .hero-title .text,.section-support div.page .hero-title .text
{
font-size:16px;
}
}
@media screen and (max-width:1023px)
{
.section-contact-us div.page .hero-title .text,.section-support div.page .hero-title .text
{
font-size:15px;
font-weight:400;
}
}
@media screen and (max-width:767px)
{
.section-contact-us div.page .hero-title .text,.section-support div.page .hero-title .text
{
font-size:12px;
position:relative;
line-height:1.75em;
}
}
body.page-search #main-content
{
padding:1em 172px 4em 172px;
width:auto;
}
@media screen and (max-width:1680px)
{
body.page-search #main-content
{
padding-left:74px;
padding-right:74px;
}
}
@media screen and (max-width:1280px)
{
body.page-search #main-content
{
padding-left:66px;
padding-right:66px;
}
}
@media screen and (max-width:1023px)
{
body.page-search #main-content
{
padding:1em 42px;
}
}
@media screen and (max-width:767px)
{
body.page-search #main-content
{
padding:1em 20px;
}
}
body.page-search #main-content h2
{
font-size:30px;
margin-bottom:1em;
}
body.page-search #main-content .node-results article h3
{
font-size:16px;
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-weight:600;
text-transform:none;
margin:1em 0;
}
body.page-search #main-content .node-results article p
{
font-size:16px;
}
body.page-search #main-content .node-results article p strong
{
font-weight:normal;
font-style:italic;
}
body.page-search #main-content .node-results article footer
{
display:none;
}
body.page-search #main-content ul.pager
{
padding-left:0;
}
body.page-search #main-content ul.pager li
{
margin:0 5px;
}
.krumo-root
{
z-index:9999;
position:relative;
}
.drupal-messages
{
position:static;
top:0;
left:0;
font-size:12px;
z-index:2;
}
.drupal-messages .messages
{
margin:0;
}
@media screen and (max-width:1023px)
{
#admin-menu-account
{
display:none;
}
}
@media screen and (max-width:1023px)
{
#admin-menu
{
display:none !important;
}
html body.admin-menu
{
margin-top:0px !important;
}
}
.action-links
{
display:none;
}
div.contextual-links-wrapper
{
width:30px;
height:30px;
top:10px;
right:10px;
z-index:9;
}
div.contextual-links-wrapper a.contextual-links-trigger
{
display:block;
background-color:#ffffff;
}
@media screen and (max-width:767px)
{
nav.tabs,div.contextual-links-wrapper
{
display:none !important;
}
}
nav.tabs
{
position:relative;
top:0;
right:0;
width:100%;
opacity:0.85;
z-index:5;
}
nav.tabs ul.primary
{
border-bottom:medium none;
float:right;
font-size:0.923em;
height:2.6em;
height:0;
margin:12px 0 0;
margin:0;
padding-top:0;
text-transform:uppercase;
}
nav.tabs ul.primary li
{
float:left;
list-style:none;
margin:0;
}
nav.tabs ul.primary li a:link,nav.tabs ul.primary li a.active,nav.tabs ul.primary li a:active,nav.tabs ul.primary li a:visited,nav.tabs ul.primary li a:hover,nav.tabs ul.primary li.active a
{
display:block;
float:left;
line-height:14px;
background-color:#ccc;
color:#000;
font-weight:normal;
border-width:1px 1px 1px 1px;
border:0;
border-style:solid;
border-color:#a6a7a2;
font-family:"Open Sans","Segoe UI","Helvetica",sans-serif;
font-size:14px;
font-weight:300;
margin:0;
padding:10px 14px;
text-transform:none;
}
nav.tabs ul.primary li.active a,nav.tabs ul.primary li.active a.active,nav.tabs ul.primary li.active a:active,nav.tabs ul.primary li.active a:visited
{
background-color:#eee;
border:none;
border-top:2px solid #0074BD;
margin-top:-2px;
}
nav.tabs ul.primary li a:hover
{
color:#fff;
color:#000;
background-color:#ddd;
}
nav.tabs ul.primary li.active a:hover
{
color:#000;
}
nav.tabs.tabs-secondary
{
clear:both;
}
nav.tabs ul.secondary
{
font-size:0.923em;
padding:0 3px 5px;
line-height:1.385em;
overflow:hidden;
background-color:#fff;
text-align:right;
width:100%;
}
nav.tabs ul.secondary li
{
margin:0 5px;
float:none;
}
nav.tabs ul.secondary li a
{
background-color:#ddd;
color:#000;
display:inline-block;
}
nav.tabs ul.secondary li a,nav.tabs ul.secondary li a:hover,nav.tabs ul.secondary li.active a,nav.tabs ul.secondary li.active a.active
{
padding:2px 10px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}
nav.tabs ul.secondary li a:hover,nav.tabs ul.secondary li.active a,nav.tabs ul.secondary li.active a.active
{
color:#fff;
background:#666;
}
nav.tabs li
{
padding:0;
}
div.vertical-tabs ul li.vertical-tab-button a
{
border-right:1px solid #CCCCCC;
background:#F9F9F9;
}
div.vertical-tabs ul li.vertical-tab-button a:hover,div.vertical-tabs ul li.vertical-tab-button a:focus
{
background:#efefef;
outline:0 none;
text-decoration:none;
}
div.vertical-tabs ul li.vertical-tab-button .selected a
{
border-right:none;
background:#fff;
}
div.vertical-tabs ul li.selected a,div.vertical-tabs ul li.selected a:hover,div.vertical-tabs ul li.selected a:focus,div.vertical-tabs ul li.selected a:active
{
border-left:5px solid #0074BD;
background:none repeat scroll 0 0 #FFFFFF;
border-right:0 none;
margin-left:-1px;
}
div.vertical-tabs ul li.selected a:focus strong
{
text-decoration:none;
}
.marker,.form-required
{
color:#555;
}

.m-support-links
{
background:#78C3FC;
}
@media screen and (max-width:1023px)
{
.m-support-links
{
background:#6cbaf9;
}
}
.m-support-links *
{
color:#fff;
}
@media screen and (max-width:767px)
{
.m-support-links h2
{
text-align:center;
background:#6dbcf8;
padding:2em;
}
}
.m-support-links h3
{
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:22px;
font-weight:500 !important;
line-height:1.25em;
margin:0;
text-transform:none;
padding-bottom:1em;
}
@media screen and (max-width:1280px)
{
.m-support-links h3
{
font-size:15px;
}
}
@media screen and (max-width:1023px)
{
.m-support-links h3
{
font-size:17px;
}
}
@media screen and (max-width:767px)
{
.m-support-links h3
{
display:none;
}
}
.m-support-links p
{
padding-bottom:2em;
font-weight:300;
font-weight:400;
}
@media screen and (max-width:1680px)
{
.m-support-links p
{
padding-bottom:3em;
}
}
@media screen and (max-width:1280px)
{
.m-support-links p
{
font-size:14px;
padding-bottom:2.5em;
}
}
@media screen and (max-width:767px)
{
.m-support-links p
{
display:block;
text-align:center;
width:auto;
}
.m-support-links p.with-button
{
padding:0 0 2.5em 0;
}
}
@media screen and (max-width:767px)
{
.m-support-links .content
{
padding:0 0 15em 0 !important;
}
}
.m-support-links .player-support
{
padding-bottom:0;
border-bottom:1px solid #fff;
}
@media screen and (max-width:1023px)
{
.m-support-links .player-support
{
width:100%;
}
}
@media screen and (max-width:767px)
{
.m-support-links .player-support
{
border:0;
padding:.5em 0 0em 0;
background:#6dbcf8;
}
}
.m-support-links .parents-guide,.m-support-links .fraud-issues
{
float:left;
width:45%;
margin-top:2em;
}
@media screen and (max-width:1680px)
{
.m-support-links .parents-guide,.m-support-links .fraud-issues
{
margin-top:2.5em;
}
}
@media screen and (max-width:1023px)
{
.m-support-links .parents-guide,.m-support-links .fraud-issues
{
width:50%;
float:right;
clear:both;
}
}
@media screen and (max-width:767px)
{
.m-support-links .parents-guide,.m-support-links .fraud-issues
{
width:100%;
border:0;
padding:2em 0 1em 0;
margin:0;
max-width:350px;
float:none;
}
}
.m-support-links .fraud-issues
{
float:right;
border-bottom:0;
}
@media screen and (max-width:1023px)
{
.m-support-links .fraud-issues
{
width:50%;
float:right;
clear:both;
padding:0;
margin-top:0;
}
.m-support-links .fraud-issues p.with-button
{
padding-bottom:1em;
}
}
@media screen and (max-width:767px)
{
.m-support-links .fraud-issues
{
width:100%;
max-width:350px;
float:none;
margin:0 auto;
}
}
@media screen and (max-width:767px)
{
.m-support-links.other .content
{
padding:0 20px 1.5em 20px !important;
}
}
@media screen and (max-width:767px)
{
.m-support-links.other .parents-guide,.m-support-links.other .fraud-issues
{
padding:1em 0 1em 0;
margin:0 auto;
background:none;
}
}
@media screen and (max-width:767px)
{
.m-support-links.other .parents-guide
{
padding-top:3em;
}
}
@media screen and (max-width:767px)
{
.m-support-links.other .fraud-issues
{
border:none;
}
}
.m-support-games
{
width:auto;
padding-left:400px;
color:#fff;
}
@media screen and (max-width:1680px)
{
.m-support-games
{
padding-left:300px;
-webkit-background-size:200px auto;
-moz-background-size:200px auto;
-o-background-size:200px auto;
background-size:200px auto;
background-position:52px bottom;
}
}
@media screen and (max-width:1280px)
{
.m-support-games
{
padding-left:256px;
-webkit-background-size:170px auto;
-moz-background-size:170px auto;
-o-background-size:170px auto;
background-size:170px auto;
background-position:44px bottom;
}
}
@media screen and (max-width:1023px)
{
.m-support-games
{
padding-left:0;
}
}
@media screen and (max-width:767px)
{
.m-support-games
{
padding-left:0;
background-image:none;
padding-top:3em;
padding-bottom:2em;
}
}
.m-support-games .content
{
padding:0 !important;
}
.m-support-games .item
{
width:400px;
height:400px;
float:left;
}
@media screen and (max-width:1680px)
{
.m-support-games .item
{
width:300px;
height:300px;
}
}
@media screen and (max-width:1280px)
{
.m-support-games .item
{
width:256px;
height:256px;
}
}
@media screen and (max-width:767px)
{
.m-support-games .item
{
width:320px;
background-color:transparent !important;
height:auto;
float:none;
margin-left:auto;
margin-right:auto;
}
}
.m-support-games .item.support
{
background:#78c3fc;
}
.m-support-games .item.parents-guide
{
background:#82c9fe;
}
.m-support-games .item.fraud-issues
{
background:#96d1fd;
}
.m-support-games .item p
{
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:24px;
padding-top:5.5em;
text-align:center;
padding-bottom:1.85em;
}
@media screen and (max-width:1680px)
{
.m-support-games .item p
{
padding-top:4em;
}
}
@media screen and (max-width:1280px)
{
.m-support-games .item p
{
font-size:16px;
padding-top:5em;
padding-bottom:1.35em;
}
}
@media screen and (max-width:767px)
{
.m-support-games .item p
{
padding-top:1em;
}
}
.m-support-games .item p.with-button
{
padding-top:0;
}
#page-games h4,.section-article-content h4
{
display:none;
}
#page-games .hero-title .field,.section-article-content .hero-title .field
{
width:60%;
margin-left:-30%;
}
@media screen and (max-width:1023px)
{
#page-games .hero-title .field,.section-article-content .hero-title .field
{
width:76%;
margin-left:-38%;
}
}
#page-games .hero-title h2,.section-article-content .hero-title h2
{
color:#fff;
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:86px;
padding-bottom:.65em;
margin-bottom:.75em;
background:url(heading_divider_trans@2x.png) no-repeat bottom center;
-webkit-background-size:60px 1px;
-moz-background-size:60px 1px;
-o-background-size:60px 1px;
background-size:60px 1px;
line-height:1.2em;
}
#page-games .hero-title h2 span,.section-article-content .hero-title h2 span
{
display:block;
}
@media screen and (max-width:1920px)
{
#page-games .hero-title h2,.section-article-content .hero-title h2
{
font-size:80px;
}
}
@media screen and (max-width:1680px)
{
#page-games .hero-title h2,.section-article-content .hero-title h2
{
font-size:64px;
}
}
@media screen and (max-width:1280px)
{
#page-games .hero-title h2,.section-article-content .hero-title h2
{
font-size:55px;
}
}
@media screen and (max-width:767px)
{
#page-games .hero-title h2,.section-article-content .hero-title h2
{
font-size:37px;
}
}
#page-games .hero-title h2.invert,.section-article-content .hero-title h2.invert
{
color:#000;
background:url(heading_divider_trans@2x.png) no-repeat bottom center;
-webkit-background-size:60px 1px;
-moz-background-size:60px 1px;
-o-background-size:60px 1px;
background-size:60px 1px;
}
#page-games .hero-title .text,.section-article-content .hero-title .text
{
line-height:1.65em;
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:22px;
text-transform:none;
margin-top:.5em;
text-align:center;
width:100%;
font-weight:300;
font-weight:400;
}
@media screen and (max-width:1680px)
{
#page-games .hero-title .text,.section-article-content .hero-title .text
{
font-size:19px;
}
}
@media screen and (max-width:1280px)
{
#page-games .hero-title .text,.section-article-content .hero-title .text
{
font-size:16px;
}
}
@media screen and (max-width:1023px)
{
#page-games .hero-title .text,.section-article-content .hero-title .text
{
font-size:15px;
font-weight:400;
}
}
@media screen and (max-width:767px)
{
#page-games .hero-title .text,.section-article-content .hero-title .text
{
font-size:12px;
position:relative;
top:0;
margin-bottom:2.5em;
}
}
#page-games .hero-title .text span,.section-article-content .hero-title .text span
{
display:block;
}
#page-games .hero-title .buttons,.section-article-content .hero-title .buttons
{
margin-top:285px;
}
@media screen and (max-width:1680px)
{
#page-games .hero-title .buttons,.section-article-content .hero-title .buttons
{
margin-top:260px;
}
}
@media screen and (max-width:1280px)
{
#page-games .hero-title .buttons,.section-article-content .hero-title .buttons
{
margin-top:200px;
}
}
@media screen and (max-width:1023px)
{
#page-games .hero-title .buttons,.section-article-content .hero-title .buttons
{
margin-top:240px;
}
}
@media screen and (max-width:767px)
{
#page-games .hero-title .buttons,.section-article-content .hero-title .buttons
{
margin-top:2em;
}
}
@media only screen and (max-width:480px)
{
#page-games .hero-title .buttons,.section-article-content .hero-title .buttons
{
margin-top:0.6em;
}
}
#page-games article .content,.section-article-content article .content
{
padding:0;
}
#page-games .article-title,.section-article-content .article-title
{
display:none;
}
@media screen and (max-width:767px)
{
#page-games .m-games-landing,.section-article-content .m-games-landing
{
margin:0 auto;
}
}
#page-games .m-games-landing .introduction,.section-article-content .m-games-landing .introduction
{
width:800px;
height:800px;
background:#f8f8f8;
float:right;
}
@media screen and (max-width:1680px)
{
#page-games .m-games-landing .introduction,.section-article-content .m-games-landing .introduction
{
width:600px;
height:600px;
}
}
@media screen and (max-width:1280px)
{
#page-games .m-games-landing .introduction,.section-article-content .m-games-landing .introduction
{
width:512px;
height:512px;
}
}
@media screen and (max-width:1023px)
{
#page-games .m-games-landing .introduction,.section-article-content .m-games-landing .introduction
{
width:384px;
height:384px;
}
}
@media screen and (max-width:767px)
{
#page-games .m-games-landing .introduction,.section-article-content .m-games-landing .introduction
{
width:320px;
height:auto;
}
}
@media screen and (max-width:639px)
{
#page-games .m-games-landing .introduction,.section-article-content .m-games-landing .introduction
{
width:100%;
float:none !important;
max-width:480px;
margin:0 auto;
}
}
#page-games .m-games-landing .introduction .inner,.section-article-content .m-games-landing .introduction .inner
{
width:75%;
margin:0 auto;
}
@media screen and (max-width:1023px)
{
#page-games .m-games-landing .introduction .inner,.section-article-content .m-games-landing .introduction .inner
{
width:80%;
}
}
@media screen and (max-width:767px)
{
#page-games .m-games-landing .introduction .inner,.section-article-content .m-games-landing .introduction .inner
{
padding-bottom:1em;
}
}
#page-games .m-games-landing .introduction h2,.section-article-content .m-games-landing .introduction h2
{
text-align:center;
background:none;
display:block;
text-indent:-9999px;
height:320px;
background-position:center;
background-repeat:no-repeat;
margin:70px 0 0 0;
padding:0;
}
@media screen and (max-width:1680px)
{
#page-games .m-games-landing .introduction h2,.section-article-content .m-games-landing .introduction h2
{
margin-top:40px;
height:230px;
}
}
@media screen and (max-width:1280px)
{
#page-games .m-games-landing .introduction h2,.section-article-content .m-games-landing .introduction h2
{
margin-top:30px;
height:190px;
}
}
@media screen and (max-width:1023px)
{
#page-games .m-games-landing .introduction h2,.section-article-content .m-games-landing .introduction h2
{
margin-top:20px;
height:136px;
}
}
@media screen and (max-width:767px)
{
#page-games .m-games-landing .introduction h2,.section-article-content .m-games-landing .introduction h2
{
margin-top:0;
}
}
@media screen and (max-width:639px)
{
#page-games .m-games-landing .introduction h2,.section-article-content .m-games-landing .introduction h2
{
padding-top:20px;
}
}
#page-games .m-games-landing .introduction h3,.section-article-content .m-games-landing .introduction h3
{
text-align:center;
background:none;
margin:0;
padding:0;
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:34px;
}
@media screen and (max-width:1680px)
{
#page-games .m-games-landing .introduction h3,.section-article-content .m-games-landing .introduction h3
{
font-size:26px;
}
}
@media screen and (max-width:1280px)
{
#page-games .m-games-landing .introduction h3,.section-article-content .m-games-landing .introduction h3
{
font-size:23px;
}
}
#page-games .m-games-landing .introduction p,.section-article-content .m-games-landing .introduction p
{
text-align:center;
}
#page-games .m-games-landing .introduction p.text,.section-article-content .m-games-landing .introduction p.text
{
margin-top:.75em;
}
@media screen and (max-width:1023px)
{
#page-games .m-games-landing .introduction p.text,.section-article-content .m-games-landing .introduction p.text
{
font-size:13px;
}
}
@media screen and (max-width:767px)
{
#page-games .m-games-landing .introduction p.text,.section-article-content .m-games-landing .introduction p.text
{
font-size:11px;
line-height:1.75em;
}
}
@media screen and (max-width:639px)
{
#page-games .m-games-landing .introduction p.text,.section-article-content .m-games-landing .introduction p.text
{
font-size:13px;
}
}
#page-games .m-games-landing .introduction p.buttons,.section-article-content .m-games-landing .introduction p.buttons
{
margin-top:8.5em;
}
@media screen and (max-width:1680px)
{
#page-games .m-games-landing .introduction p.buttons,.section-article-content .m-games-landing .introduction p.buttons
{
margin-top:4.5em;
}
}
@media screen and (max-width:1023px)
{
#page-games .m-games-landing .introduction p.buttons,.section-article-content .m-games-landing .introduction p.buttons
{
margin-top:1.5em;
}
}
@media screen and (max-width:767px)
{
#page-games .m-games-landing .introduction p.buttons,.section-article-content .m-games-landing .introduction p.buttons
{
margin-top:1em;
}
}
#page-games .m-games-landing .art,.section-article-content .m-games-landing .art
{
width:800px;
height:800px;
float:left;
}
@media screen and (max-width:1680px)
{
#page-games .m-games-landing .art,.section-article-content .m-games-landing .art
{
width:600px;
height:600px;
}
}
@media screen and (max-width:1280px)
{
#page-games .m-games-landing .art,.section-article-content .m-games-landing .art
{
width:512px;
height:512px;
}
}
@media screen and (max-width:1023px)
{
#page-games .m-games-landing .art,.section-article-content .m-games-landing .art
{
width:384px;
height:384px;
}
}
@media screen and (max-width:767px)
{
#page-games .m-games-landing .art,.section-article-content .m-games-landing .art
{
width:320px;
height:320px;
position:relative;
height:100%;
width:50%;
float:left;
}
#page-games .m-games-landing .art:before,.section-article-content .m-games-landing .art:before
{
content:"";
display:block;
padding-top:100%;
}
#page-games .m-games-landing .art a,.section-article-content .m-games-landing .art a
{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
}
}
@media screen and (max-width:639px)
{
#page-games .m-games-landing .art,.section-article-content .m-games-landing .art
{
width:100%;
float:none;
max-width:480px;
margin:0 auto;
float:none !important;
}
}
#page-games .m-games-landing .art a,.section-article-content .m-games-landing .art a
{
-webkit-transition:all 0.25s cubic-bezier(0.455,0.03,0.515,0.955);
-moz-transition:all 0.25s cubic-bezier(0.455,0.03,0.515,0.955);
-ms-transition:all 0.25s cubic-bezier(0.455,0.03,0.515,0.955);
-o-transition:all 0.25s cubic-bezier(0.455,0.03,0.515,0.955);
transition:all 0.25s cubic-bezier(0.455,0.03,0.515,0.955);
display:block;
width:100%;
height:125%;
background:none;
text-indent:-9999px;
-webkit-background-size:100% auto !important;
-moz-background-size:100% auto !important;
-o-background-size:100% auto !important;
background-size:100% auto !important;
}
@media screen and (max-width:1023px)
{
#page-games .m-games-landing .art a,.section-article-content .m-games-landing .art a
{
height:100%;
}
}
@media screen and (max-width:767px)
{
#page-games .m-games-landing.redatoms1 .art,.section-article-content .m-games-landing.redatoms1 .art
{
float:left;
}
}
@media screen and (max-width:639px)
{
#page-games .m-games-landing.redatoms1 .art,.section-article-content .m-games-landing.redatoms1 .art
{
float:none;
}
}
@media screen and (max-width:767px)
{
#page-games .m-games-landing.redatoms1 .introduction,.section-article-content .m-games-landing.redatoms1 .introduction
{
float:right;
}
}
@media screen and (max-width:639px)
{
#page-games .m-games-landing.redatoms1 .introduction,.section-article-content .m-games-landing.redatoms1 .introduction
{
float:none;
}
}
#page-games .m-games-landing.redatoms1 .introduction h2,.section-article-content .m-games-landing.redatoms1 .introduction h2
{
background-repeat:no-repeat;
-webkit-background-size:329px auto;
-moz-background-size:329px auto;
-o-background-size:329px auto;
background-size:329px auto;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-games .m-games-landing.redatoms1 .introduction h2,.section-article-content .m-games-landing.redatoms1 .introduction h2
{
-webkit-background-size:329px 230px;
-moz-background-size:329px 230px;
-o-background-size:329px 230px;
background-size:329px 230px;
}
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-games .m-games-landing.redatoms1 .introduction h2,.section-article-content .m-games-landing.redatoms1 .introduction h2
{
-webkit-background-size:329px 230px;
-moz-background-size:329px 230px;
-o-background-size:329px 230px;
background-size:329px 230px;
}
}
@media screen and (max-width:1680px)
{
#page-games .m-games-landing.redatoms1 .introduction h2,.section-article-content .m-games-landing.redatoms1 .introduction h2
{
-webkit-background-size:260px auto;
-moz-background-size:260px auto;
-o-background-size:260px auto;
background-size:260px auto;
}
}
@media screen and (max-width:1280px)
{
#page-games .m-games-landing.redatoms1 .introduction h2,.section-article-content .m-games-landing.redatoms1 .introduction h2
{
-webkit-background-size:215px auto;
-moz-background-size:215px auto;
-o-background-size:215px auto;
background-size:215px auto;
}
}
@media screen and (max-width:1023px)
{
#page-games .m-games-landing.redatoms1 .introduction h2,.section-article-content .m-games-landing.redatoms1 .introduction h2
{
-webkit-background-size:146px auto;
-moz-background-size:146px auto;
-o-background-size:146px auto;
background-size:146px auto;
}
}
#page-games .m-games-landing.redatoms2 .art,.section-article-content .m-games-landing.redatoms2 .art
{
float:right;
}
#page-games .m-games-landing.redatoms2 .introduction,.section-article-content .m-games-landing.redatoms2 .introduction
{
float:left;
background-color:#f2f2f2;
}
#page-games .m-games-landing.redatoms2 .introduction h2,.section-article-content .m-games-landing.redatoms2 .introduction h2
{
background-repeat:no-repeat;
-webkit-background-size:400px auto;
-moz-background-size:400px auto;
-o-background-size:400px auto;
background-size:400px auto;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-games .m-games-landing.redatoms2 .introduction h2,.section-article-content .m-games-landing.redatoms2 .introduction h2
{
-webkit-background-size:400px 184px;
-moz-background-size:400px 184px;
-o-background-size:400px 184px;
background-size:400px 184px;
}
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-games .m-games-landing.redatoms2 .introduction h2,.section-article-content .m-games-landing.redatoms2 .introduction h2
{
-webkit-background-size:400px 184px;
-moz-background-size:400px 184px;
-o-background-size:400px 184px;
background-size:400px 184px;
}
}
@media screen and (max-width:1680px)
{
#page-games .m-games-landing.redatoms2 .introduction h2,.section-article-content .m-games-landing.redatoms2 .introduction h2
{
-webkit-background-size:315px auto;
-moz-background-size:315px auto;
-o-background-size:315px auto;
background-size:315px auto;
}
}
@media screen and (max-width:1280px)
{
#page-games .m-games-landing.redatoms2 .introduction h2,.section-article-content .m-games-landing.redatoms2 .introduction h2
{
-webkit-background-size:265px auto;
-moz-background-size:265px auto;
-o-background-size:265px auto;
background-size:265px auto;
}
}
@media screen and (max-width:1023px)
{
#page-games .m-games-landing.redatoms2 .introduction h2,.section-article-content .m-games-landing.redatoms2 .introduction h2
{
-webkit-background-size:186px auto;
-moz-background-size:186px auto;
-o-background-size:186px auto;
background-size:186px auto;
}
}
@media screen and (max-width:767px)
{
#page-games .m-games-landing.heroforces3 .art,.section-article-content .m-games-landing.heroforces3 .art
{
float:left;
}
}
@media screen and (max-width:639px)
{
#page-games .m-games-landing.heroforces3 .art,.section-article-content .m-games-landing.heroforces3 .art
{
float:none;
}
}
@media screen and (max-width:767px)
{
#page-games .m-games-landing.heroforces3 .introduction,.section-article-content .m-games-landing.heroforces3 .introduction
{
float:right;
}
}
@media screen and (max-width:639px)
{
#page-games .m-games-landing.heroforces3 .introduction,.section-article-content .m-games-landing.heroforces3 .introduction
{
float:none;
}
}
#page-games .m-games-landing.heroforces3 .introduction h2,.section-article-content .m-games-landing.heroforces3 .introduction h2
{
;
background-repeat:no-repeat;
-webkit-background-size:340px auto;
-moz-background-size:340px auto;
-o-background-size:340px auto;
background-size:340px auto;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-games .m-games-landing.heroforces3 .introduction h2,.section-article-content .m-games-landing.heroforces3 .introduction h2
{
-webkit-background-size:340px 253px;
-moz-background-size:340px 253px;
-o-background-size:340px 253px;
background-size:340px 253px;
}
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-games .m-games-landing.heroforces3 .introduction h2,.section-article-content .m-games-landing.heroforces3 .introduction h2
{
-webkit-background-size:340px 253px;
-moz-background-size:340px 253px;
-o-background-size:340px 253px;
background-size:340px 253px;
}
}
@media screen and (max-width:1680px)
{
#page-games .m-games-landing.heroforces3 .introduction h2,.section-article-content .m-games-landing.heroforces3 .introduction h2
{
-webkit-background-size:225px auto;
-moz-background-size:225px auto;
-o-background-size:225px auto;
background-size:225px auto;
}
}
@media screen and (max-width:1280px)
{
#page-games .m-games-landing.heroforces3 .introduction h2,.section-article-content .m-games-landing.heroforces3 .introduction h2
{
-webkit-background-size:185px auto;
-moz-background-size:185px auto;
-o-background-size:185px auto;
background-size:185px auto;
}
}
@media screen and (max-width:1023px)
{
#page-games .m-games-landing.heroforces3 .introduction h2,.section-article-content .m-games-landing.heroforces3 .introduction h2
{
-webkit-background-size:136px auto;
-moz-background-size:136px auto;
-o-background-size:136px auto;
background-size:136px auto;
}
}
@media screen and (max-width:1023px)
{
#page-games .m-games-landing.heroforces3 .introduction p.buttons,.section-article-content .m-games-landing.heroforces3 .introduction p.buttons
{
margin-top:1.5em !important;
}
}
@media screen and (max-width:767px)
{
#page-games .m-games-landing.heroforces3 .introduction p.buttons,.section-article-content .m-games-landing.heroforces3 .introduction p.buttons
{
margin-top:1em !important;
}
}
.page-games h2
{
background:none !important;
}
.page-games h3
{
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:18px;
font-weight:600;
line-height:1.25em;
margin:0 0 .75em 0;
text-transform:none;
}
@media screen and (max-width:1280px)
{
.page-games h3
{
font-size:15px;
}
}
.page-games .m-introduction
{
border-bottom:1px solid #fff;
}
.page-games .m-introduction .content
{
background-repeat:no-repeat;
background-position:-30% 48px;
padding-bottom:0em;
transition:all 1s;
}
@media only screen and (min-width:1025px)
{
.page-games .m-introduction .content
{
opacity:0;
}
.page-games .m-introduction .content.animate,html.no-js .page-games .m-introduction .content
{
opacity:1;
background-position:0 48px;
}
}
@media screen and (max-width:1680px)
{
.page-games .m-introduction .content
{
background-position:-100% 16px !important;
padding-bottom:2em;
}
.page-games .m-introduction .content.animate,html.no-js .page-games .m-introduction .content
{
background-position:-42% 16px !important;
}
}
@media screen and (max-width:1280px)
{
.page-games .m-introduction .content
{
background-position:-100% 16px !important;
padding-bottom:0em;
}
.page-games .m-introduction .content.animate,html.no-js .page-games .m-introduction .content
{
background-position:-80% 16px !important;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-introduction .content
{
padding-bottom:2em;
}
.page-games .m-introduction .content,.page-games .m-introduction .content.animate,html.no-js .page-games .m-introduction .content
{
background-position:-30% 63px !important;
}
}
@media screen and (max-width:767px)
{
.page-games .m-introduction .content
{
background-position:0 bottom !important;
padding-bottom:0em;
margin-bottom:1.5em;
}
}
.page-games .m-introduction .introtext
{
padding-bottom:2em;
float:right;
}
.page-games .m-introduction .download
{
clear:both;
float:right;
display:block;
padding-bottom:1em;
margin:0;
}
.page-games .m-introduction .download ul
{
margin:0;
padding:0;
width:100%;
overflow:hidden;
}
.page-games .m-introduction .download ul li
{
margin:0;
padding:0;
list-style-type:none;
display:block;
float:left;
font-size:14px;
}
.page-games .m-introduction .download ul li a.button
{
background-color:#000;
margin-top:2px;
margin-bottom:2.5em;
background-position:right 17px;
}
@media screen and (max-width:1280px)
{
.page-games .m-introduction .download ul li a.button
{
margin-bottom:2em;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-introduction .download ul li a.button
{
margin-bottom:1em;
}
}
.page-games .m-introduction .download ul li a.button:hover
{
background-color:#333;
}
.page-games .m-introduction .download ul li a.button.txt
{
font-size:14px;
}
@media screen and (max-width:1680px)
{
.page-games .m-introduction .download ul li a.button.txt
{
display:block;
margin-top:15px;
}
}
.page-games .m-introduction .download ul li a.button.appstore
{
margin-right:15px;
width:144px;
height:42px;
padding:0;
margin-top:0;
background-image:url(bg_button_appstore.png);
background-repeat:no-repeat;
text-indent:-9999px;
margin-top:0px;
background-position:0px 0px;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.page-games .m-introduction .download ul li a.button.appstore
{
background-image:url(bg_button_appstore@2x.png);
-webkit-background-size:144px 42px;
-moz-background-size:144px 42px;
-o-background-size:144px 42px;
background-size:144px 42px;
}
}
.no-backgroundsize .page-games .m-introduction .download ul li a.button.appstore
{
background-image:url(bg_button_appstore.png);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.page-games .m-introduction .download ul li a.button.appstore
{
background-image:url(bg_button_appstore@2x.png);
-webkit-background-size:144px 42px;
-moz-background-size:144px 42px;
-o-background-size:144px 42px;
background-size:144px 42px;
}
}
.no-backgroundsize .page-games .m-introduction .download ul li a.button.appstore
{
background-image:url(bg_button_appstore.png);
}
@media screen and (max-width:767px)
{
.page-games .m-introduction .download ul li a.button.appstore
{
margin-right:12px;
}
}

/**************gp_button***************/
.page-games .m-introduction .download ul li a.button.googleplay
{
margin-right:15px;
width:124px;
height:42px;
padding:0;
margin-top:0;
background-image:url(bg_button_googleplay.png);
background-repeat:no-repeat;
text-indent:-9999px;
margin-top:0px;
background-position:0px 0px;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.page-games .m-introduction .download ul li a.button.googleplay
{
background-image:url(bg_button_googleplay@2x.png);
-webkit-background-size:124px 42px;
-moz-background-size:124px 42px;
-o-background-size:124px 42px;
background-size:124px 42px;
}
}
.no-backgroundsize .page-games .m-introduction .download ul li a.button.googleplay
{
background-image:url(bg_button_googleplay.png);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.page-games .m-introduction .download ul li a.button.googleplay
{
background-image:url(bg_button_googleplay@2x.png);
-webkit-background-size:124px 42px;
-moz-background-size:124px 42px;
-o-background-size:124px 42px;
background-size:124px 42px;
}
}
.no-backgroundsize .page-games .m-introduction .download ul li a.button.googleplay
{
background-image:url(bg_button_googleplay.png);
}
@media screen and (max-width:767px)
{
.page-games .m-introduction .download ul li a.button.googleplay
{
margin-right:0;
}
}



/********sg android download********/
.page-games .m-introduction .download ul li a.button.androiddownload
{
margin-right:15px;
width:144px;
height:42px;
padding:0;
margin-top:0;
background-image:url(bg_button_androiddownload.png);
background-repeat:no-repeat;
text-indent:-9999px;
margin-top:0px;
background-position:0px 0px;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.page-games .m-introduction .download ul li a.button.androiddownload
{
background-image:url(bg_button_androiddownload@2x.png);
-webkit-background-size:144px 42px;
-moz-background-size:144px 42px;
-o-background-size:144px 42px;
background-size:144px 42px;
}
}
.no-backgroundsize .page-games .m-introduction .download ul li a.button.androiddownload
{
background-image:url(bg_button_androiddownload.png);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.page-games .m-introduction .download ul li a.button.androiddownload
{
background-image:url(bg_button_androiddownload@2x.png);
-webkit-background-size:144px 42px;
-moz-background-size:144px 42px;
-o-background-size:144px 42px;
background-size:144px 42px;
}
}
.no-backgroundsize .page-games .m-introduction .download ul li a.button.androiddownload
{
background-image:url(bg_button_androiddownload.png);
}
@media screen and (max-width:767px)
{
.page-games .m-introduction .download ul li a.button.androiddownload
{
margin-right:0;
}
}

/***************forum button**********/
.page-games .m-introduction .download ul li a.button.sgllforum
{
margin-right:15px;
width:144px;
height:42px;
padding:0;
margin-top:0;
background-image:url(bg_button_sgllforum.png);
background-repeat:no-repeat;
text-indent:-9999px;
margin-top:0px;
background-position:0px 0px;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.page-games .m-introduction .download ul li a.button.sgllforum
{
background-image:url(bg_button_sgllforum@2x.png);
-webkit-background-size:144px 42px;
-moz-background-size:144px 42px;
-o-background-size:144px 42px;
background-size:144px 42px;
}
}
.no-backgroundsize .page-games .m-introduction .download ul li a.button.sgllforum
{
background-image:url(bg_button_sgllforum.png);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.page-games .m-introduction .download ul li a.button.sgllforum
{
background-image:url(bg_button_sgllforum@2x.png);
-webkit-background-size:144px 42px;
-moz-background-size:144px 42px;
-o-background-size:144px 42px;
background-size:144px 42px;
}
}
.no-backgroundsize .page-games .m-introduction .download ul li a.button.sgllforum
{
background-image:url(bg_button_sgllforum.png);
}
@media screen and (max-width:767px)
{
.page-games .m-introduction .download ul li a.button.sgllforum
{
margin-right:0;
}
}

/***********ydforum************/
.page-games .m-introduction .download ul li a.button.ydsdforum
{
margin-right:15px;
width:144px;
height:42px;
padding:0;
margin-top:0;
background-image:url(bg_button_ydsdforum.png);
background-repeat:no-repeat;
text-indent:-9999px;
margin-top:0px;
background-position:0px 0px;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.page-games .m-introduction .download ul li a.button.ydsdforum
{
background-image:url(bg_button_ydsdforum@2x.png);
-webkit-background-size:144px 42px;
-moz-background-size:144px 42px;
-o-background-size:144px 42px;
background-size:144px 42px;
}
}
.no-backgroundsize .page-games .m-introduction .download ul li a.button.ydsdforum
{
background-image:url(bg_button_ydsdforum.png);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.page-games .m-introduction .download ul li a.button.ydsdforum
{
background-image:url(bg_button_ydsdforum@2x.png);
-webkit-background-size:144px 42px;
-moz-background-size:144px 42px;
-o-background-size:144px 42px;
background-size:144px 42px;
}
}
.no-backgroundsize .page-games .m-introduction .download ul li a.button.ydsdforum
{
background-image:url(bg_button_ydsdforum.png);
}
@media screen and (max-width:767px)
{
.page-games .m-introduction .download ul li a.button.ydsdforum
{
margin-right:0;
}
}

/***********ylsgforum************/
.page-games .m-introduction .download ul li a.button.ylsgforum
{
margin-right:15px;
width:144px;
height:42px;
padding:0;
margin-top:0;
background-image:url(bg_button_ylsgforum.png);
background-repeat:no-repeat;
text-indent:-9999px;
margin-top:0px;
background-position:0px 0px;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.page-games .m-introduction .download ul li a.button.ylsgforum
{
background-image:url(bg_button_ylsgforum@2x.png);
-webkit-background-size:144px 42px;
-moz-background-size:144px 42px;
-o-background-size:144px 42px;
background-size:144px 42px;
}
}
.no-backgroundsize .page-games .m-introduction .download ul li a.button.ylsgforum
{
background-image:url(bg_button_ylsgforum.png);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.page-games .m-introduction .download ul li a.button.ylsgforum
{
background-image:url(bg_button_ylsgforum@2x.png);
-webkit-background-size:144px 42px;
-moz-background-size:144px 42px;
-o-background-size:144px 42px;
background-size:144px 42px;
}
}
.no-backgroundsize .page-games .m-introduction .download ul li a.button.ylsgforum
{
background-image:url(bg_button_ylsgforum.png);
}
@media screen and (max-width:767px)
{
.page-games .m-introduction .download ul li a.button.ylsgforum
{
margin-right:0;
}
}


/***************wxll forum button**********/
.page-games .m-introduction .download ul li a.button.wxllforum
{
margin-right:15px;
width:144px;
height:42px;
padding:0;
margin-top:0;
background-image:url(bg_button_wxllforum.png);
background-repeat:no-repeat;
text-indent:-9999px;
margin-top:0px;
background-position:0px 0px;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.page-games .m-introduction .download ul li a.button.wxllforum
{
background-image:url(bg_button_wxllforum@2x.png);
-webkit-background-size:144px 42px;
-moz-background-size:144px 42px;
-o-background-size:144px 42px;
background-size:144px 42px;
}
}
.no-backgroundsize .page-games .m-introduction .download ul li a.button.wxllforum
{
background-image:url(bg_button_wxllforum.png);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.page-games .m-introduction .download ul li a.button.wxllforum
{
background-image:url(bg_button_wxllforum@2x.png);
-webkit-background-size:144px 42px;
-moz-background-size:144px 42px;
-o-background-size:144px 42px;
background-size:144px 42px;
}
}
.no-backgroundsize .page-games .m-introduction .download ul li a.button.wxllforum
{
background-image:url(bg_button_wxllforum.png);
}
@media screen and (max-width:767px)
{
.page-games .m-introduction .download ul li a.button.wxllforum
{
margin-right:0;
}
}









.page-games .m-ratings
{
border-top:1px solid #e7e7e7;
border-bottom:1px solid #e7e7e7;
background-color:#f3f3f3;
}
@media screen and (max-width:1680px)
{
.page-games .m-ratings h2
{
margin-top:0;
}
}
@media screen and (max-width:767px)
{
.page-games .m-ratings .content
{
padding-bottom:0;
}
}
.page-games .m-ratings .columns
{
background-repeat:no-repeat;
}
.page-games .m-ratings p.author
{
padding-bottom:1.5em;
}
.page-games .m-ratings p.author span
{
font-weight:500;
display:block;
color:#000;
}
.page-games .m-ratings p.author span:first-child
{
font-weight:600;
}
.page-games .m-ratings .reviews.flexslider
{
background:transparent;
border:none;
margin-bottom:6em;
}
@media screen and (max-width:1680px)
{
.page-games .m-ratings .reviews.flexslider
{
margin-bottom:3em;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-ratings .reviews.flexslider
{
margin-bottom:15px;
}
}
.page-games .m-ratings .reviews.flexslider ul
{
margin:0;
padding:0;
}
.page-games .m-ratings .reviews.flexslider ul li
{
margin:0;
padding:0;
list-style-type:none;
}
@media screen and (max-width:1023px)
{
.page-games .m-ratings .reviews.flexslider ul li .read-more
{
padding-bottom:2.5em;
}
}
.page-games .m-ratings .reviews.flexslider .flex-direction-nav
{
display:none;
}
.page-games .m-ratings .reviews.flexslider .flex-control-nav
{
bottom:-9px;
width:50%;
margin-left:25%;
}
.page-games .m-timeline
{
border-top:1px solid #e7e7e7;
border-bottom:1px solid #e7e7e7;
color:#353535;
background-color:#f3f3f3;
position:relative;
}
.page-games .m-timeline .content
{
padding-right:0;
padding-bottom:5.5em;
}
@media screen and (max-width:1023px)
{
.page-games .m-timeline .content
{
padding-bottom:4em;
}
}
@media screen and (max-width:767px)
{
.page-games .m-timeline .content
{
padding-right:20px;
padding-bottom:0;
}
}
.page-games .m-timeline h2
{
background:none;
margin-bottom:0;
padding-bottom:.85em;
}
@media screen and (max-width:1680px)
{
.page-games .m-timeline h2
{
margin-top:0;
}
}
.page-games .m-timeline p
{
width:60%;
}
@media screen and (max-width:1023px)
{
.page-games .m-timeline p
{
width:auto;
max-width:400px;
}
}
.page-games .m-timeline .large-8.chart
{
margin-top:3.75em;
position:relative;
}
@media screen and (max-width:1280px)
{
.page-games .m-timeline .large-8.chart
{
margin-top:2.25em;
}
}
@media screen and (max-width:767px)
{
.page-games .m-timeline .large-8.chart
{
overflow-y:hidden;
overflow-x:scroll;
-webkit-overflow-scrolling:touch;
margin:0 -20px;
padding:0 20px;
}
}
.page-games .m-timeline .large-8.chart .scroll-container
{
position:relative;
}
.page-games .m-timeline .large-8.chart .scroll-container:before
{
content:'';
display:inline-block;
height:8px;
position:absolute;
top:135px;
left:0;
right:0;
background-image:url(bg_games_timeline_bar.png);
background-repeat:no-repeat;
-webkit-background-size:100% 8px;
-moz-background-size:100% 8px;
-o-background-size:100% 8px;
background-size:100% 8px;
border-top-left-radius:4px;
border-bottom-left-radius:4px;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.page-games .m-timeline .large-8.chart .scroll-container:before
{
background-image:url(bg_games_timeline_bar@2x.png);
-webkit-background-size:auto auto;
-moz-background-size:auto auto;
-o-background-size:auto auto;
background-size:auto auto;
}
}
.no-backgroundsize .page-games .m-timeline .large-8.chart .scroll-container:before
{
background-image:url(bg_games_timeline_bar.png);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.page-games .m-timeline .large-8.chart .scroll-container:before
{
background-image:url(bg_games_timeline_bar@2x.png);
-webkit-background-size:auto auto;
-moz-background-size:auto auto;
-o-background-size:auto auto;
background-size:auto auto;
}
}
.no-backgroundsize .page-games .m-timeline .large-8.chart .scroll-container:before
{
background-image:url(bg_games_timeline_bar.png);
}
@media screen and (max-width:767px)
{
.page-games .m-timeline .large-8.chart .scroll-container
{
width:auto;
white-space:nowrap;
display:inline-block;
margin-top:20px;
}
}
.page-games .m-timeline .large-8.chart .timeline-block
{
height:169px;
text-align:left;
background:url(bg_release_timeline.png) repeat-x bottom left;
display:inline-block;
float:left;
}
.page-games .m-timeline .large-8.chart .timeline-block.short
{
width:152px;
}
.page-games .m-timeline .large-8.chart .timeline-block.medium
{
width:176px;
}
.page-games .m-timeline .large-8.chart .timeline-block.long
{
width:184px;
}
.page-games .m-timeline .large-8.chart .timeline-block.super-long
{
width:232px;
}
@media screen and (max-width:1680px)
{
.page-games .m-timeline .large-8.chart .timeline-block.short
{
width:112px;
}
.page-games .m-timeline .large-8.chart .timeline-block.medium
{
width:120px;
}
.page-games .m-timeline .large-8.chart .timeline-block.long
{
width:144px;
}
.page-games .m-timeline .large-8.chart .timeline-block.super-long
{
width:176px;
}
}
@media screen and (max-width:1280px)
{
.page-games .m-timeline .large-8.chart .timeline-block.short
{
width:104px;
}
.page-games .m-timeline .large-8.chart .timeline-block.medium
{
width:112px;
}
.page-games .m-timeline .large-8.chart .timeline-block.long
{
width:120px;
}
.page-games .m-timeline .large-8.chart .timeline-block.super-long
{
width:160px;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-timeline .large-8.chart .timeline-block.short
{
width:88px;
}
.page-games .m-timeline .large-8.chart .timeline-block.medium
{
width:96px;
}
.page-games .m-timeline .large-8.chart .timeline-block.long
{
width:120px;
}
.page-games .m-timeline .large-8.chart .timeline-block.super-long
{
width:128px;
}
}
@media screen and (max-width:767px)
{
.page-games .m-timeline .large-8.chart .timeline-block
{
float:none;
white-space:normal;
}
.page-games .m-timeline .large-8.chart .timeline-block.short
{
width:152px;
}
.page-games .m-timeline .large-8.chart .timeline-block.medium
{
width:176px;
}
.page-games .m-timeline .large-8.chart .timeline-block.long
{
width:184px;
}
.page-games .m-timeline .large-8.chart .timeline-block.super-long
{
width:192px;
}
.page-games .m-timeline .large-8.chart .timeline-block.inactive
{
position:relative;
overflow:visible;
}
.page-games .m-timeline .large-8.chart .timeline-block.inactive:after
{
content:'';
display:inline-block;
position:absolute;
right:-190px;
top:10px;
width:336px;
-webkit-background-size:auto 100%;
-moz-background-size:auto 100%;
-o-background-size:auto 100%;
background-size:auto 100%;
height:160px;
}
}
@media screen and (min-width:1024px)
{
.page-games .m-timeline .large-8.chart .timeline-block .title
{
opacity:0;
}
.page-games .m-timeline .large-8.chart .timeline-block .title.animate,html.no-js .page-games .m-timeline .large-8.chart .timeline-block .title
{
opacity:1;
-webkit-animation:fadeInUp 1s;
animation:fadeInUp 1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
}
.page-games .m-timeline .large-8.chart .timeline-block:nth-child(1) .title.animate
{
-webkit-animation-delay:0.2s;
animation-delay:0.2s;
}
.page-games .m-timeline .large-8.chart .timeline-block:nth-child(2) .title.animate
{
-webkit-animation-delay:0.4s;
animation-delay:0.4s;
}
.page-games .m-timeline .large-8.chart .timeline-block:nth-child(3) .title.animate
{
-webkit-animation-delay:0.6s;
animation-delay:0.6s;
}
.page-games .m-timeline .large-8.chart .timeline-block:nth-child(4) .title.animate
{
-webkit-animation-delay:0.8s;
animation-delay:0.8s;
}
.page-games .m-timeline .large-8.chart .timeline-block:nth-child(5) .title.animate
{
-webkit-animation-delay:1s;
animation-delay:1s;
}
.page-games .m-timeline .large-8.chart .timeline-block:nth-child(6) .title.animate
{
-webkit-animation-delay:1.2s;
animation-delay:1.2s;
}
.page-games .m-timeline .large-8.chart .timeline-block:nth-child(7) .title.animate
{
-webkit-animation-delay:1.4s;
animation-delay:1.4s;
}
.page-games .m-timeline .large-8.chart .timeline-block:nth-child(8) .title.animate
{
-webkit-animation-delay:1.6s;
animation-delay:1.6s;
}
.page-games .m-timeline .large-8.chart .timeline-block:nth-child(9) .title.animate
{
-webkit-animation-delay:1.8s;
animation-delay:1.8s;
}
}
.page-games .m-timeline .large-8.chart .title
{
height:73px;
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:14px;
font-weight:600;
padding-top:36px;
}
@media screen and (max-width:1680px)
{
.page-games .m-timeline .large-8.chart .title
{
font-size:13px;
}
}
@media screen and (max-width:1280px)
{
.page-games .m-timeline .large-8.chart .title
{
font-size:12px;
}
}
.page-games .m-timeline .large-8.chart .title.icon-launch,.page-games .m-timeline .large-8.chart .title.icon-event
{
background-image:url(icons_event.png);
background-position:10px 1px;
background-repeat:no-repeat;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.page-games .m-timeline .large-8.chart .title.icon-launch,.page-games .m-timeline .large-8.chart .title.icon-event
{
background-image:url(icons_event@2x.png);
-webkit-background-size:400px 400px;
-moz-background-size:400px 400px;
-o-background-size:400px 400px;
background-size:400px 400px;
}
}
.no-backgroundsize .page-games .m-timeline .large-8.chart .title.icon-launch,.no-backgroundsize .page-games .m-timeline .large-8.chart .title.icon-event
{
background-image:url(icons_event.png);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.page-games .m-timeline .large-8.chart .title.icon-launch,.page-games .m-timeline .large-8.chart .title.icon-event
{
background-image:url(icons_event@2x.png);
-webkit-background-size:400px 400px;
-moz-background-size:400px 400px;
-o-background-size:400px 400px;
background-size:400px 400px;
}
}
.no-backgroundsize .page-games .m-timeline .large-8.chart .title.icon-launch,.no-backgroundsize .page-games .m-timeline .large-8.chart .title.icon-event
{
background-image:url(icons_event.png);
}
.page-games .m-timeline .large-8.chart .title span
{
display:block;
border-left:1px solid #ddd;
padding-left:10px;
padding-right:20px;
height:73px;
line-height:1.6em;
}
.page-games .m-timeline .large-8.chart .time
{
padding-top:37px;
font-size:13px;
text-transform:uppercase;
color:rgba(0,0,0,0.6);
}
.page-games .m-timeline .large-8.chart .inactive
{
background:url(bg_release_timeline_inactive.png) repeat-x bottom left;
}
.page-games .m-timeline .large-8.chart .inactive .title
{
background:none;
border:none;
}
.page-games .m-timeline .scroll-tip
{
display:none;
}
@media screen and (max-width:767px)
{
.page-games .m-timeline .scroll-tip
{
display:block;
margin:1em 0 4em 0;
-webkit-animation:glow 2.5s ease-in-out 0 infinite;
-moz-animation:glow 2.5s ease-in-out 0 infinite;
animation:glow 2.5s ease-in-out 0 infinite;
}
.page-games .m-timeline .scroll-tip:before
{
content:'Swipe to navigate �';
color:#999898;
font-size:14px;
font-weight:300;
font-weight:400;
}
}
.page-games .m-timeline .game-screen
{
width:510px;
height:521px;
position:absolute;
right:-30px;
top:70px;
background-position:top right;
background-repeat:no-repeat;
transition:all 1s;
}
@media only screen and (min-width:1025px)
{
.page-games .m-timeline .game-screen
{
right:-210px;
opacity:0;
}
.page-games .m-timeline .game-screen.animate,html.no-js .page-games .m-timeline .game-screen
{
opacity:1;
right:-30px;
}
}
@media screen and (max-width:1680px)
{
.page-games .m-timeline .game-screen
{
-webkit-background-size:480px auto;
-moz-background-size:480px auto;
-o-background-size:480px auto;
background-size:480px auto;
}
}
@media screen and (max-width:1280px)
{
.page-games .m-timeline .game-screen
{
-webkit-background-size:390px auto;
-moz-background-size:390px auto;
-o-background-size:390px auto;
background-size:390px auto;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-timeline .game-screen
{
right:-190px;
}
}
@media screen and (max-width:767px)
{
.page-games .m-timeline .game-screen
{
display:none;
}
}
.page-games .m-process .columns
{
min-height:520px;
}
.page-games .m-videos
{
border-top:1px solid #fff;
border-bottom:1px solid #fff;
color:#000;
}
.page-games .m-videos object
{
background-color:transparent !important;
}
.page-games .m-videos .flexslider
{
margin:1em 0 4em 0;
}
@media screen and (max-width:1680px)
{
.page-games .m-videos .flexslider
{
margin-bottom:4.5em;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-videos .flexslider
{
margin:0 0 3em 0;
}
}
.page-games .m-videos ul
{
clear:both;
margin:0;
padding:0;
}
.page-games .m-videos ul li
{
margin:0;
padding:0;
list-style-type:none;
width:100%;
max-width:100%;
overflow:hidden;
}
.page-games .m-videos .flex-direction-nav a
{
margin-top:0;
}
.page-games .m-videos .title
{
width:50%;
display:inline-block;
}
@media screen and (max-width:1023px)
{
.page-games .m-videos .title
{
width:100%;
text-align:center;
}
}
.page-games .m-videos .title h3
{
margin:0;
padding:0;
}
.page-games .m-videos .share
{
width:50%;
margin-left:-6px;
display:inline-block;
text-align:right;
}
@media screen and (max-width:1023px)
{
.page-games .m-videos .share
{
display:none;
}
}
.page-games .m-videos .video
{
position:relative;
height:708px;
top:0;
}
@media screen and (max-width:1680px)
{
.page-games .m-videos .video
{
height:593px;
}
}
@media screen and (max-width:1280px)
{
.page-games .m-videos .video
{
height:502px;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-videos .video
{
height:384px;
}
}
@media screen and (max-width:767px)
{
.page-games .m-videos .video
{
height:400px;
}
}
@media screen and (max-device-width :568px)
{
.page-games .m-videos .video
{
height:298px;
}
}
@media screen and (max-device-width :320px)
{
.page-games .m-videos .video
{
height:158px;
}
}
.page-games .m-videos .video .play
{
position:absolute;
width:100%;
height:100%;
}
.page-games .m-videos .video .play img
{
display:block;
width:100%;
position:absolute;
top:0;
left:0;
z-index:2;
}
.page-games .m-videos .video .play a
{
position:absolute;
display:block;
top:0;
left:0;
z-index:3;
width:200px;
height:200px;
background-image:url(btn_play_vg.png);
background-repeat:no-repeat;
background-position:center center;
-webkit-background-size:54px 52px;
-moz-background-size:54px 52px;
-o-background-size:54px 52px;
background-size:54px 52px;
top:50%;
margin-top:-100px;
left:50%;
margin-left:-100px;
opacity:.85;
-webkit-transition:opacity 0.25s ease-in-out;
-moz-transition:opacity 0.25s ease-in-out;
-ms-transition:opacity 0.25s ease-in-out;
transition:opacity 0.25s ease-in-out;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.page-games .m-videos .video .play a
{
background-image:url(btn_play_vg@2x.png);
-webkit-background-size:54px 52px;
-moz-background-size:54px 52px;
-o-background-size:54px 52px;
background-size:54px 52px;
}
}
.no-backgroundsize .page-games .m-videos .video .play a
{
background-image:url(btn_play_vg.png);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.page-games .m-videos .video .play a
{
background-image:url(btn_play_vg@2x.png);
-webkit-background-size:54px 52px;
-moz-background-size:54px 52px;
-o-background-size:54px 52px;
background-size:54px 52px;
}
}
.no-backgroundsize .page-games .m-videos .video .play a
{
background-image:url(btn_play_vg.png);
}
@media screen and (max-width:1280px)
{
.page-games .m-videos .video .play a
{
width:150px;
height:150px;
-webkit-background-size:41px auto;
-moz-background-size:41px auto;
-o-background-size:41px auto;
background-size:41px auto;
margin-top:-75px;
margin-left:-75px;
}
}
@media screen and (max-width:767px)
{
.page-games .m-videos .video .play a
{
width:100px;
height:100px;
-webkit-background-size:27px auto;
-moz-background-size:27px auto;
-o-background-size:27px auto;
background-size:27px auto;
margin-top:-50px;
margin-left:-50px;
opacity:1;
}
}
.page-games .m-videos .video .play a span
{
display:block;
width:100%;
height:100%;
background-image:url(bg_play_vg.png);
background-repeat:no-repeat;
opacity:0.65;
-webkit-transition:opacity 0.5s ease-in-out;
-moz-transition:opacity 0.5s ease-in-out;
-ms-transition:opacity 0.5s ease-in-out;
transition:opacity 0.5s ease-in-out;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.page-games .m-videos .video .play a span
{
background-image:url(bg_play_vg@2x.png);
-webkit-background-size:200px 200px;
-moz-background-size:200px 200px;
-o-background-size:200px 200px;
background-size:200px 200px;
}
}
.no-backgroundsize .page-games .m-videos .video .play a span
{
background-image:url(bg_play_vg.png);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.page-games .m-videos .video .play a span
{
background-image:url(bg_play_vg@2x.png);
-webkit-background-size:200px 200px;
-moz-background-size:200px 200px;
-o-background-size:200px 200px;
background-size:200px 200px;
}
}
.no-backgroundsize .page-games .m-videos .video .play a span
{
background-image:url(bg_play_vg.png);
}
@media screen and (max-width:1280px)
{
.page-games .m-videos .video .play a span
{
-webkit-background-size:100%;
-moz-background-size:100%;
-o-background-size:100%;
background-size:100%;
}
}
@media screen and (max-width:767px)
{
.page-games .m-videos .video .play a span
{
opacity:1;
}
}
.page-games .m-videos .video .play a:hover
{
opacity:1;
-webkit-transition:opacity 0.25s ease-in-out;
-moz-transition:opacity 0.25s ease-in-out;
-ms-transition:opacity 0.25s ease-in-out;
transition:opacity 0.25s ease-in-out;
}
.page-games .m-videos .video .play a:hover span
{
-webkit-transition:opacity 0.5s ease-in-out;
-moz-transition:opacity 0.5s ease-in-out;
-ms-transition:opacity 0.5s ease-in-out;
transition:opacity 0.5s ease-in-out;
opacity:1;
}
.page-games .m-videos .video video,.page-games .m-videos .video .jwplayer
{
position:absolute;
top:0;
left:0;
z-index:1;
opacity:0;
left:-9999px;
-webkit-transition:opacity 1.5s ease-in-out;
-moz-transition:opacity 1.5s ease-in-out;
-ms-transition:opacity 1.5s ease-in-out;
transition:opacity 1.5s ease-in-out;
}
.page-games .m-videos .video.active .play a
{
opacity:0;
}
.page-games .m-videos .video.active .play img
{
z-index:0;
}
.page-games .m-videos .video.active video,.page-games .m-videos .video.active .jwplayer
{
opacity:1;
z-index:5;
left:0;
}
.page-games .m-making-of-video
{
position:relative;
color:#fff;
-webkit-background-size:100% auto;
-moz-background-size:100% auto;
-o-background-size:100% auto;
background-size:100% auto;
-webkit-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
}
@media screen and (max-width:1680px)
{
.page-games .m-making-of-video
{
-webkit-background-size:107% auto;
-moz-background-size:107% auto;
-o-background-size:107% auto;
background-size:107% auto;
background-position:bottom center;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-making-of-video
{
-webkit-background-size:118% auto;
-moz-background-size:118% auto;
-o-background-size:118% auto;
background-size:118% auto;
}
}
@media screen and (max-width:767px)
{
.page-games .m-making-of-video
{
-webkit-background-size:900px auto;
-moz-background-size:900px auto;
-o-background-size:900px auto;
background-size:900px auto;
}
}
@media screen and (max-device-width :320px)
{
.page-games .m-making-of-video
{
-webkit-background-size:230% auto;
-moz-background-size:230% auto;
-o-background-size:230% auto;
background-size:230% auto;
}
}
.page-games .m-making-of-video .columns
{
height:1150px;
position:relative;
}
@media screen and (max-width:1680px)
{
.page-games .m-making-of-video .columns
{
height:1012px;
}
}
@media screen and (max-width:1280px)
{
.page-games .m-making-of-video .columns
{
height:865px;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-making-of-video .columns
{
height:786px;
}
}
@media screen and (max-width:767px)
{
.page-games .m-making-of-video .columns
{
height:800px;
}
}
@media screen and (max-device-width :568px)
{
.page-games .m-making-of-video .columns
{
height:1000px;
}
}
.page-games .m-making-of-video .columns h2
{
-webkit-transition:opacity 0.15s ease-in-out;
-moz-transition:opacity 0.15s ease-in-out;
-ms-transition:opacity 0.15s ease-in-out;
transition:opacity 0.15s ease-in-out;
color:#fff;
margin:36px 0 1.3em 0;
padding-bottom:1.25em;
text-align:center;
display:block;
width:100%;
background:url(heading_divider_trans@2x.png) no-repeat bottom center !important;
-webkit-background-size:60px 1px !important;
-moz-background-size:60px 1px !important;
-o-background-size:60px 1px !important;
background-size:60px 1px !important;
}
.page-games .m-making-of-video .columns p
{
margin:0 auto 1em auto;
width:60%;
text-align:center;
}
@media screen and (max-width:1680px)
{
.page-games .m-making-of-video .columns p
{
width:70%;
}
}
@media screen and (max-width:1280px)
{
.page-games .m-making-of-video .columns p
{
font-size:14px;
font-weight:300;
font-weight:400;
line-height:1.85;
}
}
@media screen and (max-width:767px)
{
.page-games .m-making-of-video .columns p
{
width:100%;
font-size:13px;
max-width:550px;
}
}
.page-games .m-making-of-video .columns .play
{
-webkit-transition:opacity 0.25s ease-in-out;
-moz-transition:opacity 0.25s ease-in-out;
-ms-transition:opacity 0.25s ease-in-out;
transition:opacity 0.25s ease-in-out;
margin:270px 0 0 0;
}
@media screen and (max-width:1680px)
{
.page-games .m-making-of-video .columns .play
{
margin:145px 0 0 0;
}
}
@media screen and (max-width:1280px)
{
.page-games .m-making-of-video .columns .play
{
margin:125px 0 0 0;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-making-of-video .columns .play
{
margin:70px 0 0 0;
}
}
@media screen and (max-width:767px)
{
.page-games .m-making-of-video .columns .play
{
margin:42px 0 0 0;
}
}
.page-games .m-making-of-video .columns .quote
{
margin:0 auto 2em auto;
width:60%;
text-align:center;
line-height:1.5em;
}
.page-games .m-making-of-video .columns .quote strong,.page-games .m-making-of-video .columns .quote span
{
display:block;
line-height:1.5em;
}
.page-games .m-making-of-video .columns .quote strong
{
font-size:40px;
font-weight:300;
font-weight:400;
}
.page-games .m-making-of-video .columns .quote span
{
color:#626262;
font-size:18px;
}
.page-games .m-making-of-video .columns .links
{
width:100%;
overflow:hidden;
position:absolute;
bottom:0;
}
.page-games .m-making-of-video .columns .links .share
{
float:left;
width:45%;
padding-top:12px;
}
@media screen and (max-width:1680px)
{
.page-games .m-making-of-video .columns .links .share
{
width:48%;
}
}
@media screen and (max-width:1280px)
{
.page-games .m-making-of-video .columns .links .share
{
width:42%;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-making-of-video .columns .links .share
{
display:none;
}
}
.page-games .m-making-of-video .columns .links .careers
{
float:right;
width:45%;
text-align:right;
}
@media screen and (max-width:1680px)
{
.page-games .m-making-of-video .columns .links .careers
{
width:52%;
}
}
@media screen and (max-width:1280px)
{
.page-games .m-making-of-video .columns .links .careers
{
width:51%;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-making-of-video .columns .links .careers
{
width:37%;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-making-of-video .columns .links .careers
{
width:280px;
text-align:center;
float:none;
clear:both;
margin:1.5em auto 0 auto;
}
}
.page-games .m-making-of-video .columns .links .careers p
{
display:inline-block;
float:left;
margin:11px 0 0 0;
padding:0 22px 0 0;
width:342px;
text-align:right;
font-size:16px;
font-weight:300;
font-weight:400;
}
@media screen and (max-width:1680px)
{
.page-games .m-making-of-video .columns .links .careers p
{
width:324px;
}
}
@media screen and (max-width:1280px)
{
.page-games .m-making-of-video .columns .links .careers p
{
width:258px;
font-size:14px;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-making-of-video .columns .links .careers p
{
font-size:12px;
width:auto;
float:none;
margin:0 auto;
padding:0 0 1em 0;
text-align:center;
}
}
.page-games .m-making-of-video .columns .video
{
display:none;
position:relative;
-webkit-transition:opacity 1s ease-in-out;
-moz-transition:opacity 1s ease-in-out;
-ms-transition:opacity 1s ease-in-out;
transition:opacity 1s ease-in-out;
}
.page-games .m-making-of-video .columns .video.active
{
display:block;
opacity:1;
}
.page-games .m-making-of-video.active-video
{
z-index:10;
}
.page-games .m-making-of-video.active-video .columns .play
{
opacity:0;
margin:0;
padding:0;
height:0;
overflow:hidden;
}
.page-games .m-story
{
color:#000;
background:#f8f8f8;
background-position:center;
position:relative;
}
.page-games .m-story .bg
{
position:absolute;
top:0;
left:0;
width:100%;
height:1000px;
overflow:hidden;
}
.page-games .m-story .bg div
{
position:absolute;
top:0;
left:0;
height:120%;
width:100%;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;
}
@media screen and (max-width:1680px)
{
.page-games .m-story .bg
{
height:790px;
}
}
@media screen and (max-width:1280px)
{
.page-games .m-story .bg
{
height:670px;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-story .bg
{
height:590px;
}
}
@media screen and (max-width:767px)
{
.page-games .m-story .bg
{
height:530px;
}
}
.page-games .m-story h2
{
background:none;
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:100px;
line-height:1em;
text-align:center;
color:#fff;
margin-bottom:0;
padding-bottom:0;
position:relative;
z-index:5;
}
@media screen and (max-width:1680px)
{
.page-games .m-story h2
{
font-size:70px;
}
}
@media screen and (max-width:1280px)
{
.page-games .m-story h2
{
font-size:60px;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-story h2
{
margin-top:0;
}
}
@media screen and (max-width:767px)
{
.page-games .m-story h2
{
font-size:35px;
}
}
.page-games .m-story h2 span
{
display:block;
}
.page-games .m-story h3
{
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:18px;
margin:0 0 1.5em 0;
text-transform:none;
font-weight:600;
}
@media screen and (max-width:1280px)
{
.page-games .m-story h3
{
font-size:15px;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-story h3
{
font-size:14px;
}
}
.page-games .m-story .introduction
{
margin:0;
position:relative;
z-index:5;
}
.page-games .m-story .introduction p
{
color:#fff;
text-align:center;
font-style:italic;
font-size:18px;
font-weight:300;
font-weight:400;
line-height:2em;
margin:60px auto;
padding:0;
}
@media screen and (max-width:1280px)
{
.page-games .m-story .introduction p
{
margin:50px auto;
font-size:16px;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-story .introduction p
{
font-size:14px;
}
}
@media screen and (max-width:767px)
{
.page-games .m-story .introduction p
{
font-size:13px;
}
}
.page-games .m-story .type
{
display:block;
margin:0 auto 4.5em auto;
text-align:center;
text-transform:uppercase;
}
@media screen and (max-width:1280px)
{
.page-games .m-story .type
{
margin-bottom:4.5em;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-story .type
{
margin-bottom:3.5em;
}
}
@media screen and (max-width:767px)
{
.page-games .m-story .type
{
margin-bottom:2.5em;
}
}
.page-games .m-story .type p
{
width:auto;
border-top:4px solid #fff;
border-bottom:4px solid #fff;
padding:0.5em 2em;
text-align:center;
margin:0 auto;
display:inline-block;
color:#fff;
font-weight:600;
}
@media screen and (max-width:1680px)
{
.page-games .m-story .type p
{
font-size:14px;
}
}
@media screen and (max-width:1280px)
{
.page-games .m-story .type p
{
border-width:3px;
}
}
@media screen and (max-width:767px)
{
.page-games .m-story .type p
{
font-size:12px;
padding:.75em 1.5em;
border-width:2px;
}
}
.page-games .m-story .part
{
position:relative;
margin-bottom:4em;
height:auto;
-webkit-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-moz-opacity:1;
-khtml-opacity:1;
-webkit-opacity:1;
opacity:1;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=100);
}
@media screen and (max-width:1280px)
{
.page-games .m-story .part
{
margin-bottom:1.5em;
}
}
.page-games .m-story .part p
{
line-height:2em;
}
.page-games .m-story .part.title
{
min-height:770px;
padding:260px 0 0 0;
margin-bottom:0 !important;
position:static;
}
@media screen and (max-width:1680px)
{
.page-games .m-story .part.title
{
min-height:570px;
padding-top:150px;
}
}
@media screen and (max-width:1280px)
{
.page-games .m-story .part.title
{
min-height:490px;
padding-top:110px;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-story .part.title
{
min-height:420px;
padding-top:90px;
}
}
@media screen and (max-width:767px)
{
.page-games .m-story .part.title
{
min-height:330px;
padding-top:80px;
}
}
@media only screen and (max-width:480px)
{
.page-games .m-story .part.title
{
min-height:380px;
padding-top:60px;
}
}
.page-games .m-story .part.first
{
margin-top:-15px;
}
@media screen and (max-width:1680px)
{
.page-games .m-story .part.first
{
margin-top:85px;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-story .part.first
{
margin-top:65px;
}
}
.page-games .m-story .part.secondary
{
height:0;
overflow:hidden;
margin:0;
-moz-opacity:0;
-khtml-opacity:0;
-webkit-opacity:0;
opacity:0;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
}
.page-games .m-story .part img
{
max-width:100%;
height:auto;
}
.page-games .m-story .part.flexslider
{
margin-bottom:7.5em;
}
@media screen and (max-width:1280px)
{
.page-games .m-story .part.flexslider
{
margin-top:2.5em;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-story .part.flexslider
{
margin-top:3em;
margin-bottom:5em;
}
}
.page-games .m-story .part.flexslider.secondary
{
margin-bottom:0;
margin-top:0;
}
.page-games .m-story .part.flexslider img
{
max-width:100%;
height:auto;
}
.page-games .m-story .part.flexslider span.caption
{
display:block;
margin-top:.25em;
font-style:italic;
}
.page-games .m-story .part.flexslider .flex-control-nav
{
bottom:-40px;
}
.page-games .m-story .quote blockquote
{
display:block;
margin:0;
padding:0;
width:80%;
font-size:30px;
font-style:italic;
line-height:1.45em;
font-weight:300;
font-weight:400;
}
.page-games .m-story .quote blockquote p
{
line-height:inherit;
}
@media screen and (max-width:1680px)
{
.page-games .m-story .quote blockquote
{
font-size:26px;
}
}
@media screen and (max-width:1280px)
{
.page-games .m-story .quote blockquote
{
font-size:24px;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-story .quote blockquote
{
font-size:20px;
padding:0.5em 0 0.5em 24px;
background:url(bg_games_story_quote_sep_trans.png) no-repeat 1px 0;
-webkit-background-size:1px 100%;
-moz-background-size:1px 100%;
-o-background-size:1px 100%;
background-size:1px 100%;
}
}
@media screen and (max-width:767px)
{
.page-games .m-story .quote blockquote
{
font-size:16px;
padding-top:1.35em;
}
}
@media only screen and (min-width:1025px)
{
.page-games .m-story .quote blockquote
{
opacity:0;
}
.page-games .m-story .quote blockquote.animate,html.no-js .page-games .m-story .quote blockquote
{
opacity:1;
-webkit-animation:fadeInUp 0.8s;
animation:fadeInUp 0.8s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-delay:0.1s;
animation-delay:0.1s;
}
}
.page-games .m-story .quote.left blockquote
{
float:left;
text-align:left;
}
@media screen and (max-width:1023px)
{
.page-games .m-story .quote.left blockquote
{
margin-bottom:0;
margin-left:5px;
}
}
@media screen and (max-width:767px)
{
.page-games .m-story .quote.left blockquote
{
margin-bottom:1.5em;
}
}
.page-games .m-story .quote.right blockquote
{
float:right;
text-align:right;
}
@media screen and (max-width:1023px)
{
.page-games .m-story .quote.right blockquote
{
float:left;
text-align:left;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-story .quote
{
margin-top:1em !important;
}
}
.page-games .m-story .quote.q1
{
margin-top:21em;
}
.page-games .m-story .quote.q2
{
margin-top:12em;
}
.page-games .m-story .quote.q3
{
margin-top:16em;
}
@media screen and (max-width:1023px)
{
.page-games .m-story .quote.q3
{
display:none;
}
}
.page-games .m-story .quote.q4
{
margin-top:6em;
}
.page-games .m-story .part.secondary .quote blockquote
{
display:none;
}
.page-games .m-story .quote-big
{
padding:250px 0;
overflow:hidden;
margin-bottom:6em;
}
.page-games .m-story .quote-big .bg
{
position:absolute;
top:0;
left:0;
width:100%;
height:120%;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
z-index:3;
}
@media screen and (max-width:1680px)
{
.page-games .m-story .quote-big
{
margin-bottom:5.5em;
}
}
@media screen and (max-width:1280px)
{
.page-games .m-story .quote-big
{
padding:180px 0;
margin-top:4em;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-story .quote-big
{
padding:120px 0;
margin-top:2.5em;
margin-bottom:4.5em;
}
}
.page-games .m-story .quote-big.secondary
{
padding:0;
}
.page-games .m-story .quote-big blockquote
{
z-index:5;
position:relative;
margin:0 auto;
padding:0;
max-width:650px;
font-size:30px;
font-style:italic;
line-height:1.45em;
color:#FFF;
font-weight:300;
font-weight:400;
}
.page-games .m-story .quote-big blockquote p
{
margin:0;
padding:0;
}
@media screen and (max-width:1680px)
{
.page-games .m-story .quote-big blockquote
{
font-size:26px;
}
}
@media screen and (max-width:1280px)
{
.page-games .m-story .quote-big blockquote
{
font-size:24px;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-story .quote-big blockquote
{
font-size:20px;
padding:0 70px;
}
}
@media screen and (max-width:767px)
{
.page-games .m-story .quote-big blockquote
{
font-size:16px;
}
}
@media only screen and (max-width:480px)
{
.page-games .m-story .quote-big blockquote
{
padding:0 30px;
}
}
.page-games .m-story .links
{
width:100%;
overflow:hidden;
border-top:1px solid #d1d1d1;
margin-top:1em;
padding-top:2em;
}
@media screen and (max-width:1280px)
{
.page-games .m-story .links
{
margin-top:-1em;
}
}
@media screen and (max-width:767px)
{
.page-games .m-story .links
{
margin-top:1em;
}
}
.page-games .m-story .links .share
{
float:left;
width:45%;
padding-top:12px;
}
.page-games .m-story .links .share a.button-share
{
color:#000;
-webkit-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);
}
.page-games .m-story .links .share a.button-share:hover
{
opacity:0.6;
}
.page-games .m-story .links .share a.button-share.facebook
{
background-position:-12px -2190px;
}
.page-games .m-story .links .share a.button-share.twitter
{
background-position:0 -2103px;
}
@media screen and (max-width:1680px)
{
.page-games .m-story .links .share
{
width:48%;
}
}
@media screen and (max-width:1280px)
{
.page-games .m-story .links .share
{
width:42%;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-story .links .share
{
display:none;
}
}
.page-games .m-story .links .careers
{
float:right;
width:45%;
text-align:right;
}
@media screen and (max-width:1680px)
{
.page-games .m-story .links .careers
{
width:52%;
}
}
@media screen and (max-width:1280px)
{
.page-games .m-story .links .careers
{
width:51%;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-story .links .careers
{
width:37%;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-story .links .careers
{
width:280px;
text-align:center;
float:none;
clear:both;
margin:1.5em auto 1em auto;
}
}
.page-games .m-story .links .careers p
{
display:inline-block;
float:left;
margin:11px 0 0 0;
padding:0 22px 0 0;
width:342px;
text-align:right;
font-size:16px;
}
@media screen and (max-width:1680px)
{
.page-games .m-story .links .careers p
{
width:324px;
}
}
@media screen and (max-width:1280px)
{
.page-games .m-story .links .careers p
{
width:258px;
font-size:14px;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-story .links .careers p
{
font-size:12px;
width:auto;
float:none;
margin:0 auto;
padding:0 0 1em 0;
text-align:center;
}
}
.page-games .m-story div.expand
{
-webkit-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
overflow:hidden;
height:100px;
margin:-30px 0 0 0;
padding:0;
display:block;
float:none;
}
.page-games .m-story div.expand.hidden
{
height:0;
}
@media screen and (max-width:1680px)
{
.page-games .m-story div.expand
{
margin-top:-20px;
}
}
@media screen and (max-width:1280px)
{
.page-games .m-story div.expand
{
margin-top:0;
}
}
@media screen and (max-width:767px)
{
.page-games .m-story div.expand
{
height:auto;
}
}
.page-games .m-story div.expand .button.expand
{
border-color:#e9e9e9;
color:#000;
}
.page-games .m-story div.expand .button.expand span
{
background-position:50% -1997px;
}
.page-games .m-story div.expand .button.expand span:first-child
{
background-position:right -1997px;
}
@media screen and (max-width:1280px)
{
.page-games .m-story div.expand .button.expand span
{
background-position:50% -2000px;
}
.page-games .m-story div.expand .button.expand span:first-child
{
background-position:right -2000px;
}
}
.page-games .m-support-links .content
{
background-repeat:no-repeat;
background-position:170px bottom;
}
@media screen and (max-width:1680px)
{
.page-games .m-support-links .content
{
padding-bottom:3em;
background-position:70px bottom;
-webkit-background-size:345px auto;
-moz-background-size:345px auto;
-o-background-size:345px auto;
background-size:345px auto;
}
}
@media screen and (max-width:1280px)
{
.page-games .m-support-links .content
{
background-position:66px bottom;
-webkit-background-size:314px auto;
-moz-background-size:314px auto;
-o-background-size:314px auto;
background-size:314px auto;
}
}
@media screen and (max-width:1023px)
{
.page-games .m-support-links .content
{
background-position:42px bottom;
-webkit-background-size:354px auto;
-moz-background-size:354px auto;
-o-background-size:354px auto;
background-size:354px auto;
}
}
.page-games .m-team-quote
{
margin-top:3em;
min-height:706px;
}
.page-games .m-team-quote h3
{
color:#fff;
margin-top:250px;
}
.page-games .m-team-quote .author
{
margin-top:1.5em;
color:#ffdc55;
}
.page-games .m-community
{
border-top:1px solid #fff;
border-bottom:1px solid #fff;
color:#0a0d16;
}
.page-games .m-community .field
{
padding:1em 0 2em 0;
}
@media screen and (max-width:1023px)
{
.page-games .m-community .field
{
padding:0 0 1em 0;
}
}
@media screen and (max-width:767px)
{
.page-games .m-community h2
{
text-align:center;
}
}
@media screen and (max-width:767px)
{
.page-games .m-community h3
{
display:none;
}
}
@media screen and (max-width:767px)
{
.page-games .m-community p
{
text-align:center;
}
}
.page-games .m-community .forums
{
margin-bottom:1.5em;
}
@media screen and (max-width:767px)
{
.page-games .m-community .forums
{
margin-bottom:0.5em;
}
}
.page-games .m-community .social
{
padding-top:3em;
border-top:1px solid #d1d1d1;
}
@media screen and (max-width:767px)
{
.page-games .m-community .social
{
padding-top:2em;
text-align:center;
}
}
.page-games .m-community .social p
{
padding-bottom:2em;
}
@media screen and (max-width:767px)
{
.page-games .m-community a.button-share
{
margin:0 0 0 23px;
padding:93px 0 0 0;
background:none;
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:14px;
color:#000;
display:inline-block;
width:75px;
background-position:0px 0px;
-webkit-background-size:75px 86px !important;
-moz-background-size:75px 86px !important;
-o-background-size:75px 86px !important;
background-size:75px 86px !important;
background-repeat:no-repeat;
text-align:center;
}
.page-games .m-community a.button-share.facebook
{
margin-left:0;
background:url(some_hexagon_fb@2x.png) no-repeat;
}
.page-games .m-community a.button-share.twitter
{
background:url(some_hexagon_twitter@2x.png) no-repeat;
}
.page-games .m-community a.button-share.youtube
{
background:url(some_hexagon_youtube@2x.png) no-repeat;
}
.page-games .m-community a.button-share:hover
{
color:#333;
}
}
@media screen and (max-width:1023px)
{
#page-redatoms2 .m-introduction .content
{
-webkit-background-size:450px auto;
-moz-background-size:450px auto;
-o-background-size:450px auto;
background-size:450px auto;
}
}
@media screen and (max-width:767px)
{
#page-redatoms2 .m-introduction .content
{
-webkit-background-size:312px auto;
-moz-background-size:312px auto;
-o-background-size:312px auto;
background-size:312px auto;
padding-bottom:19em;
background-position:left bottom !important;
}
}
#page-redatoms2 .m-ratings .columns
{
padding-bottom:2em;
min-height:563px;
}
@media screen and (max-width:1680px)
{
#page-redatoms2 .m-ratings .columns
{
-webkit-background-size:354px auto;
-moz-background-size:354px auto;
-o-background-size:354px auto;
background-size:354px auto;
min-height:433px;
padding-bottom:0;
}
}
@media screen and (max-width:1280px)
{
#page-redatoms2 .m-ratings .columns
{
min-height:0;
-webkit-background-size:306px auto;
-moz-background-size:306px auto;
-o-background-size:306px auto;
background-size:306px auto;
}
}
@media screen and (max-width:1023px)
{
#page-redatoms2 .m-ratings .columns
{
-webkit-background-size:200px auto;
-moz-background-size:200px auto;
-o-background-size:200px auto;
background-size:200px auto;
}
}
@media screen and (max-width:767px)
{
#page-redatoms2 .m-ratings .columns
{
-webkit-background-size:270px auto;
-moz-background-size:270px auto;
-o-background-size:270px auto;
background-size:270px auto;
background-position:bottom center;
padding-bottom:28em;
}
}
@media screen and (max-width:767px)
{
#page-redatoms2 .m-timeline .game-screen
{
background-image:url(bg_hint_swipe.png) no-repeat;
-webkit-background-size:142px 26px;
-moz-background-size:142px 26px;
-o-background-size:142px 26px;
background-size:142px 26px;
}
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-redatoms2 .m-timeline .timeline-block.inactive:after
{
-webkit-background-size:316px 160px;
-moz-background-size:316px 160px;
-o-background-size:316px 160px;
background-size:316px 160px;
}
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-redatoms2 .m-timeline .timeline-block.inactive:after
{
-webkit-background-size:316px 160px;
-moz-background-size:316px 160px;
-o-background-size:316px 160px;
background-size:316px 160px;
}
}
.no-backgroundsize #page-redatoms2 .m-story
{
background-color:#f8f8f8;
}
#page-redatoms2 .m-story .part.title
{
padding-top:220px;
min-height:810px;
}
@media screen and (max-width:1680px)
{
#page-redatoms2 .m-story .part.title
{
padding-top:130px;
min-height:590px;
}
}
@media screen and (max-width:1280px)
{
#page-redatoms2 .m-story .part.title
{
padding-top:120px;
min-height:470px;
}
}
@media screen and (max-width:1280px)
{
#page-redatoms2 .m-story .part.title
{
padding-top:120px;
min-height:470px;
}
}
@media screen and (max-width:1023px)
{
#page-redatoms2 .m-story .part.title
{
padding-top:80px;
min-height:450px;
}
}
@media screen and (max-width:767px)
{
#page-redatoms2 .m-story .part.title
{
padding-top:90px;
min-height:380px;
}
}
@media only screen and (max-width:320px)
{
#page-redatoms2 .m-story .part.title
{
padding-top:60px;
min-height:410px;
}
}
#page-redatoms2 .m-story .part.last.secondary
{
margin-bottom:0;
}
@media screen and (max-width:1680px)
{
#page-redatoms2 .m-support-links .content
{
background-position:62px auto;
}
}
@media screen and (max-width:1280px)
{
#page-redatoms2 .m-support-links .content
{
background-position:57px bottom;
}
}
@media screen and (max-width:1023px)
{
#page-redatoms2 .m-support-links .content
{
background-position:bottom right;
}
}
@media screen and (max-width:767px)
{
#page-redatoms2 .m-support-links .content
{
-webkit-background-size:280px auto;
-moz-background-size:280px auto;
-o-background-size:280px auto;
background-size:280px auto;
background-position:55% bottom;
}
}
#page-redatoms1 .hero-title h4
{
width:329px;
height:230px;
left:50%;
margin-left:-164px;
margin-top:-262px;
text-indent:-9999px;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-redatoms1 .hero-title h4
{
-webkit-background-size:329px 230px;
-moz-background-size:329px 230px;
-o-background-size:329px 230px;
background-size:329px 230px;
}
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-redatoms1 .hero-title h4
{
-webkit-background-size:329px 230px;
-moz-background-size:329px 230px;
-o-background-size:329px 230px;
background-size:329px 230px;
}
}
@media screen and (max-width:1680px)
{
#page-redatoms1 .hero-title h4
{
margin-top:-253px;
}
}
@media screen and (max-width:1280px)
{
#page-redatoms1 .hero-title h4
{
margin-top:-200px;
-webkit-background-size:100% auto;
-moz-background-size:100% auto;
-o-background-size:100% auto;
background-size:100% auto;
width:240px;
margin-left:-120px;
height:200px;
}
}
@media screen and (max-width:1023px)
{
#page-redatoms1 .hero-title h4
{
width:240px;
margin-left:-120px;
height:200px;
margin-top:-258px;
}
}
@media screen and (max-width:767px)
{
#page-redatoms1 .hero-title h4
{
width:180px;
margin-left:-90px;
height:134px;
margin-top:-166px;
}
}
@media screen and (max-width:1023px)
{
#page-redatoms1 .m-introduction .content
{
-webkit-background-size:450px auto;
-moz-background-size:450px auto;
-o-background-size:450px auto;
background-size:450px auto;
}
}
@media screen and (max-width:767px)
{
#page-redatoms1 .m-introduction .content
{
-webkit-background-size:312px auto;
-moz-background-size:312px auto;
-o-background-size:312px auto;
background-size:312px auto;
padding-bottom:18em;
background-position:left bottom !important;
}
}
#page-redatoms1 .m-ratings .columns
{
background-image:min-height:583px;
}
@media screen and (max-width:1680px)
{
#page-redatoms1 .m-ratings .columns
{
-webkit-background-size:273px auto;
-moz-background-size:273px auto;
-o-background-size:273px auto;
background-size:273px auto;
min-height:499px;
}
}
@media screen and (max-width:1280px)
{
#page-redatoms1 .m-ratings .columns
{
min-height:450px;
-webkit-background-size:246px auto;
-moz-background-size:246px auto;
-o-background-size:246px auto;
background-size:246px auto;
}
}
@media screen and (max-width:1023px)
{
#page-redatoms1 .m-ratings .columns
{
-webkit-background-size:196px auto;
-moz-background-size:196px auto;
-o-background-size:196px auto;
background-size:196px auto;
min-height:0;
}
}
@media screen and (max-width:767px)
{
#page-redatoms1 .m-ratings .columns
{
-webkit-background-size:210px auto;
-moz-background-size:210px auto;
-o-background-size:210px auto;
background-size:210px auto;
background-position:bottom center;
padding-bottom:31em;
margin-bottom:40px;
}
}
@media screen and (max-width:767px)
{
#page-redatoms1 .m-timeline .game-screen
{
background-image:url(bg_hint_swipe.png) no-repeat;
-webkit-background-size:142px 26px;
-moz-background-size:142px 26px;
-o-background-size:142px 26px;
background-size:142px 26px;
}
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-redatoms1 .m-timeline .timeline-block.inactive:after
{
-webkit-background-size:316px 160px;
-moz-background-size:316px 160px;
-o-background-size:316px 160px;
background-size:316px 160px;
}
}
.no-backgroundsize #page-redatoms1 .m-timeline .timeline-block.inactive:after
{
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-redatoms1 .m-timeline .timeline-block.inactive:after
{
-webkit-background-size:316px 160px;
-moz-background-size:316px 160px;
-o-background-size:316px 160px;
background-size:316px 160px;
}
}
@media screen and (max-width:1023px)
{
#page-redatoms1 .m-support-links .content
{
background-position:bottom right;
}
}
@media screen and (max-width:767px)
{
#page-redatoms1 .m-support-links .content
{
-webkit-background-size:280px auto;
-moz-background-size:280px auto;
-o-background-size:280px auto;
background-size:280px auto;
background-position:55% bottom;
}
}
@media screen and (max-width:1023px)
{
#page-heroforces3 .m-introduction .content
{
-webkit-background-size:450px auto;
-moz-background-size:450px auto;
-o-background-size:450px auto;
background-size:450px auto;
}
}
@media screen and (max-width:767px)
{
#page-heroforces3 .m-introduction .content
{
-webkit-background-size:312px auto;
-moz-background-size:312px auto;
-o-background-size:312px auto;
background-size:312px auto;
padding-bottom:18em;
background-position:left bottom !important;
}
}
#page-heroforces3 .m-ratings .columns
{
-webkit-background-size:480px auto;
-moz-background-size:480px auto;
-o-background-size:480px auto;
background-size:480px auto;
background-position:0px 30px;
}
@media screen and (max-width:1680px)
{
#page-heroforces3 .m-ratings .columns
{
-webkit-background-size:344px auto;
-moz-background-size:344px auto;
-o-background-size:344px auto;
background-size:344px auto;
background-position:0px 0px;
}
}
@media screen and (max-width:1280px)
{
#page-heroforces3 .m-ratings .columns
{
min-height:0;
-webkit-background-size:284px auto;
-moz-background-size:284px auto;
-o-background-size:284px auto;
background-size:284px auto;
}
}
@media screen and (max-width:1023px)
{
#page-heroforces3 .m-ratings .columns
{
-webkit-background-size:196px auto;
-moz-background-size:196px auto;
-o-background-size:196px auto;
background-size:196px auto;
}
}
@media screen and (max-width:767px)
{
#page-heroforces3 .m-ratings .columns
{
-webkit-background-size:270px auto;
-moz-background-size:270px auto;
-o-background-size:270px auto;
background-size:270px auto;
background-position:bottom center;
padding-bottom:20em;
}
}
@media screen and (max-width:767px)
{
#page-heroforces3 .m-timeline .game-screen
{
background-image:url(bg_hint_swipe.png) no-repeat;
-webkit-background-size:142px 26px;
-moz-background-size:142px 26px;
-o-background-size:142px 26px;
background-size:142px 26px;
}
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-heroforces3 .m-timeline .timeline-block.inactive:after
{
-webkit-background-size:316px 160px;
-moz-background-size:316px 160px;
-o-background-size:316px 160px;
background-size:316px 160px;
}
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-heroforces3 .m-timeline .timeline-block.inactive:after
{
-webkit-background-size:316px 160px;
-moz-background-size:316px 160px;
-o-background-size:316px 160px;
background-size:316px 160px;
}
}
@media screen and (max-width:1023px)
{
#page-heroforces3 .m-story .bg
{
height:570px;
}
#page-heroforces3 .m-story .bg .part.title
{
min-height:480px;
}
}
@media screen and (max-width:767px)
{
#page-heroforces3 .m-story .bg
{
height:470px;
}
#page-heroforces3 .m-story .bg .part.title
{
min-height:370px;
}
}
@media only screen and (max-width:480px)
{
#page-heroforces3 .m-story .bg
{
height:500px;
}
#page-heroforces3 .m-story .bg .part.title
{
min-height:440px;
}
}
#page-heroforces3 .m-story .quote.q1
{
margin-top:8em;
}
@media screen and (max-width:1023px)
{
#page-heroforces3 .m-support-links .content
{
background-position:bottom right;
}
}
@media screen and (max-width:767px)
{
#page-heroforces3 .m-support-links .content
{
-webkit-background-size:280px auto;
-moz-background-size:280px auto;
-o-background-size:280px auto;
background-size:280px auto;
background-position:55% bottom;
}
}
#page-ourstory h4
{
display:none;
}
#page-ourstory .hero-title .field
{
margin-top:-54px;
}
@media screen and (max-width:1680px)
{
#page-ourstory .hero-title .field
{
margin-top:-66px;
}
}
@media screen and (max-width:1280px)
{
#page-ourstory .hero-title .field
{
margin-top:-74px;
}
}
@media screen and (max-width:1023px)
{
#page-ourstory .hero-title .field
{
margin-top:-97px;
width:88%;
margin-left:-44%;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .hero-title .field
{
margin-top:-36px;
}
}
#page-ourstory .hero-title .field .buttons
{
margin-top:46px;
margin:0;
padding:0;
}
@media screen and (max-width:1680px)
{
#page-ourstory .hero-title .field .buttons
{
margin-top:90px;
}
}
@media screen and (max-width:1280px)
{
#page-ourstory .hero-title .field .buttons
{
margin-top:70px;
}
}
@media screen and (max-width:1023px)
{
#page-ourstory .hero-title .field .buttons
{
margin-top:140px;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .hero-title .field .buttons
{
margin:0;
display:none;
}
}
#page-ourstory .m-in-brief
{
color:#000;
}
#page-ourstory .m-in-brief .grid-system-column
{
text-align:center;
}
#page-ourstory .m-in-brief h2
{
background-position:bottom center;
padding-bottom:1em;
margin-bottom:1em;
font-size:50px;
}
@media screen and (max-width:1680px)
{
#page-ourstory .m-in-brief h2
{
font-size:40px;
}
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-in-brief h2
{
font-size:32px;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-in-brief h2
{
font-size:25px;
}
}
#page-ourstory .m-in-brief h2 a
{
color:#212121;
}
#page-ourstory .m-in-brief p
{
font-size:18px;
line-height:1.75em;
}
@media screen and (max-width:1680px)
{
#page-ourstory .m-in-brief p
{
font-size:16px;
}
}
@media screen and (max-width:1280px)
{
#page-ourstory .m-in-brief p
{
font-size:14px;
line-height:1.85em;
color:#5E5E5E;
}
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-in-brief p
{
font-size:14px;
}
}
#page-ourstory .m-company-facts
{
background:#f8f8f8;
}
#page-ourstory .m-company-facts .content
{
padding-top:0 !important;
padding-bottom:0 !important;
}
@media screen and (max-width:767px)
{
#page-ourstory .m-company-facts .field
{
padding-bottom:20px;
width:278px;
margin:0 auto;
}
}
#page-ourstory .m-company-facts .grid-system-column
{
text-align:center;
color:#000;
height:375px;
background-image:url(bg_ourstory_figure.png);
background-repeat:no-repeat;
background-position:top center;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-ourstory .m-company-facts .grid-system-column
{
background-image:url(bg_ourstory_figure@2x.png);
-webkit-background-size:242px 278px;
-moz-background-size:242px 278px;
-o-background-size:242px 278px;
background-size:242px 278px;
}
}
.no-backgroundsize #page-ourstory .m-company-facts .grid-system-column
{
background-image:url(bg_ourstory_figure.png);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-ourstory .m-company-facts .grid-system-column
{
background-image:url(bg_ourstory_figure@2x.png);
-webkit-background-size:242px 278px;
-moz-background-size:242px 278px;
-o-background-size:242px 278px;
background-size:242px 278px;
}
}
.no-backgroundsize #page-ourstory .m-company-facts .grid-system-column
{
background-image:url(bg_ourstory_figure.png);
}
@media screen and (max-width:1680px)
{
#page-ourstory .m-company-facts .grid-system-column
{
height:312px;
-webkit-background-size:200px auto;
-moz-background-size:200px auto;
-o-background-size:200px auto;
background-size:200px auto;
}
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-company-facts .grid-system-column
{
-webkit-background-size:138px auto;
-moz-background-size:138px auto;
-o-background-size:138px auto;
background-size:138px auto;
height:222px;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-company-facts .grid-system-column
{
-webkit-background-size:120px auto;
-moz-background-size:120px auto;
-o-background-size:120px auto;
background-size:120px auto;
height:138px;
margin-bottom:20px;
margin-left:0;
margin-right:0;
width:137px !important;
}
}
#page-ourstory .m-company-facts .figure
{
margin-top:112px;
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:56px;
margin-bottom:.35em;
}
@media screen and (max-width:1680px)
{
#page-ourstory .m-company-facts .figure
{
margin-top:86px;
font-size:48px;
}
}
@media screen and (max-width:1280px)
{
#page-ourstory .m-company-facts .figure
{
font-size:40px;
}
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-company-facts .figure
{
margin-top:58px;
margin-bottom:.25em;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-company-facts .figure
{
font-size:30px;
margin-top:46px;
margin-bottom:.1em;
}
}
#page-ourstory .m-company-facts .legend
{
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:18px;
}
@media screen and (max-width:1280px)
{
#page-ourstory .m-company-facts .legend
{
font-size:17px;
}
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-company-facts .legend
{
font-size:14px;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-company-facts .legend
{
font-size:13px;
}
}
@media only screen and (min-width:1025px)
{
#page-ourstory .m-company-facts .figure,#page-ourstory .m-company-facts .legend
{
opacity:0;
}
#page-ourstory .m-company-facts .figure.animate,#page-ourstory .m-company-facts .legend.animate,html.no-js #page-ourstory .m-company-facts .figure,html.no-js #page-ourstory .m-company-facts .legend
{
opacity:1;
-webkit-animation:fadeInDown 0.6s;
animation:fadeInDown 0.6s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
}
#page-ourstory .m-company-facts .figure.animate:first-child,#page-ourstory .m-company-facts .legend.animate:first-child
{
-webkit-animation-delay:0.2s;
animation-delay:0.2s;
}
}
#page-ourstory .m-way-we-work
{
color:#3c3c3c;
}
#page-ourstory .m-way-we-work .content
{
padding:0 !important;
background:#f2f2f2;
}
#page-ourstory .m-way-we-work h2
{
background-position:bottom center;
padding-bottom:1em;
margin-bottom:0;
font-size:50px;
text-align:center;
}
@media screen and (max-width:1680px)
{
#page-ourstory .m-way-we-work h2
{
font-size:40px;
}
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-way-we-work h2
{
font-size:32px;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-way-we-work h2
{
font-size:25px;
}
}
#page-ourstory .m-way-we-work h3
{
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:18px;
font-weight:600;
margin:1em 0 1.5em 0;
text-transform:none;
}
@media screen and (max-width:1680px)
{
#page-ourstory .m-way-we-work h3
{
font-size:15px;
}
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-way-we-work h3
{
font-size:16px;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-way-we-work h3
{
font-size:15px;
text-align:center;
margin-top:0;
}
}
#page-ourstory .m-way-we-work p
{
line-height:2em;
}
#page-ourstory .m-way-we-work .part.first .container
{
padding-top:0 !important;
}
#page-ourstory .m-way-we-work .part.first p
{
padding-right:15%;
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-way-we-work .part.first p
{
padding-right:0;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-way-we-work .part.first
{
background:none;
border:none;
}
}
#page-ourstory .m-way-we-work .part.last
{
border-top:1px solid #e4e4e4;
border-bottom:1px solid #e4e4e4;
background:#f8f8f8;
}
@media screen and (max-width:767px)
{
#page-ourstory .m-way-we-work .part.last
{
background:none;
border:none;
}
}
@media screen and (max-width:1680px)
{
#page-ourstory .m-way-we-work .part.last .container
{
-webkit-background-size:560px auto;
-moz-background-size:560px auto;
-o-background-size:560px auto;
background-size:560px auto;
}
}
@media screen and (max-width:1280px)
{
#page-ourstory .m-way-we-work .part.last .container
{
-webkit-background-size:470px auto;
-moz-background-size:470px auto;
-o-background-size:470px auto;
background-size:470px auto;
}
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-way-we-work .part.last .container
{
-webkit-background-size:460px auto;
-moz-background-size:460px auto;
-o-background-size:460px auto;
background-size:460px auto;
padding-bottom:33em;
padding-top:1.5em;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-way-we-work .part.last .container
{
-webkit-background-size:300px auto;
-moz-background-size:300px auto;
-o-background-size:300px auto;
background-size:300px auto;
padding-bottom:22em;
padding-top:0;
}
}
#page-ourstory .m-way-we-work .photos ul
{
margin:0;
padding:0;
}
#page-ourstory .m-way-we-work .photos ul li
{
margin:0;
padding:0;
list-style-type:none;
}
#page-ourstory .m-way-we-work .photos img
{
display:block;
margin-top:3.5em;
max-width:100%;
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-way-we-work .photos img
{
margin-top:1.5em;
}
}
#page-ourstory .m-way-we-work .photos.flexslider
{
margin:0;
padding:0;
border:0;
background:none;
margin-bottom:65px;
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-way-we-work .photos.flexslider
{
margin-bottom:30px;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-way-we-work .photos.flexslider
{
margin-bottom:10px;
}
}
#page-ourstory .m-way-we-work p.cta
{
margin-top:4em;
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-way-we-work p.cta
{
margin-top:3em;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-way-we-work p.cta
{
margin-top:1em;
}
}
#page-ourstory .m-beginning
{
color:#000;
position:relative;
}
#page-ourstory .m-beginning .bg
{
position:absolute;
top:0;
left:0;
width:100%;
height:1000px;
overflow:hidden;
}
#page-ourstory .m-beginning .bg div
{
position:absolute;
top:0;
left:0;
width:100%;
height:120%;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
@media screen and (max-width:1680px)
{
#page-ourstory .m-beginning .bg
{
height:830px;
}
}
@media screen and (max-width:1280px)
{
#page-ourstory .m-beginning .bg
{
height:670px;
}
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-beginning .bg
{
height:480px;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-beginning .bg
{
height:460px;
margin-top:30px;
}
}
#page-ourstory .m-beginning h2
{
background:none;
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:100px;
line-height:1em;
text-align:center;
color:#fff;
margin-top:.8em;
margin-bottom:0;
padding-bottom:0;
z-index:5;
position:relative;
}
@media screen and (max-width:1680px)
{
#page-ourstory .m-beginning h2
{
margin-top:0.5em;
font-size:70px;
}
}
@media screen and (max-width:1280px)
{
#page-ourstory .m-beginning h2
{
font-size:60px;
}
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-beginning h2
{
margin-top:0;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-beginning h2
{
font-size:35px;
}
}
#page-ourstory .m-beginning h2 span
{
display:block;
}
#page-ourstory .m-beginning h3
{
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:17px;
margin:1.5em 0;
margin-top:0;
text-transform:none;
font-weight:600;
}
@media screen and (max-width:1680px)
{
#page-ourstory .m-beginning h3
{
font-size:15px;
}
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-beginning h3
{
font-size:14px;
}
}
#page-ourstory .m-beginning .introduction
{
margin:30px 0;
z-index:5;
position:relative;
}
#page-ourstory .m-beginning .introduction p
{
color:#fff;
text-align:center;
font-style:italic;
font-size:18px;
font-weight:300;
font-weight:400;
line-height:2em;
max-width:1000px;
margin:40px auto;
padding:0;
}
@media screen and (max-width:1280px)
{
#page-ourstory .m-beginning .introduction p
{
margin:20px auto;
font-size:15px;
}
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-beginning .introduction p
{
font-size:14px;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-beginning .introduction p
{
font-size:13px;
}
}
#page-ourstory .m-beginning .intro-quote
{
clear:both;
font-size:32px;
font-style:italic;
font-weight:400;
line-height:1.25em;
}
@media screen and (max-width:1280px)
{
#page-ourstory .m-beginning .intro-quote
{
font-size:24px;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-beginning .intro-quote
{
font-size:18px;
line-height:1.5em;
}
}
#page-ourstory .m-beginning .intro-quote .container
{
padding-top:5em;
padding-bottom:4em;
}
@media screen and (max-width:767px)
{
#page-ourstory .m-beginning .intro-quote .container
{
padding-top:4em;
padding-bottom:2em;
}
}
#page-ourstory .m-beginning .intro-quote blockquote
{
margin:0;
padding:0;
text-align:center;
}
#page-ourstory .m-beginning .core-beliefs .container
{
padding-top:0;
padding-bottom:1.25em;
}
@media screen and (max-width:1680px)
{
#page-ourstory .m-beginning .core-beliefs .container
{
-webkit-background-size:520px auto;
-moz-background-size:520px auto;
-o-background-size:520px auto;
background-size:520px auto;
background-position:left 190px;
}
}
@media screen and (max-width:1280px)
{
#page-ourstory .m-beginning .core-beliefs .container
{
-webkit-background-size:460px auto;
-moz-background-size:460px auto;
-o-background-size:460px auto;
background-size:460px auto;
background-position:left 260px;
}
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-beginning .core-beliefs .container
{
-webkit-background-size:460px auto;
-moz-background-size:460px auto;
-o-background-size:460px auto;
background-size:460px auto;
padding-bottom:30em;
padding-top:1.5em;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-beginning .core-beliefs .container
{
-webkit-background-size:300px auto;
-moz-background-size:300px auto;
-o-background-size:300px auto;
background-size:300px auto;
padding-bottom:21em;
padding-top:0;
}
}
#page-ourstory .m-beginning .type
{
display:block;
margin:0 auto 8.5em auto;
text-align:center;
text-transform:uppercase;
}
@media screen and (max-width:1280px)
{
#page-ourstory .m-beginning .type
{
margin-bottom:4.5em;
}
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-beginning .type
{
margin-bottom:3.5em;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-beginning .type
{
margin-bottom:3.5em;
}
}
#page-ourstory .m-beginning .type p
{
width:auto;
border-top:4px solid #fff;
border-bottom:4px solid #fff;
padding:0.5em 2em;
text-align:center;
margin:0 auto;
display:inline-block;
color:#fff;
font-weight:600;
}
@media screen and (max-width:1680px)
{
#page-ourstory .m-beginning .type p
{
font-size:14px;
}
}
@media screen and (max-width:1280px)
{
#page-ourstory .m-beginning .type p
{
border-width:3px;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-beginning .type p
{
font-size:12px;
padding:.75em 1.5em;
border-width:2px;
}
}
#page-ourstory .m-beginning .title
{
min-height:822px;
padding:180px 0 0 0;
margin-bottom:0 !important;
}
@media screen and (max-width:1680px)
{
#page-ourstory .m-beginning .title
{
min-height:670px;
padding-top:160px;
}
}
@media screen and (max-width:1280px)
{
#page-ourstory .m-beginning .title
{
min-height:550px;
padding-top:120px;
}
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-beginning .title
{
min-height:420px;
padding-top:60px;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-beginning .title
{
min-height:390px;
padding-top:100px;
}
}
@media only screen and (max-width:320px)
{
#page-ourstory .m-beginning .title
{
min-height:426px;
padding-top:60px;
}
}
#page-ourstory .m-beginning .title + .row
{
margin-top:80px;
}
@media screen and (max-width:1680px)
{
#page-ourstory .m-beginning .title + .row
{
margin-top:70px;
}
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-beginning .title + .row
{
margin-top:50px;
}
}
#page-ourstory .m-beginning .photos
{
margin-bottom:2.5em;
}
@media screen and (max-width:767px)
{
#page-ourstory .m-beginning .photos
{
margin-bottom:0;
padding-top:2.5em;
padding-bottom:2.5em;
}
}
#page-ourstory .m-beginning .photos .with-caption
{
width:100%;
overflow:hidden;
background:#000;
position:relative;
}
#page-ourstory .m-beginning .photos .with-caption .photo
{
width:75%;
float:left;
}
@media screen and (max-width:767px)
{
#page-ourstory .m-beginning .photos .with-caption .photo
{
width:100%;
float:none;
}
}
#page-ourstory .m-beginning .photos .with-caption .photo img
{
width:100%;
height:auto;
}
#page-ourstory .m-beginning .photos .with-caption .caption
{
width:25%;
position:absolute;
height:100%;
right:0;
}
@media screen and (max-width:767px)
{
#page-ourstory .m-beginning .photos .with-caption .caption
{
width:100%;
float:none;
height:auto;
right:auto;
position:relative;
}
}
#page-ourstory .m-beginning .photos .with-caption .caption span
{
color:#fff;
padding:1.5em 2em;
position:absolute;
bottom:0;
font-size:14px;
line-height:1.85em;
display:block;
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-beginning .photos .with-caption .caption span
{
display:block;
font-size:11px;
position:relative;
bottom:auto;
padding:1em 1.5em;
}
}
#page-ourstory .m-beginning .story
{
margin-top:-.5em;
}
@media screen and (max-width:767px)
{
#page-ourstory .m-beginning .story
{
margin-top:0;
}
}
#page-ourstory .m-beginning .story.flip
{
float:right;
margin-right:10px;
}
@media screen and (max-width:767px)
{
#page-ourstory .m-beginning .story.flip
{
margin-right:0;
}
}
#page-ourstory .m-beginning .story p
{
line-height:2em;
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-beginning .story p
{
width:100%;
}
}
#page-ourstory .m-beginning .story p.photo-inline
{
margin-top:2.25em;
margin-bottom:1em;
}
@media screen and (max-width:1680px)
{
#page-ourstory .m-beginning .story p.photo-inline img
{
max-width:750px;
}
}
@media screen and (max-width:1280px)
{
#page-ourstory .m-beginning .story p.photo-inline img
{
max-width:610px;
}
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-beginning .story p.photo-inline img
{
max-width:490px;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-beginning .story p.photo-inline img
{
max-width:100%;
}
}
#page-ourstory .m-beginning .story blockquote
{
margin:1.5em 0 3em 0;
width:80%;
}
@media screen and (max-width:1680px)
{
#page-ourstory .m-beginning .story blockquote
{
margin:.5em 0 2.5em 0;
}
}
@media screen and (max-width:1280px)
{
#page-ourstory .m-beginning .story blockquote
{
margin-bottom:1em;
}
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-beginning .story blockquote
{
margin-top:0;
margin-bottom:1em;
width:100%;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-beginning .story blockquote
{
margin-top:1em;
}
}
#page-ourstory .m-beginning .story blockquote p
{
width:95%;
font-size:18px;
background:url(bg_ourstory_quote_sep_trans.png) no-repeat 1px 0;
-webkit-background-size:1px 100%;
-moz-background-size:1px 100%;
-o-background-size:1px 100%;
background-size:1px 100%;
padding:0.65em 0 1em 32px;
line-height:1.75em;
font-style:italic;
font-weight:300;
font-weight:400;
}
@media screen and (max-width:1280px)
{
#page-ourstory .m-beginning .story blockquote p
{
font-size:16px;
width:82%;
font-weight:400;
}
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-beginning .story blockquote p
{
font-size:15px;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-beginning .story blockquote p
{
font-size:15px;
padding-top:.5em;
padding-bottom:1.5em;
line-height:1.7em;
padding-left:24px;
}
}
#page-ourstory .m-beginning .spacer.flip
{
float:right;
}
#page-ourstory .m-beginning .spacer h3
{
display:none;
}
#page-ourstory .m-beginning .scroll-tip
{
display:none;
}
@media screen and (max-width:767px)
{
#page-ourstory .m-beginning .scroll-tip
{
display:block;
margin:1em 0;
clear:both;
-webkit-animation:glow 2.5s ease-in-out 0 infinite;
-moz-animation:glow 2.5s ease-in-out 0 infinite;
animation:glow 2.5s ease-in-out 0 infinite;
}
#page-ourstory .m-beginning .scroll-tip:before
{
content:'Swipe to navigate �';
color:#999898;
font-size:14px;
font-weight:300;
font-weight:400;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-beginning .timeline
{
overflow-y:hidden;
overflow-x:scroll;
-webkit-overflow-scrolling:touch;
margin-top:-40px;
}
#page-ourstory .m-beginning .timeline .scroll-container
{
width:auto;
white-space:nowrap;
height:159px;
margin-top:20px;
}
}
#page-ourstory .m-beginning .timeline.flip
{
margin-right:0;
float:left;
}
#page-ourstory .m-beginning .timeline .tl
{
width:100%;
overflow:hidden;
padding-bottom:2.75em;
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:16px;
font-weight:500;
line-height:1em;
}
#page-ourstory .m-beginning .timeline .tl.empty.high-block
{
height:21em;
}
@media screen and (max-width:1680px)
{
#page-ourstory .m-beginning .timeline .tl.empty.high-block
{
height:18em;
}
}
@media screen and (max-width:1280px)
{
#page-ourstory .m-beginning .timeline .tl.empty.high-block
{
height:22em;
}
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-beginning .timeline .tl
{
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:14px;
}
#page-ourstory .m-beginning .timeline .tl.empty
{
padding-bottom:.5em;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-beginning .timeline .tl
{
height:119px;
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:12px;
font-weight:600;
color:#353535;
width:132px;
display:inline-block;
float:none;
white-space:normal;
background:url(bg_release_timeline.png) repeat-x bottom left;
margin:0;
padding:0;
margin-bottom:-20px;
}
#page-ourstory .m-beginning .timeline .tl.empty
{
width:14px;
}
#page-ourstory .m-beginning .timeline .tl.empty.high-block
{
display:none;
}
}
@media screen and (min-width:768px)
{
#page-ourstory .m-beginning .timeline .tl
{
background:none;
}
}
#page-ourstory .m-beginning .timeline .tl .year
{
float:left;
width:20%;
opacity:0.4;
text-align:right;
}
#page-ourstory .m-beginning .timeline .tl .event
{
float:right;
width:60%;
font-size:14px;
margin-top:1px;
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-beginning .timeline .tl .event
{
line-height:1.4em;
}
}
@media only screen and (min-width:1025px)
{
#page-ourstory .m-beginning .timeline .tl .event
{
opacity:0;
}
#page-ourstory .m-beginning .timeline .tl .event.animate,html.no-js #page-ourstory .m-beginning .timeline .tl .event
{
opacity:1;
-webkit-animation:fadeInRight 0.7s;
animation:fadeInRight 0.7s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-delay:0.3s;
animation-delay:0.3s;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-beginning .timeline .tl
{
position:relative;
padding-top:40px;
}
#page-ourstory .m-beginning .timeline .tl.launch:before
{
content:'';
display:inline-block;
position:absolute;
top:10px;
left:12px;
height:20px;
width:20px;
background-image:url(icons_event.png);
background-repeat:no-repeat;
}
.no-backgroundsize #page-ourstory .m-beginning .timeline .tl.launch:before
{
background-image:url(icons_event.png);
}
.no-backgroundsize #page-ourstory .m-beginning .timeline .tl.launch:before
{
background-image:url(icons_event.png);
}
#page-ourstory .m-beginning .timeline .tl .year
{
position:absolute;
left:0;
bottom:20px;
text-align:left;
float:none;
width:100%;
opacity:0.8;
width:auto;
margin-left:4px;
line-height:1.25em;
font-size:13px;
text-transform:uppercase;
color:rgba(0,0,0,0.6);
font-weight:300;
font-weight:400;
margin:0;
}
#page-ourstory .m-beginning .timeline .tl .event
{
border-left:1px solid #DDD;
width:auto;
float:left;
position:relative;
font-size:13px;
overflow:hidden;
margin-left:4px;
line-height:1.25em;
height:48px;
text-transform:none;
padding:0 20px 0 10px;
height:60px;
margin:0;
}
}
@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-ourstory .m-beginning .timeline .tl.launch:before
{
background-image:url(icons_event@2x.png);
-webkit-background-size:400px 400px;
-moz-background-size:400px 400px;
-o-background-size:400px 400px;
background-size:400px 400px;
}
}
@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-ourstory .m-beginning .timeline .tl.launch:before
{
background-image:url(icons_event@2x.png);
-webkit-background-size:400px 400px;
-moz-background-size:400px 400px;
-o-background-size:400px 400px;
background-size:400px 400px;
}
}
#page-ourstory .m-beginning .row
{
background-image:url(bg_ourstory_beginning_tl.png);
background-repeat:no-repeat;
background-repeat:repeat-y;
background-position:1191px 2px;
padding-top:0;
padding-bottom:0;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-ourstory .m-beginning .row
{
background-image:url(bg_ourstory_beginning_tl@2x.png);
-webkit-background-size:10px 12px;
-moz-background-size:10px 12px;
-o-background-size:10px 12px;
background-size:10px 12px;
}
}
.no-backgroundsize #page-ourstory .m-beginning .row
{
background-image:url(bg_ourstory_beginning_tl.png);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-ourstory .m-beginning .row
{
background-image:url(bg_ourstory_beginning_tl@2x.png);
-webkit-background-size:10px 12px;
-moz-background-size:10px 12px;
-o-background-size:10px 12px;
background-size:10px 12px;
}
}
.no-backgroundsize #page-ourstory .m-beginning .row
{
background-image:url(bg_ourstory_beginning_tl.png);
}
@media screen and (max-width:1680px)
{
#page-ourstory .m-beginning .row
{
background-position:932px 2px;
}
}
@media screen and (max-width:1280px)
{
#page-ourstory .m-beginning .row
{
background-position:792px 2px;
}
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-beginning .row
{
background-position:601px 2px;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-beginning .row
{
margin-top:1em;
background:none;
}
}
#page-ourstory .m-beginning .row.flip
{
background-position:257px 2px;
}
@media screen and (max-width:1680px)
{
#page-ourstory .m-beginning .row.flip
{
background-position:145px 2px;
}
}
@media screen and (max-width:1280px)
{
#page-ourstory .m-beginning .row.flip
{
background-position:126px 2px;
}
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-beginning .row.flip
{
background-position:86px 2px;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-beginning .row.flip
{
margin-top:2em;
background:none;
}
}
#page-ourstory .m-beginning .row .timeline
{
padding-top:0;
}
@media screen and (max-width:767px)
{
#page-ourstory .m-beginning .row .timeline
{
padding-top:1.7em;
}
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-beginning .row.invert
{
margin-top:0;
}
}
#page-ourstory .m-beginning .row.invert .story,#page-ourstory .m-beginning .row.invert .timeline
{
padding-top:0em;
}
#page-ourstory .m-beginning .row.invert .timeline
{
height:783px;
}
@media screen and (max-width:1023px)
{
#page-ourstory .m-beginning .row.invert .timeline
{
height:auto;
}
}
#page-ourstory .m-beginning .row.invert .timeline .tl .year
{
opacity:0.3;
}
#page-ourstory .m-beginning .row.invert *
{
color:#fff !important;
}
#page-ourstory .m-beginning .content
{
-webkit-background-size:100% auto;
-moz-background-size:100% auto;
-o-background-size:100% auto;
background-size:100% auto;
padding:0 0 48% 0;
}
@media screen and (max-width:1280px)
{
#page-ourstory .m-beginning .content
{
padding-bottom:49%;
}
}
#page-ourstory .m-what-others-say
{
background:#f2f2f2;
}
#page-ourstory .m-what-others-say .item
{
border-top:1px solid #dbdbdc;
padding-top:3.25em;
margin-top:2em;
}
#page-ourstory .m-what-others-say .item:first-child
{
border:none;
padding-top:0;
margin-top:.5em;
}
#page-ourstory .m-what-others-say h3
{
width:66%;
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:40px;
}
@media screen and (max-width:1680px)
{
#page-ourstory .m-what-others-say h3
{
width:80%;
}
}
@media screen and (max-width:1280px)
{
#page-ourstory .m-what-others-say h3
{
font-size:32px;
}
}
@media screen and (max-width:767px)
{
#page-ourstory .m-what-others-say h3
{
padding-bottom:1em;
}
}
#page-ourstory .m-what-others-say h4
{
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:23px;
font-weight:400;
margin-bottom:0;
}
@media screen and (max-width:1680px)
{
#page-ourstory .m-what-others-say h4
{
font-size:20px;
}
}
@media screen and (max-width:1280px)
{
#page-ourstory .m-what-others-say h4
{
font-size:18px;
}
}
#page-ourstory .m-what-others-say .date
{
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:16px;
color:#919191;
}
@media screen and (max-width:1280px)
{
#page-ourstory .m-what-others-say .date
{
font-size:14px;
}
}
#page-ourstory .m-what-others-say .author
{
padding-bottom:.5em;
}
@media screen and (max-width:1680px)
{
#page-ourstory .m-what-others-say .author img
{
height:2em !important;
width:auto !important;
}
}
#page-ourstory .m-what-others-say .link
{
margin-top:.75em;
font-size:15px;
font-weight:600;
text-transform:uppercase;
}
#page-ourstory .m-what-others-say .link a
{
color:#000;
}
#page-ourstory .m-what-others-say .link a:hover
{
color:#555;
}
#page-careers
{
background:#fff;
}
#page-careers h4
{
display:none;
}
#page-careers .hero-title
{
color:#fff;
text-align:center;
}
#page-careers .hero-title.active-video
{
-webkit-transition:all 0.75s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.75s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.75s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.75s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.75s cubic-bezier(0.645,0.045,0.355,1);
z-index:9999;
width:100%;
height:100% !important;
background:#000 !important;
}
#page-careers .hero-title.active-video h2,#page-careers .hero-title.active-video .play,#page-careers .hero-title.active-video p,#page-careers .hero-title.active-video picture,#page-careers .hero-title.active-video img
{
opacity:0;
}
#page-careers .hero-title.closing-video
{
-webkit-transition:all 0 cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0 cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0 cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0 cubic-bezier(0.645,0.045,0.355,1);
transition:all 0 cubic-bezier(0.645,0.045,0.355,1);
}
#page-careers .hero-title .field
{
background:none;
}
@media screen and (max-width:1680px)
{
#page-careers .hero-title .field
{
width:675px;
margin-left:-337px;
}
}
@media screen and (max-width:1280px)
{
#page-careers .hero-title .field
{
-webkit-backface-visibility:hidden;
}
}
@media screen and (max-width:1023px)
{
#page-careers .hero-title .field
{
width:78%;
margin-left:-39%;
}
}
@media screen and (max-width:767px)
{
#page-careers .hero-title .field
{
width:284px;
margin-left:-142px;
}
}
#page-careers .hero-title .play
{
display:none;
margin-bottom:.35em;
}
@media screen and (max-width:1680px)
{
#page-careers .hero-title .play
{
margin-top:.25em;
margin-bottom:.5em;
}
}
@media screen and (max-width:1280px)
{
#page-careers .hero-title .play
{
margin-top:0;
margin-bottom:.25em;
}
}
@media screen and (max-width:1023px)
{
#page-careers .hero-title .play
{
margin-bottom:.3em;
}
}
@media screen and (max-width:767px)
{
#page-careers .hero-title .play
{
margin-bottom:.15em;
}
}
#page-careers .hero-title h2
{
color:#fff;
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:86px;
padding-bottom:.65em;
margin-bottom:0.75em;
background:url(heading_divider_trans@2x.png) no-repeat bottom center;
-webkit-background-size:60px 1px;
-moz-background-size:60px 1px;
-o-background-size:60px 1px;
background-size:60px 1px;
line-height:1.2em;
}
#page-careers .hero-title h2 span
{
display:block;
}
@media screen and (max-width:1920px)
{
#page-careers .hero-title h2
{
font-size:80px;
}
}
@media screen and (max-width:1680px)
{
#page-careers .hero-title h2
{
font-size:64px;
}
}
@media screen and (max-width:1280px)
{
#page-careers .hero-title h2
{
font-size:55px;
}
}
@media screen and (max-width:767px)
{
#page-careers .hero-title h2
{
font-size:37px;
}
}
#page-careers .hero-title p
{
line-height:1.65em;
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:22px;
text-transform:none;
margin-top:.5em;
text-align:center;
width:100%;
font-weight:300;
font-weight:400;
}
@media screen and (max-width:1680px)
{
#page-careers .hero-title p
{
font-size:19px;
}
}
@media screen and (max-width:1280px)
{
#page-careers .hero-title p
{
font-size:16px;
}
}
@media screen and (max-width:1023px)
{
#page-careers .hero-title p
{
font-size:15px;
font-weight:400;
}
}
@media screen and (max-width:767px)
{
#page-careers .hero-title p
{
font-size:12px;
position:relative;
top:0;
margin-bottom:2.5em;
}
}
#page-careers .hero-title p.introduction span
{
display:block;
}
@media screen and (max-width:767px)
{
#page-careers .hero-title p.introduction span
{
display:none;
}
}
#page-careers .hero-title p.buttons
{
margin-top:116px;
}
@media screen and (max-width:1680px)
{
#page-careers .hero-title p.buttons
{
margin-top:130px;
}
}
@media screen and (max-width:1280px)
{
#page-careers .hero-title p.buttons
{
margin-top:90px;
}
}
@media screen and (max-width:1023px)
{
#page-careers .hero-title p.buttons
{
margin-top:200px;
}
}
@media screen and (max-width:767px)
{
#page-careers .hero-title p.buttons
{
margin-top:1em;
margin-top:4em;
}
}
#page-careers .hero-title p.buttons a
{
margin-left:38px;
margin-bottom:-2px;
}
#page-careers .hero-title p.buttons a.button-share
{
vertical-align:19px;
margin-right:0;
margin-bottom:0;
}
@media screen and (max-width:767px)
{
#page-careers .hero-title p.buttons a.button-share
{
display:none !important;
}
}
@media screen and (max-width:767px)
{
#page-careers .hero-title p.buttons a
{
margin-left:0;
margin:0 auto !important;
display:block !important;
}
}
#page-careers .hero-title p.buttons a:first-child
{
margin-left:0;
}
#page-careers .hero-title p.buttons .watch-film
{
display:none;
}
@media screen and (max-width:767px)
{
#page-careers .hero-title p.buttons .button.alt.twitter
{
display:none !important;
}
}
#page-careers .hero-title p.buttons .button.alt.twitter span
{
background-position:85px -387px;
}
#page-careers .hero-title p.buttons .button.alt.twitter span:first-child
{
background-position:149px -487px;
}
@media screen and (max-width:767px)
{
#page-careers .hero-title p.buttons .button.alt.facebook
{
display:none !important;
}
}
#page-careers .hero-title p.buttons .button.alt.facebook span
{
background-position:79px -688px;
}
#page-careers .hero-title p.buttons .button.alt.facebook span:first-child
{
background-position:144px -788px;
}
@media screen and (max-width:1023px)
{
#page-careers .pane-featured-jobs
{
margin:0;
}
}
#page-careers .pane-featured-jobs .item
{
float:left;
width:25%;
height:400px;
position:relative;
background:#f5f5f5;
color:#333;
overflow:hidden;
cursor:pointer;
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:30px;
font-weight:400;
line-height:1.25em;
-webkit-backface-visibility:hidden;
}
@media screen and (max-width:1680px)
{
#page-careers .pane-featured-jobs .item
{
height:300px;
font-size:18px;
}
}
@media screen and (max-width:1280px)
{
#page-careers .pane-featured-jobs .item
{
height:256px;
font-size:24px;
}
}
@media screen and (max-width:1023px)
{
#page-careers .pane-featured-jobs .item
{
min-width:256px;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-featured-jobs .item
{
font-size:25px;
width:100%;
height:auto;
position:relative;
height:100%;
width:50%;
float:left;
min-width:0;
margin:0 auto;
}
#page-careers .pane-featured-jobs .item:before
{
content:"";
display:block;
padding-top:100%;
}
}
@media screen and (max-width:639px)
{
#page-careers .pane-featured-jobs .item
{
width:100%;
float:none;
max-width:480px;
}
}
#page-careers .pane-featured-jobs .item:first-child
{
cursor:default;
}
#page-careers .pane-featured-jobs .item a,#page-careers .pane-featured-jobs .item span
{
display:block;
text-align:center;
width:100%;
}
#page-careers .pane-featured-jobs .item a
{
color:#333;
text-decoration:none;
}
#page-careers .pane-featured-jobs .item .container
{
background-color:none;
display:table-row;
}
@media screen and (max-width:767px)
{
#page-careers .pane-featured-jobs .item .container
{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
width:100%;
height:100%;
display:block;
background:none;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
transform-style:preserve-3d;
}
}
#page-careers .pane-featured-jobs .item .inner
{
display:table-cell;
vertical-align:middle;
position:relative;
width:400px;
height:400px;
}
@media screen and (max-width:1680px)
{
#page-careers .pane-featured-jobs .item .inner
{
width:300px;
height:300px;
}
}
@media screen and (max-width:1280px)
{
#page-careers .pane-featured-jobs .item .inner
{
width:256px;
height:256px;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-featured-jobs .item .inner
{
display:block;
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
margin:0 12%;
width:auto;
height:100%;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
transform-style:preserve-3d;
}
}
#page-careers .pane-featured-jobs .item .inner a
{
-webkit-transition:all 0.75s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.75s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.75s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.75s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.75s cubic-bezier(0.645,0.045,0.355,1);
width:auto;
padding:0 1.5em;
}
@media screen and (max-width:1280px)
{
#page-careers .pane-featured-jobs .item .inner a
{
font-size:16px;
font-weight:400;
color:#000;
line-height:1.6;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-featured-jobs .item .inner a
{
font-size:25px;
font-weight:500;
margin-top:.5em;
line-height:1.5em;
}
}
#page-careers .pane-featured-jobs .item .inner .secondary-title
{
font-size:16px;
color:#737373;
-webkit-transition:all 0.75s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.75s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.75s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.75s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.75s cubic-bezier(0.645,0.045,0.355,1);
}
@media screen and (max-width:1680px)
{
#page-careers .pane-featured-jobs .item .inner .secondary-title
{
font-size:14px;
}
}
@media screen and (max-width:1280px)
{
#page-careers .pane-featured-jobs .item .inner .secondary-title
{
font-size:12px;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-featured-jobs .item .inner .secondary-title
{
display:none;
}
}
#page-careers .pane-featured-jobs .item .inner .location
{
position:absolute;
bottom:2em;
width:100%;
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:18px;
background-image:url(bg_careers_location.png);
background-repeat:no-repeat;
background-position:center 0 !important;
padding-top:44px;
-webkit-background-size:26px auto !important;
-moz-background-size:26px auto !important;
-o-background-size:26px auto !important;
background-size:26px auto !important;
-webkit-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-careers .pane-featured-jobs .item .inner .location
{
background-image:url(bg_careers_location@2x.png);
-webkit-background-size:30px 193px;
-moz-background-size:30px 193px;
-o-background-size:30px 193px;
background-size:30px 193px;
}
}
.no-backgroundsize #page-careers .pane-featured-jobs .item .inner .location
{
background-image:url(bg_careers_location.png);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-careers .pane-featured-jobs .item .inner .location
{
background-image:url(bg_careers_location@2x.png);
-webkit-background-size:30px 193px;
-moz-background-size:30px 193px;
-o-background-size:30px 193px;
background-size:30px 193px;
}
}
.no-backgroundsize #page-careers .pane-featured-jobs .item .inner .location
{
background-image:url(bg_careers_location.png);
}
@media screen and (max-width:1680px)
{
#page-careers .pane-featured-jobs .item .inner .location
{
font-size:15px;
-webkit-background-size:18px auto !important;
-moz-background-size:18px auto !important;
-o-background-size:18px auto !important;
background-size:18px auto !important;
background-position:center 14px !important;
}
}
@media screen and (max-width:1280px)
{
#page-careers .pane-featured-jobs .item .inner .location
{
font-size:15px;
font-size:13px;
bottom:1.5em;
-webkit-background-size:18px auto !important;
-moz-background-size:18px auto !important;
-o-background-size:18px auto !important;
background-size:18px auto !important;
padding-top:24px;
background-position:center 1px !important;
}
}
@media screen and (max-width:1023px)
{
#page-careers .pane-featured-jobs .item .inner .location
{
font-size:13px;
-webkit-background-size:15px auto !important;
-moz-background-size:15px auto !important;
-o-background-size:15px auto !important;
background-size:15px auto !important;
padding-top:24px;
background-position:center 6px !important;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-featured-jobs .item .inner .location
{
top:20px;
font-size:15px;
padding-top:1.6em;
bottom:auto;
background-position:center 6px !important;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-featured-jobs .item .container .inner
{
position:relative;
top:auto;
left:auto;
right:auto;
bottom:auto;
height:auto;
margin:0;
width:100%;
height:100%;
}
#page-careers .pane-featured-jobs .item .container .inner a
{
position:relative;
top:50%;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
transform:translate(0,-50%);
margin-top:0;
padding-top:.5em;
}
}
@media screen and (max-width:1280px)
{
#page-careers .pane-featured-jobs .item.large .inner a
{
font-size:28px;
font-weight:400;
}
#page-careers .pane-featured-jobs .item.large .inner .secondary-title
{
font-size:14px;
line-height:1.5em;
font-weight:300;
font-weight:400;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-featured-jobs .item.large .inner a
{
font-size:25px;
}
}
#page-careers .pane-featured-jobs .item .apply
{
position:absolute;
bottom:-6.5em;
margin-top:-1.25em;
-webkit-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
color:#fff;
z-index:5;
-moz-opacity:0;
-khtml-opacity:0;
-webkit-opacity:0;
opacity:0;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
background-image:url(bg_button_arrow.png);
background-repeat:no-repeat;
background-position:54% -59px;
padding-bottom:3.5em;
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:18px;
font-weight:500;
color:#000;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-careers .pane-featured-jobs .item .apply
{
background-image:url(bg_button_arrow@2x.png);
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}
.no-backgroundsize #page-careers .pane-featured-jobs .item .apply
{
background-image:url(bg_button_arrow.png);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-careers .pane-featured-jobs .item .apply
{
background-image:url(bg_button_arrow@2x.png);
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}
.no-backgroundsize #page-careers .pane-featured-jobs .item .apply
{
background-image:url(bg_button_arrow.png);
}
@media screen and (max-width:1680px)
{
#page-careers .pane-featured-jobs .item .apply
{
background-position:56% -64px;
font-size:17px;
}
}
@media screen and (max-width:1280px)
{
#page-careers .pane-featured-jobs .item .apply
{
font-size:15px;
background-position:58% -68px;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-featured-jobs .item .apply
{
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition:none;
-moz-opacity:1;
-khtml-opacity:1;
-webkit-opacity:1;
opacity:1;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=100);
color:#000;
display:block;
position:absolute;
bottom:20px;
font-weight:500;
text-transform:uppercase;
background-image:url(bg_button_arrow.png);
background-repeat:no-repeat;
background-position:122px -1932px;
width:254px;
left:48%;
margin-left:-127px;
padding-bottom:0;
}
.no-backgroundsize #page-careers .pane-featured-jobs .item .apply
{
background-image:url(bg_button_arrow.png);
}
.no-backgroundsize #page-careers .pane-featured-jobs .item .apply
{
background-image:url(bg_button_arrow.png);
}
}
@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-careers .pane-featured-jobs .item .apply
{
background-image:url(bg_button_arrow@2x.png);
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}
@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-careers .pane-featured-jobs .item .apply
{
background-image:url(bg_button_arrow@2x.png);
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}
#page-careers .pane-featured-jobs .item.large
{
width:50%;
height:800px;
font-size:40px;
background:#000;
-webkit-background-size:cover !important;
-moz-background-size:cover !important;
-o-background-size:cover !important;
background-size:cover !important;
}
@media screen and (max-width:1680px)
{
#page-careers .pane-featured-jobs .item.large
{
height:600px;
font-size:38px;
}
}
@media screen and (max-width:1280px)
{
#page-careers .pane-featured-jobs .item.large
{
height:512px;
font-size:34px;
}
}
@media screen and (max-width:1023px)
{
#page-careers .pane-featured-jobs .item.large
{
min-width:512px;
height:512px;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-featured-jobs .item.large
{
float:none;
margin:0 auto;
overflow:hidden;
border-bottom:none;
font-size:25px;
height:320px;
width:50%;
float:left;
height:100%;
min-width:0;
max-width:none;
}
}
@media screen and (max-width:639px)
{
#page-careers .pane-featured-jobs .item.large
{
width:100%;
max-width:480px;
float:none;
}
}
#page-careers .pane-featured-jobs .item.large .inner
{
z-index:2;
width:800px;
height:800px;
}
@media screen and (max-width:1680px)
{
#page-careers .pane-featured-jobs .item.large .inner
{
width:600px;
height:600px;
}
}
@media screen and (max-width:1280px)
{
#page-careers .pane-featured-jobs .item.large .inner
{
width:512px;
height:512px;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-featured-jobs .item.large .inner
{
width:360px;
height:360px;
width:100%;
height:100%;
}
}
#page-careers .pane-featured-jobs .item.large .inner a
{
color:#fff;
}
@media screen and (max-width:767px)
{
#page-careers .pane-featured-jobs .item.large .inner a
{
font-weight:500;
}
}
#page-careers .pane-featured-jobs .item.large .inner .secondary-title
{
color:#fff;
}
#page-careers .pane-featured-jobs .item.large .inner .location
{
bottom:2em;
background-position:center -125px !important;
color:#fff;
}
@media screen and (max-width:1680px)
{
#page-careers .pane-featured-jobs .item.large .inner .location
{
background-position:center -64px !important;
font-size:16px;
}
}
@media screen and (max-width:1280px)
{
#page-careers .pane-featured-jobs .item.large .inner .location
{
font-size:15px;
bottom:1.5em;
background-position:center -83px !important;
}
}
@media screen and (max-width:1023px)
{
#page-careers .pane-featured-jobs .item.large .inner .location
{
background-position:center -62px !important;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-featured-jobs .item.large .inner .location
{
top:26px;
font-size:15px;
padding-top:1.6em;
bottom:auto;
background-position:center -71px !important;
}
}
#page-careers .pane-featured-jobs .item.large .apply
{
bottom:-6.5em;
color:#fff;
background-position:52% 51px;
}
@media screen and (max-width:1680px)
{
#page-careers .pane-featured-jobs .item.large .apply
{
background-position:53% 44px;
}
}
@media screen and (max-width:1280px)
{
#page-careers .pane-featured-jobs .item.large .apply
{
background-position:53.5% 37px;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-featured-jobs .item.large .apply
{
bottom:20px;
color:#fff;
background-position:122px -1838px;
}
}
#page-careers .pane-featured-jobs .item.large video.bg
{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
-moz-opacity:0;
-khtml-opacity:0;
-webkit-opacity:0;
opacity:0;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
-webkit-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
}
#page-careers .pane-featured-jobs .item:hover .location
{
-moz-opacity:0;
-khtml-opacity:0;
-webkit-opacity:0;
opacity:0;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
bottom:-5em;
}
@media screen and (max-width:767px)
{
#page-careers .pane-featured-jobs .item:hover .location
{
-moz-opacity:1;
-khtml-opacity:1;
-webkit-opacity:1;
opacity:1;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=100);
bottom:auto;
}
}
#page-careers .pane-featured-jobs .item:hover.large .location
{
bottom:-5em;
}
@media screen and (max-width:767px)
{
#page-careers .pane-featured-jobs .item:hover.large .location
{
-moz-opacity:1;
-khtml-opacity:1;
-webkit-opacity:1;
opacity:1;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=100);
bottom:auto;
}
}
#page-careers .pane-featured-jobs .item:hover .apply
{
-moz-opacity:1;
-khtml-opacity:1;
-webkit-opacity:1;
opacity:1;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=100);
bottom:-0.1em;
left:0;
}
@media screen and (max-width:1680px)
{
#page-careers .pane-featured-jobs .item:hover .apply
{
bottom:-0.4em;
}
}
@media screen and (max-width:1280px)
{
#page-careers .pane-featured-jobs .item:hover .apply
{
bottom:-0.75em;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-featured-jobs .item:hover .apply
{
bottom:20px;
left:48%;
}
}
#page-careers .pane-featured-jobs .item:hover.large .apply
{
bottom:.35em;
}
@media screen and (max-width:1680px)
{
#page-careers .pane-featured-jobs .item:hover.large .apply
{
bottom:-0.5em;
}
}
@media screen and (max-width:1280px)
{
#page-careers .pane-featured-jobs .item:hover.large .apply
{
bottom:-0.9em;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-featured-jobs .item:hover.large .apply
{
bottom:20px;
}
}
#page-careers .pane-featured-jobs .item:hover video.bg
{
-moz-opacity:1;
-khtml-opacity:1;
-webkit-opacity:1;
opacity:1;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=100);
-webkit-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
}
#page-careers .pane-featured-jobs .item.intro,#page-careers .pane-featured-jobs .item.all
{
background:#000;
color:#fff;
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:36px;
}
@media screen and (max-width:1680px)
{
#page-careers .pane-featured-jobs .item.intro,#page-careers .pane-featured-jobs .item.all
{
font-size:27px;
}
}
@media screen and (max-width:1280px)
{
#page-careers .pane-featured-jobs .item.intro,#page-careers .pane-featured-jobs .item.all
{
font-size:24px;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-featured-jobs .item.intro,#page-careers .pane-featured-jobs .item.all
{
font-size:28px;
}
}
#page-careers .pane-featured-jobs .item.intro a,#page-careers .pane-featured-jobs .item.all a,#page-careers .pane-featured-jobs .item.intro span,#page-careers .pane-featured-jobs .item.all span
{
color:#fff;
font-weight:500;
}
#page-careers .pane-featured-jobs .item.intro a,#page-careers .pane-featured-jobs .item.all a
{
margin-top:-1.4em;
}
@media screen and (max-width:1280px)
{
#page-careers .pane-featured-jobs .item.intro a,#page-careers .pane-featured-jobs .item.all a
{
margin-top:-1em;
}
}
#page-careers .pane-featured-jobs .item.all a
{
background:url(bg_careers_sa_arrow.png) bottom center no-repeat;
background-image:url(bg_button_arrow.png);
background-repeat:no-repeat;
background-position:center -1426px;
height:200px;
margin-top:6.5em;
padding-left:5em;
padding-right:5em;
border-width:0;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-careers .pane-featured-jobs .item.all a
{
background-image:url(bg_button_arrow@2x.png);
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}
.no-backgroundsize #page-careers .pane-featured-jobs .item.all a
{
background-image:url(bg_button_arrow.png);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-careers .pane-featured-jobs .item.all a
{
background-image:url(bg_button_arrow@2x.png);
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}
.no-backgroundsize #page-careers .pane-featured-jobs .item.all a
{
background-image:url(bg_button_arrow.png);
}
@media screen and (max-width:1680px)
{
#page-careers .pane-featured-jobs .item.all a
{
background-position:center -1448px;
margin-top:8em;
}
}
@media screen and (max-width:1280px)
{
#page-careers .pane-featured-jobs .item.all a
{
background-position:center -1462px;
margin-top:6em;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-featured-jobs .item.all a
{
border-width:2px;
}
}
#page-careers .pane-featured-jobs .item.all a span
{
display:none;
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:36px;
line-height:1.25em;
}
@media screen and (max-width:1680px)
{
#page-careers .pane-featured-jobs .item.all a span
{
font-size:27px;
}
}
@media screen and (max-width:1280px)
{
#page-careers .pane-featured-jobs .item.all a span
{
font-size:24px;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-featured-jobs .item.all a span
{
font-size:28px;
}
}
#page-careers .pane-featured-jobs .item.all a span:first-child
{
display:block;
top:0 !important;
background-position:-9999px;
background-repeat:no-repeat;
margin:0;
padding:0;
position:relative;
}
@media screen and (max-width:767px)
{
#page-careers .pane-featured-jobs .item.all
{
background:#f5f5f5;
}
#page-careers .pane-featured-jobs .item.all .inner
{
margin:0;
padding:0;
}
#page-careers .pane-featured-jobs .item.all a
{
background:none;
color:#000;
font-size:12px;
width:220px;
overflow:hidden;
left:50%;
margin:0 0 0 -112px;
padding:0;
height:3.5em;
position:absolute;
top:50%;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
transform:translate(0,-50%);
}
#page-careers .pane-featured-jobs .item.all a:hover span,#page-careers .pane-featured-jobs .item.all a:active span
{
display:none;
}
#page-careers .pane-featured-jobs .item.all a:hover span:first-child,#page-careers .pane-featured-jobs .item.all a:active span:first-child
{
top:0px !important;
display:block;
}
#page-careers .pane-featured-jobs .item.all a span
{
line-height:13px;
padding:14px 22px 13px 14px !important;
margin-top:0;
background-image:url(bg_button_arrow.png);
background-repeat:no-repeat;
background-repeat:no-repeat !important;
background-position:98px -83px;
display:block;
position:absolute;
text-indent:-9999px;
width:100%;
top:-70px;
-webkit-transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
color:#000;
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:13px;
font-weight:600;
}
.no-backgroundsize #page-careers .pane-featured-jobs .item.all a span
{
background-image:url(bg_button_arrow.png);
}
.no-backgroundsize #page-careers .pane-featured-jobs .item.all a span
{
background-image:url(bg_button_arrow.png);
}
#page-careers .pane-featured-jobs .item.all a span:first-child
{
background-position:177px -84px;
text-indent:0;
top:0;
text-align:left;
padding-right:0;
}
}
@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-careers .pane-featured-jobs .item.all a span
{
background-image:url(bg_button_arrow@2x.png);
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}
@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-careers .pane-featured-jobs .item.all a span
{
background-image:url(bg_button_arrow@2x.png);
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-featured-jobs .item.intro .inner
{
margin:0;
}
}
#page-careers .pane-featured-jobs .item.intro span
{
width:auto;
padding:0 2em;
}
@media screen and (max-width:767px)
{
#page-careers .pane-featured-jobs .item.intro span
{
background-image:url(bg_button_arrow.png);
-webkit-background-size:53px 2327px;
-moz-background-size:53px 2327px;
-o-background-size:53px 2327px;
background-size:53px 2327px;
background-position:center -1449px;
background-repeat:no-repeat;
width:200px;
display:block;
position:absolute;
top:50%;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
transform:translate(0,-50%);
padding:0 0 2em 0;
margin:1em auto 0 auto;
left:50%;
margin-left:-100px;
}
.no-backgroundsize #page-careers .pane-featured-jobs .item.intro span
{
background-image:url(bg_button_arrow.png);
}
.no-backgroundsize #page-careers .pane-featured-jobs .item.intro span
{
background-image:url(bg_button_arrow.png);
}
}
@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-careers .pane-featured-jobs .item.intro span
{
background-image:url(bg_button_arrow@2x.png);
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}
@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-careers .pane-featured-jobs .item.intro span
{
background-image:url(bg_button_arrow@2x.png);
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}
@media screen and (min-width:768px)
{
#page-careers .pane-featured-jobs .item.intro span
{
background:none;
}
}
#page-careers .m-map
{
background:#131313 url(bg_careers_map.png) no-repeat;
background-position:0px 260px;
height:1245px;
color:#fff;
}
@media screen and (max-width:1680px)
{
#page-careers .m-map
{
-webkit-background-size:1024px auto;
-moz-background-size:1024px auto;
-o-background-size:1024px auto;
background-size:1024px auto;
background-position:center 220px;
height:870px;
}
}
@media screen and (max-width:1280px)
{
#page-careers .m-map
{
-webkit-background-size:100% auto;
-moz-background-size:100% auto;
-o-background-size:100% auto;
background-size:100% auto;
background-position:center 210px;
height:860px;
}
}
@media screen and (max-width:1023px)
{
#page-careers .m-map
{
height:715px;
margin-bottom:0;
background-position:center 231px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-map
{
background:#000;
width:auto;
height:auto;
}
}
#page-careers .m-map .content
{
overflow:visible;
}
#page-careers .m-map .introduction
{
text-align:center;
height:210px;
margin-left:auto;
margin-right:auto;
display:block;
}
@media screen and (max-width:1023px)
{
#page-careers .m-map .introduction
{
height:225px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-map .introduction
{
height:auto;
}
}
#page-careers .m-map .introduction h2
{
font-size:45px;
padding-bottom:1.25em;
margin-bottom:1.3em;
background:url(heading_divider_trans@2x.png) no-repeat bottom center;
-webkit-background-size:60px 1px;
-moz-background-size:60px 1px;
-o-background-size:60px 1px;
background-size:60px 1px;
color:#fff;
}
@media screen and (max-width:1680px)
{
#page-careers .m-map .introduction h2
{
font-size:32px;
}
}
@media screen and (max-width:1280px)
{
#page-careers .m-map .introduction h2
{
margin-bottom:1em;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-map .introduction h2
{
-webkit-background-size:61px 1px;
-moz-background-size:61px 1px;
-o-background-size:61px 1px;
background-size:61px 1px;
margin-bottom:1em;
padding-bottom:1em;
}
}
#page-careers .m-map .introduction p
{
font-size:17px;
line-height:1.85em;
}
@media screen and (max-width:1680px)
{
#page-careers .m-map .introduction p
{
font-size:16px;
}
}
@media screen and (max-width:1280px)
{
#page-careers .m-map .introduction p
{
font-size:14px;
font-weight:300;
font-weight:400;
line-height:1.85;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-map .introduction p
{
font-size:12px;
}
}
@media screen and (max-width:1680px)
{
#page-careers .m-map .map
{
width:892px;
display:block;
margin:0 auto;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-map .map
{
height:580px;
width:auto;
}
}
#page-careers .m-map .pins
{
position:relative;
}
@media screen and (max-width:1023px)
{
#page-careers .m-map .pins
{
margin-top:1em;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-map .pins
{
left:50%;
margin-left:-140px;
}
}
#page-careers .m-map .pins .pin
{
position:absolute;
width:218px;
height:160px;
background-image:url(bg_careers_location.png);
background-repeat:no-repeat;
-webkit-background-size:26px auto !important;
-moz-background-size:26px auto !important;
-o-background-size:26px auto !important;
background-size:26px auto !important;
background-position:center -126px !important;
text-align:center;
padding-top:56px;
line-height:1.4em;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-careers .m-map .pins .pin
{
background-image:url(bg_careers_location@2x.png);
-webkit-background-size:30px 193px;
-moz-background-size:30px 193px;
-o-background-size:30px 193px;
background-size:30px 193px;
}
}
.no-backgroundsize #page-careers .m-map .pins .pin
{
background-image:url(bg_careers_location.png);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-careers .m-map .pins .pin
{
background-image:url(bg_careers_location@2x.png);
-webkit-background-size:30px 193px;
-moz-background-size:30px 193px;
-o-background-size:30px 193px;
background-size:30px 193px;
}
}
.no-backgroundsize #page-careers .m-map .pins .pin
{
background-image:url(bg_careers_location.png);
}
@media screen and (max-width:1680px)
{
#page-careers .m-map .pins .pin
{
-webkit-background-size:24px auto !important;
-moz-background-size:24px auto !important;
-o-background-size:24px auto !important;
background-size:24px auto !important;
background-position:center -113px !important;
padding-top:48px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-map .pins .pin
{
width:280px;
left:0 !important;
border-top:1px solid #4e4e4e;
background-position:left -45px !important;
padding-top:51px !important;
-webkit-background-size:20px auto !important;
-moz-background-size:20px auto !important;
-o-background-size:20px auto !important;
background-size:20px auto !important;
}
}
@media only screen and (min-width:1025px)
{
#page-careers .m-map .pins .pin
{
opacity:0;
}
#page-careers .m-map .pins .pin.animate,html.no-js #page-careers .m-map .pins .pin
{
opacity:1;
-webkit-animation:fadeInUp 0.8s;
animation:fadeInUp 0.8s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-delay:0.1s;
animation-delay:0.1s;
}
#page-careers .m-map .pins .pin:nth-child(2).animate
{
-webkit-animation-delay:0.2s;
animation-delay:0.2s;
}
#page-careers .m-map .pins .pin:nth-child(1).animate
{
-webkit-animation-delay:0.4s;
animation-delay:0.4s;
}
#page-careers .m-map .pins .pin:nth-child(3).animate
{
-webkit-animation-delay:0.6s;
animation-delay:0.6s;
}
#page-careers .m-map .pins .pin:nth-child(4).animate
{
-webkit-animation-delay:0.8s;
animation-delay:0.8s;
}
#page-careers .m-map .pins .pin:nth-child(5).animate
{
-webkit-animation-delay:1s;
animation-delay:1s;
}
#page-careers .m-map .pins .pin:nth-child(6).animate
{
-webkit-animation-delay:1.2s;
animation-delay:1.2s;
}
}
#page-careers .m-map .pins .pin .title
{
font-size:16px;
font-weight:600;
text-transform:uppercase;
}
@media screen and (max-width:1680px)
{
#page-careers .m-map .pins .pin .title
{
font-size:13px;
line-height:1.75em;
}
}
@media screen and (max-width:1280px)
{
#page-careers .m-map .pins .pin .title
{
font-size:13px;
font-weight:500;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-map .pins .pin .title
{
font-size:11px;
text-align:left;
margin-left:30px;
}
}
#page-careers .m-map .pins .pin .function
{
font-size:14px;
color:#b7b7b7;
}
@media screen and (max-width:1280px)
{
#page-careers .m-map .pins .pin .function
{
font-size:12px;
font-weight:400;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-map .pins .pin .function
{
font-size:10px;
text-align:left;
margin-left:30px;
}
}
#page-careers .m-map .pins .pin.san-francisco
{
top:338px;
left:-50px;
}
@media screen and (max-width:1680px)
{
#page-careers .m-map .pins .pin.san-francisco
{
top:152px;
left:-24px;
}
}
@media screen and (max-width:1023px)
{
#page-careers .m-map .pins .pin.san-francisco
{
top:93px;
left:-37px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-map .pins .pin.san-francisco
{
top:141px;
}
}
#page-careers .m-map .pins .pin.helsinki
{
top:200px;
left:573px;
}
@media screen and (max-width:1680px)
{
#page-careers .m-map .pins .pin.helsinki
{
top:63px;
left:371px;
}
}
@media screen and (max-width:1023px)
{
#page-careers .m-map .pins .pin.helsinki
{
top:26px;
left:258px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-map .pins .pin.helsinki
{
top:0;
}
}
#page-careers .m-map .pins .pin.seoul
{
top:272px;
right:4px;
background-position:center -76px !important;
padding-top:0;
}
@media screen and (max-width:1680px)
{
#page-careers .m-map .pins .pin.seoul
{
top:91px;
right:11px;
background-position:center -66px !important;
}
}
@media screen and (max-width:1023px)
{
#page-careers .m-map .pins .pin.seoul
{
top:41px;
right:195px;
background-position:center -71px !important;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-map .pins .pin.seoul
{
top:288px;
background-position:left -45px !important;
}
}
#page-careers .m-map .pins .pin.tokyo
{
top:331px;
right:-51px;
}
@media screen and (max-width:1680px)
{
#page-careers .m-map .pins .pin.tokyo
{
top:148px;
right:-26px;
}
}
@media screen and (max-width:1023px)
{
#page-careers .m-map .pins .pin.tokyo
{
top:90px;
right:169px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-map .pins .pin.tokyo
{
top:435px;
}
}
#page-careers .m-map .clocks
{
position:relative;
}
@media screen and (max-width:1023px)
{
#page-careers .m-map .clocks
{
display:none;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-map .clocks
{
display:block;
left:50%;
margin-left:-140px;
}
}
#page-careers .m-map .clocks .clock
{
position:absolute;
width:455px;
height:290px;
top:560px;
}
@media screen and (max-width:1680px)
{
#page-careers .m-map .clocks .clock
{
top:220px;
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
-o-transform:scale(0.9);
-ms-transform:scale(0.9);
transform:scale(0.9);
}
}
@media screen and (max-width:767px)
{
#page-careers .m-map .clocks .clock
{
-webkit-transform:scale(0.5);
-moz-transform:scale(0.5);
-o-transform:scale(0.5);
-ms-transform:scale(0.5);
transform:scale(0.5);
height:0px;
width:280px;
left:70px !important;
}
}
#page-careers .m-map .clocks .clock.san-francisco
{
left:-80px;
}
@media screen and (max-width:1680px)
{
#page-careers .m-map .clocks .clock.san-francisco
{
left:-132px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-map .clocks .clock.san-francisco
{
top:145px;
}
}
#page-careers .m-map .clocks .clock.helsinki
{
left:400px;
}
@media screen and (max-width:1680px)
{
#page-careers .m-map .clocks .clock.helsinki
{
left:231px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-map .clocks .clock.helsinki
{
top:0;
}
}
#page-careers .m-map .clocks .clock.seoultokyo
{
right:-80px;
}
@media screen and (max-width:1680px)
{
#page-careers .m-map .clocks .clock.seoultokyo
{
right:-138px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-map .clocks .clock.seoultokyo
{
top:290px;
}
}
#page-careers .m-map .clocks .clock.tokyo
{
display:none;
}
@media screen and (max-width:767px)
{
#page-careers .m-map .clocks .clock.tokyo
{
display:block;
top:435px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-map .clocks .clock .clockface
{
position:absolute;
left:-49px;
top:32px;
}
}
#page-careers .m-map .clocks .clock-tmpl
{
display:none;
}
#page-careers .m-map .clocks .title
{
position:absolute;
bottom:62px;
width:250px;
left:50%;
margin-left:-130px;
text-align:center;
font-size:12px;
color:#b0b0b0;
display:none;
}
@media screen and (max-width:767px)
{
#page-careers .m-map .clocks .title
{
display:none !important;
}
}
#page-careers .m-gamestudio
{
-webkit-background-size:auto 100%;
-moz-background-size:auto 100%;
-o-background-size:auto 100%;
background-size:auto 100%;
color:#fff;
text-align:center;
padding-bottom:590px;
}
@media screen and (max-width:1680px)
{
#page-careers .m-gamestudio
{
padding-bottom:360px;
-webkit-background-size:100% auto;
-moz-background-size:100% auto;
-o-background-size:100% auto;
background-size:100% auto;
}
}
@media screen and (max-width:1280px)
{
#page-careers .m-gamestudio
{
padding-bottom:310px;
}
}
@media screen and (max-width:1023px)
{
#page-careers .m-gamestudio
{
padding-bottom:240px;
margin-bottom:0;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio
{
font-size:12px;
padding-bottom:45em;
-webkit-background-size:100% auto;
-moz-background-size:100% auto;
-o-background-size:100% auto;
background-size:100% auto;
}
}
@media (max-width:480px)
{
#page-careers .m-gamestudio
{
padding-bottom:330px;
}
}
@media (max-width:320px)
{
#page-careers .m-gamestudio
{
padding-bottom:230px;
}
}
#page-careers .m-gamestudio .content
{
padding-top:2em;
}
@media screen and (max-width:1280px)
{
#page-careers .m-gamestudio .content
{
padding-top:0;
}
}
#page-careers .m-gamestudio .field
{
border-top:1px solid #242424;
padding-top:7em;
}
@media screen and (max-width:1280px)
{
#page-careers .m-gamestudio .field
{
padding-top:5em;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .field
{
padding-top:4em;
}
}
#page-careers .m-gamestudio .flex-control-paging li a.flex-active
{
background:#fff;
}
#page-careers .m-gamestudio h2
{
font-size:45px;
padding-bottom:1.25em;
margin-bottom:1.3em;
background:url(heading_divider_gray@2x.png) no-repeat bottom center;
-webkit-background-size:60px 1px;
-moz-background-size:60px 1px;
-o-background-size:60px 1px;
background-size:60px 1px;
color:#fff;
}
@media screen and (max-width:1680px)
{
#page-careers .m-gamestudio h2
{
font-size:32px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio h2
{
-webkit-background-size:61px 1px;
-moz-background-size:61px 1px;
-o-background-size:61px 1px;
background-size:61px 1px;
margin-bottom:1em;
padding-bottom:1em;
}
}
#page-careers .m-gamestudio h3
{
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:26px;
text-align:center;
color:#fff;
text-transform:none;
margin:1em 0 2em 0;
}
@media screen and (max-width:1680px)
{
#page-careers .m-gamestudio h3
{
font-size:20px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio h3
{
margin-top:2em;
margin-bottom:1.5em;
}
}
#page-careers .m-gamestudio p
{
line-height:2em;
font-size:17px;
}
@media screen and (max-width:1680px)
{
#page-careers .m-gamestudio p
{
font-size:16px;
line-height:1.85em;
}
}
@media screen and (max-width:1280px)
{
#page-careers .m-gamestudio p
{
font-size:14px;
font-weight:300;
font-weight:400;
line-height:1.85em;
}
#page-careers .m-gamestudio p strong
{
font-weight:500;
font-size:15px;
}
}
@media screen and (max-width:1023px)
{
#page-careers .m-gamestudio p
{
font-size:13px;
margin-left:auto;
margin-right:auto;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio p
{
width:95%;
font-size:12px;
}
}
#page-careers .m-gamestudio .download
{
margin-top:5em;
padding:0;
}
@media screen and (max-width:1680px)
{
#page-careers .m-gamestudio .download
{
margin-top:3em;
}
}
@media screen and (max-width:1023px)
{
#page-careers .m-gamestudio .download
{
margin-top:4em;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .download a
{
border-color:#000 !important;
color:#000 !important;
}
#page-careers .m-gamestudio .download a span
{
background-position:112px -83px !important;
}
#page-careers .m-gamestudio .download a span:first-child
{
background-position:196px -83px !important;
}
}
#page-careers .m-gamestudio .photos
{
margin-top:2em;
margin-bottom:4.25em;
}
@media screen and (max-width:1680px)
{
#page-careers .m-gamestudio .photos
{
margin-bottom:5em;
}
}
@media screen and (max-width:1023px)
{
#page-careers .m-gamestudio .photos
{
margin-bottom:2.75em;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .photos
{
margin-bottom:3.75em;
}
}
#page-careers .m-gamestudio .photos img
{
display:block;
margin-bottom:.5em;
max-width:100%;
}
#page-careers .m-gamestudio .helsinki-facts
{
margin-top:2em;
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .helsinki-facts
{
margin-top:0;
}
}
#page-careers .m-gamestudio .helsinki-facts ul
{
margin:0;
padding:1em 0 1em 0;
width:100%;
overflow:hidden;
}
@media screen and (max-width:1680px)
{
#page-careers .m-gamestudio .helsinki-facts ul
{
padding:0;
}
}
#page-careers .m-gamestudio .helsinki-facts ul li
{
list-style-type:none;
margin:0 88px;
padding:0;
display:block;
float:left;
width:242px;
background-image:url(bg_careers_helsinkifacts_item.png);
background-repeat:no-repeat;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-careers .m-gamestudio .helsinki-facts ul li
{
background-image:url(bg_careers_helsinkifacts_item@2x.png);
-webkit-background-size:242px 278px;
-moz-background-size:242px 278px;
-o-background-size:242px 278px;
background-size:242px 278px;
}
}
.no-backgroundsize #page-careers .m-gamestudio .helsinki-facts ul li
{
background-image:url(bg_careers_helsinkifacts_item.png);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-careers .m-gamestudio .helsinki-facts ul li
{
background-image:url(bg_careers_helsinkifacts_item@2x.png);
-webkit-background-size:242px 278px;
-moz-background-size:242px 278px;
-o-background-size:242px 278px;
background-size:242px 278px;
}
}
.no-backgroundsize #page-careers .m-gamestudio .helsinki-facts ul li
{
background-image:url(bg_careers_helsinkifacts_item.png);
}
@media screen and (max-width:1680px)
{
#page-careers .m-gamestudio .helsinki-facts ul li
{
margin:0 60px;
width:196px;
-webkit-background-size:196px auto;
-moz-background-size:196px auto;
-o-background-size:196px auto;
background-size:196px auto;
}
#page-careers .m-gamestudio .helsinki-facts ul li:first-child
{
margin-left:115px;
}
}
@media screen and (max-width:1280px)
{
#page-careers .m-gamestudio .helsinki-facts ul li
{
margin:0 28px;
}
#page-careers .m-gamestudio .helsinki-facts ul li:first-child
{
margin-left:98px;
}
}
@media screen and (max-width:1023px)
{
#page-careers .m-gamestudio .helsinki-facts ul li
{
margin:0 0 0 36px;
}
#page-careers .m-gamestudio .helsinki-facts ul li:first-child
{
margin-left:12px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .helsinki-facts ul li
{
width:280px;
height:auto;
overflow:hidden;
margin:0;
text-align:left;
-webkit-background-size:121px auto;
-moz-background-size:121px auto;
-o-background-size:121px auto;
background-size:121px auto;
padding:15px 0;
margin:0 auto;
}
}
@media screen and (max-width:639px)
{
#page-careers .m-gamestudio .helsinki-facts ul li
{
float:none;
margin-left:auto !important;
margin-right:auto !important;
}
#page-careers .m-gamestudio .helsinki-facts ul li:first-child
{
margin:0 auto;
}
}
#page-careers .m-gamestudio .helsinki-facts ul li span.icon
{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
display:block;
background-image:url(bg_careers_helsinkifacts_icons.png);
background-repeat:no-repeat;
background-position:0px 28px;
padding:180px 36px 0 36px;
text-align:center;
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:22px;
font-weight:normal;
line-height:1.25em;
height:176px;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-careers .m-gamestudio .helsinki-facts ul li span.icon
{
background-image:url(bg_careers_helsinkifacts_icons@2x.png);
-webkit-background-size:240px 1200px;
-moz-background-size:240px 1200px;
-o-background-size:240px 1200px;
background-size:240px 1200px;
}
}
.no-backgroundsize #page-careers .m-gamestudio .helsinki-facts ul li span.icon
{
background-image:url(bg_careers_helsinkifacts_icons.png);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-careers .m-gamestudio .helsinki-facts ul li span.icon
{
background-image:url(bg_careers_helsinkifacts_icons@2x.png);
-webkit-background-size:240px 1200px;
-moz-background-size:240px 1200px;
-o-background-size:240px 1200px;
background-size:240px 1200px;
}
}
.no-backgroundsize #page-careers .m-gamestudio .helsinki-facts ul li span.icon
{
background-image:url(bg_careers_helsinkifacts_icons.png);
}
@media screen and (max-width:1680px)
{
#page-careers .m-gamestudio .helsinki-facts ul li span.icon
{
-webkit-background-size:200px auto;
-moz-background-size:200px auto;
-o-background-size:200px auto;
background-size:200px auto;
font-size:18px;
padding-top:145px;
height:132px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .helsinki-facts ul li span.icon
{
display:block;
margin:0;
padding:37px 0 0 140px;
text-align:left;
width:280px;
font-size:17px;
line-height:1.15em;
height:146px;
-webkit-background-size:170px auto;
-moz-background-size:170px auto;
-o-background-size:170px auto;
background-size:170px auto;
min-height:125px;
float:left;
width:120px;
padding-left:0;
}
}
@media only screen and (min-width:1025px)
{
#page-careers .m-gamestudio .helsinki-facts ul li span.icon
{
opacity:0;
}
#page-careers .m-gamestudio .helsinki-facts ul li span.icon.animate,html.no-js #page-careers .m-gamestudio .helsinki-facts ul li span.icon
{
opacity:1;
-webkit-animation:fadeInUp 0.8s;
animation:fadeInUp 0.8s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-delay:0.1s;
animation-delay:0.1s;
}
}
#page-careers .m-gamestudio .helsinki-facts ul li strong
{
text-align:center;
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:22px;
font-weight:normal;
line-height:1.25em;
padding:0 36px 0 36px;
display:block;
height:90px;
}
@media screen and (max-width:1680px)
{
#page-careers .m-gamestudio .helsinki-facts ul li strong
{
font-size:18px;
height:80px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .helsinki-facts ul li strong
{
float:right;
padding:0;
width:140px;
text-align:left;
}
}
@media only screen and (min-width:1025px)
{
#page-careers .m-gamestudio .helsinki-facts ul li strong
{
opacity:0;
}
#page-careers .m-gamestudio .helsinki-facts ul li strong.animate,html.no-js #page-careers .m-gamestudio .helsinki-facts ul li strong
{
opacity:1;
-webkit-animation:fadeInUp 0.8s;
animation:fadeInUp 0.8s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-delay:0.1s;
animation-delay:0.1s;
}
}
#page-careers .m-gamestudio .helsinki-facts ul li span.desc
{
display:block;
margin:3em 0 4em;
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:13px;
line-height:1.65em;
font-weight:400;
}
@media screen and (max-width:1280px)
{
#page-careers .m-gamestudio .helsinki-facts ul li span.desc
{
font-weight:300;
font-weight:400;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .helsinki-facts ul li span.desc
{
clear:both;
display:block;
background:none;
padding:0 0 1em 0;
margin:0;
text-align:left;
width:280px;
color:#959798;
line-height:1.5em;
margin:1em 0 2em 0;
}
}
@media only screen and (min-width:1025px)
{
#page-careers .m-gamestudio .helsinki-facts ul li span.desc
{
opacity:0;
}
#page-careers .m-gamestudio .helsinki-facts ul li span.desc.animate,html.no-js #page-careers .m-gamestudio .helsinki-facts ul li span.desc
{
opacity:1;
-webkit-animation:fadeInUp 1s;
animation:fadeInUp 1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-delay:0.45s;
animation-delay:0.45s;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.gaming
{
margin-left:3%;
float:left;
}
}
@media screen and (max-width:639px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.gaming
{
margin-left:auto;
float:none;
}
}
#page-careers .m-gamestudio .helsinki-facts ul li.gaming span.icon
{
background-position:center 81px;
}
@media screen and (max-width:1680px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.gaming span.icon
{
background-position:center 69px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.gaming span.icon
{
background-position:-25px 31px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.gaming strong
{
padding-top:35px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.balance
{
float:right;
margin-right:3%;
}
}
@media screen and (max-width:639px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.balance
{
float:none;
}
}
#page-careers .m-gamestudio .helsinki-facts ul li.balance span.icon
{
background-position:center -127px;
}
@media screen and (max-width:1680px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.balance span.icon
{
background-position:center -101px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.balance span.icon
{
background-position:-24px -113px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.balance strong
{
padding-top:44px;
}
}
#page-careers .m-gamestudio .helsinki-facts ul li.balance span.desc
{
margin-top:2.75em;
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.europe
{
margin-left:3%;
clear:both;
}
}
@media screen and (max-width:639px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.europe
{
float:none;
margin-left:auto;
}
}
#page-careers .m-gamestudio .helsinki-facts ul li.europe span.icon
{
background-position:center -294px;
}
@media screen and (max-width:1680px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.europe span.icon
{
background-position:center -246px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.europe span.icon
{
background-position:-24px -238px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.europe strong
{
padding-top:35px;
}
}
#page-careers .m-gamestudio .helsinki-facts ul li.education
{
clear:left;
}
@media screen and (max-width:1680px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.education
{
margin-left:115px;
}
}
@media screen and (max-width:1280px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.education
{
margin-left:98px;
}
}
@media screen and (max-width:1023px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.education
{
margin-left:12px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.education
{
float:right;
margin-right:3%;
clear:none;
margin-left:auto;
}
}
@media screen and (max-width:639px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.education
{
margin-left:auto;
float:none;
clear:left;
}
}
#page-careers .m-gamestudio .helsinki-facts ul li.education span.icon
{
background-position:center -507px;
}
@media screen and (max-width:1680px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.education span.icon
{
background-position:center -421px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.education span.icon
{
background-position:-24px -387px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.education strong
{
padding-top:44px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.clean
{
margin-left:3%;
clear:both;
}
}
@media screen and (max-width:639px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.clean
{
float:none;
margin-left:auto;
}
}
#page-careers .m-gamestudio .helsinki-facts ul li.clean span.icon
{
background-position:center -730px;
}
@media screen and (max-width:1680px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.clean span.icon
{
background-position:center -608px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.clean span.icon
{
background-position:-24px -541px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.clean strong
{
padding-top:44px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.english
{
float:right;
margin-right:3%;
}
}
@media screen and (max-width:639px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.english
{
margin-left:auto;
float:none;
}
}
#page-careers .m-gamestudio .helsinki-facts ul li.english span.icon
{
background-position:center -905px;
}
@media screen and (max-width:1680px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.english span.icon
{
background-position:center -752px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.english span.icon
{
background-position:-24px -667px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-gamestudio .helsinki-facts ul li.english strong
{
padding-top:44px;
}
}
#page-careers .m-quickfacts
{
margin-bottom:20px;
}
@media screen and (max-width:1023px)
{
#page-careers .m-quickfacts
{
margin-bottom:0;
}
}
#page-careers .m-quickfacts .content
{
padding:0;
}
#page-careers .m-quickfacts .container
{
background:#212121;
}
#page-careers .m-quickfacts .container > div
{
float:left;
width:25%;
background:#212121;
color:#fff;
height:400px;
}
@media screen and (max-width:1280px)
{
#page-careers .m-quickfacts .container > div
{
height:256px;
}
}
@media screen and (max-width:1023px)
{
#page-careers .m-quickfacts .container > div
{
width:33.333%;
}
#page-careers .m-quickfacts .container > div:first-child
{
display:none;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-quickfacts .container > div
{
width:50%;
height:146px;
}
#page-careers .m-quickfacts .container > div:first-child
{
display:block;
}
}
#page-careers .m-quickfacts .container > div .inner
{
position:relative;
text-align:center;
}
#page-careers .m-quickfacts .container > div h3
{
color:#fff;
position:absolute;
top:124px;
left:50%;
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:30px;
line-height:1.5em;
width:210px;
margin-left:-100px;
margin-top:0;
padding:0;
}
@media screen and (max-width:1280px)
{
#page-careers .m-quickfacts .container > div h3
{
top:71px;
width:180px;
margin-left:-90px;
font-size:23px;
line-height:1.25em;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-quickfacts .container > div h3
{
font-size:16px;
width:120px;
margin-left:-60px;
top:32px;
}
}
#page-careers .m-quickfacts .container > div .foot
{
position:absolute;
width:100%;
top:290px;
margin:0;
padding:0;
font-size:14px;
}
@media screen and (max-width:1280px)
{
#page-careers .m-quickfacts .container > div .foot
{
top:203px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-quickfacts .container > div .foot
{
top:108px;
font-size:10px;
}
}
#page-careers .m-quickfacts .container > div .foot.pin
{
top:258px;
background:url(bg_careers_qf_location.png) no-repeat top center;
-webkit-background-size:30px auto;
-moz-background-size:30px auto;
-o-background-size:30px auto;
background-size:30px auto;
padding-top:63px;
color:#7f7f7f;
}
@media screen and (max-width:1280px)
{
#page-careers .m-quickfacts .container > div .foot.pin
{
top:140px;
-webkit-background-size:26px auto;
-moz-background-size:26px auto;
-o-background-size:26px auto;
background-size:26px auto;
padding-top:50px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-quickfacts .container > div .foot.pin
{
-webkit-background-size:16px auto;
-moz-background-size:16px auto;
-o-background-size:16px auto;
background-size:16px auto;
top:86px;
padding-top:22px;
}
}
#page-careers .m-quickfacts .container > div .foot.arrow
{
top:240px;
height:100px;
background:url(bg_careers_cf_arrow.png) no-repeat top center;
}
@media screen and (max-width:1280px)
{
#page-careers .m-quickfacts .container > div .foot.arrow
{
top:170px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-quickfacts .container > div .foot.arrow
{
top:100px;
-webkit-background-size:20px auto;
-moz-background-size:20px auto;
-o-background-size:20px auto;
background-size:20px auto;
}
}
#page-careers .m-quickfacts .container > div.europe
{
-webkit-background-size:100% auto;
-moz-background-size:100% auto;
-o-background-size:100% auto;
background-size:100% auto;
}
@media screen and (max-width:1023px)
{
#page-careers .m-quickfacts .container > div.europe
{
-webkit-background-size:auto 100%;
-moz-background-size:auto 100%;
-o-background-size:auto 100%;
background-size:auto 100%;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-quickfacts .container > div.europe
{
-webkit-background-size:100% auto;
-moz-background-size:100% auto;
-o-background-size:100% auto;
background-size:100% auto;
}
}
#page-careers .m-quickfacts .container > div.europe h3
{
top:76px;
}
@media screen and (max-width:1280px)
{
#page-careers .m-quickfacts .container > div.europe h3
{
top:44px;
}
}
@media screen and (max-width:767px)
{
#page-careers .m-quickfacts .container > div.europe h3
{
top:40px;
}
}
#page-careers .m-quickfacts .container > div.healthcare_other
{
background:#2d2d2d;
}
#page-careers .pane-open-positions,#page-careers #join
{
position:relative;
background:#f9f9f9;
color:#000;
}
@media screen and (max-width:1280px)
{
#page-careers .pane-open-positions,#page-careers #join
{
min-height:800px;
}
}
@media screen and (max-width:1023px)
{
#page-careers .pane-open-positions,#page-careers #join
{
min-height:1124px;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-open-positions,#page-careers #join
{
padding:0;
min-height:480px;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-open-positions article .content,#page-careers #join article .content
{
padding-bottom:2em;
}
}
#page-careers .pane-open-positions article .content p,#page-careers #join article .content p
{
width:90%;
text-align:center;
margin:0 auto;
padding-bottom:2em;
line-height:2em;
}
@media screen and (max-width:1680px)
{
#page-careers .pane-open-positions article .content p,#page-careers #join article .content p
{
width:100%;
}
}
@media screen and (max-width:1280px)
{
#page-careers .pane-open-positions article .content p,#page-careers #join article .content p
{
font-size:14px;
}
}
#page-careers .pane-open-positions h2,#page-careers #join h2
{
line-height:1.2em;
background:url(heading_divider_gray@2x.png) no-repeat bottom center;
-webkit-background-size:60px 1px;
-moz-background-size:60px 1px;
-o-background-size:60px 1px;
background-size:60px 1px;
background-position:bottom center;
padding-bottom:1em;
margin-bottom:1em;
font-size:40px;
text-align:center;
}
@media screen and (max-width:1680px)
{
#page-careers .pane-open-positions h2,#page-careers #join h2
{
font-size:32px;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-open-positions h2,#page-careers #join h2
{
-webkit-background-size:61px 1px;
-moz-background-size:61px 1px;
-o-background-size:61px 1px;
background-size:61px 1px;
}
}
#page-careers .pane-open-positions .open-position-loader,#page-careers #join .open-position-loader
{
height:600px;
}
#page-careers .pane-open-positions .select-function-mobile,#page-careers #join .select-function-mobile
{
display:none;
}
@media screen and (max-width:1023px)
{
#page-careers .pane-open-positions .select-function-mobile,#page-careers #join .select-function-mobile
{
display:block;
margin-top:1em;
height:4.5em;
position:relative;
}
#page-careers .pane-open-positions .select-function-mobile select,#page-careers #join .select-function-mobile select
{
display:block;
position:absolute;
width:348px;
top:0;
left:50%;
margin-left:-174px;
z-index:3;
height:44px;
padding:4px 0 4px 12px;
opacity:0.8;
font-size:15px;
font-weight:500;
color:#000;
cursor:pointer;
opacity:0;
}
#page-careers .pane-open-positions .select-function-mobile #selected-job-function,#page-careers #join .select-function-mobile #selected-job-function
{
display:block;
position:absolute;
font-size:15px;
text-transform:uppercase;
font-weight:600;
color:#fff;
width:347px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
top:0;
left:50%;
margin-left:-174px;
z-index:2;
cursor:pointer;
background-color:#000;
background-image:url(bg_button_arrow.png);
background-repeat:no-repeat;
background-position:316px -1738px;
}
.no-backgroundsize #page-careers .pane-open-positions .select-function-mobile #selected-job-function,.no-backgroundsize #page-careers #join .select-function-mobile #selected-job-function
{
background-image:url(bg_button_arrow.png);
}
.no-backgroundsize #page-careers .pane-open-positions .select-function-mobile #selected-job-function,.no-backgroundsize #page-careers #join .select-function-mobile #selected-job-function
{
background-image:url(bg_button_arrow.png);
}
#page-careers .pane-open-positions .select-function-mobile #selected-job-function span,#page-careers #join .select-function-mobile #selected-job-function span
{
display:block;
padding:11px 0 9px 16px;
}
}
@media screen and (max-width:1023px) and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-careers .pane-open-positions .select-function-mobile #selected-job-function,#page-careers #join .select-function-mobile #selected-job-function
{
background-image:url(bg_button_arrow@2x.png);
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}
@media screen and (max-width:1023px) and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
#page-careers .pane-open-positions .select-function-mobile #selected-job-function,#page-careers #join .select-function-mobile #selected-job-function
{
background-image:url(bg_button_arrow@2x.png);
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-open-positions .select-function-mobile select,#page-careers #join .select-function-mobile select
{
width:270px;
margin-left:-135px;
font-size:13px;
}
#page-careers .pane-open-positions .select-function-mobile #selected-job-function,#page-careers #join .select-function-mobile #selected-job-function
{
width:278px;
margin-left:-139px;
font-size:13px;
background-position:244px -1738px;
}
}
#page-careers .pane-open-positions ul.job-functions,#page-careers #join ul.job-functions
{
margin:40px 0 0 0;
padding:0;
width:100%;
overflow:hidden;
border:2px solid #000;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
font-size:0;
}
@media screen and (max-width:1280px)
{
#page-careers .pane-open-positions ul.job-functions,#page-careers #join ul.job-functions
{
margin-top:30px;
}
}
@media screen and (max-width:1023px)
{
#page-careers .pane-open-positions ul.job-functions,#page-careers #join ul.job-functions
{
display:none;
}
}
#page-careers .pane-open-positions ul.job-functions li,#page-careers #join ul.job-functions li
{
float:left;
margin:0;
list-style-type:none;
width:16.5%;
font-size:0;
line-height:0;
}
#page-careers .pane-open-positions ul.job-functions li:first-child,#page-careers #join ul.job-functions li:first-child
{
width:17.5%;
}
#page-careers .pane-open-positions ul.job-functions li.last,#page-careers #join ul.job-functions li.last
{
float:right;
}
#page-careers .pane-open-positions ul.job-functions li a,#page-careers #join ul.job-functions li a
{
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:16px;
font-weight:500;
line-height:1.25em;
color:#000;
padding:16px 0;
display:block;
text-align:center;
-webkit-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
outline:none;
text-decoration:none;
}
@media screen and (max-width:1680px)
{
#page-careers .pane-open-positions ul.job-functions li a,#page-careers #join ul.job-functions li a
{
font-size:14px;
}
}
@media screen and (max-width:1280px)
{
#page-careers .pane-open-positions ul.job-functions li a,#page-careers #join ul.job-functions li a
{
font-size:13px;
}
}
@media screen and (max-width:1023px)
{
#page-careers .pane-open-positions ul.job-functions li a,#page-careers #join ul.job-functions li a
{
font-size:11px;
}
}
@media screen and (min-device-width :768px) and (max-device-width :1024px)
{
#page-careers .pane-open-positions ul.job-functions li a,#page-careers #join ul.job-functions li a
{
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition:none;
}
}
#page-careers .pane-open-positions ul.job-functions li a:hover,#page-careers #join ul.job-functions li a:hover
{
background:#000;
color:#fff;
}
#page-careers .pane-open-positions ul.job-functions li span,#page-careers #join ul.job-functions li span
{
display:none;
}
#page-careers .pane-open-positions ul.job-functions li.active a,#page-careers #join ul.job-functions li.active a
{
background:#000;
color:#fff;
}
#page-careers .pane-open-positions ul.job-positions,#page-careers #join ul.job-positions,#page-careers .pane-open-positions ul.open-applications,#page-careers #join ul.open-applications,#page-careers .pane-open-positions .view-footer,#page-careers #join .view-footer
{
margin:0;
padding:0;
border-top:1px solid #fff;
}
#page-careers .pane-open-positions ul.job-positions li,#page-careers #join ul.job-positions li,#page-careers .pane-open-positions ul.open-applications li,#page-careers #join ul.open-applications li,#page-careers .pane-open-positions .view-footer li,#page-careers #join .view-footer li,#page-careers .pane-open-positions ul.job-positions .notice,#page-careers #join ul.job-positions .notice,#page-careers .pane-open-positions ul.open-applications .notice,#page-careers #join ul.open-applications .notice,#page-careers .pane-open-positions .view-footer .notice,#page-careers #join .view-footer .notice
{
margin:0;
padding:0 172px;
list-style-type:none;
font-size:14px;
line-height:1.65em;
width:auto;
overflow:hidden;
clear:both;
position:relative;
height:0;
border-top:0;
opacity:0.5;
-webkit-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
border-color:#f3f3f3;
}
@media screen and (max-width:1680px)
{
#page-careers .pane-open-positions ul.job-positions li,#page-careers #join ul.job-positions li,#page-careers .pane-open-positions ul.open-applications li,#page-careers #join ul.open-applications li,#page-careers .pane-open-positions .view-footer li,#page-careers #join .view-footer li,#page-careers .pane-open-positions ul.job-positions .notice,#page-careers #join ul.job-positions .notice,#page-careers .pane-open-positions ul.open-applications .notice,#page-careers #join ul.open-applications .notice,#page-careers .pane-open-positions .view-footer .notice,#page-careers #join .view-footer .notice
{
padding:0 74px;
}
}
@media screen and (max-width:1280px)
{
#page-careers .pane-open-positions ul.job-positions li,#page-careers #join ul.job-positions li,#page-careers .pane-open-positions ul.open-applications li,#page-careers #join ul.open-applications li,#page-careers .pane-open-positions .view-footer li,#page-careers #join .view-footer li,#page-careers .pane-open-positions ul.job-positions .notice,#page-careers #join ul.job-positions .notice,#page-careers .pane-open-positions ul.open-applications .notice,#page-careers #join ul.open-applications .notice,#page-careers .pane-open-positions .view-footer .notice,#page-careers #join .view-footer .notice
{
padding:0 66px;
}
}
@media screen and (max-width:1023px)
{
#page-careers .pane-open-positions ul.job-positions li,#page-careers #join ul.job-positions li,#page-careers .pane-open-positions ul.open-applications li,#page-careers #join ul.open-applications li,#page-careers .pane-open-positions .view-footer li,#page-careers #join .view-footer li,#page-careers .pane-open-positions ul.job-positions .notice,#page-careers #join ul.job-positions .notice,#page-careers .pane-open-positions ul.open-applications .notice,#page-careers #join ul.open-applications .notice,#page-careers .pane-open-positions .view-footer .notice,#page-careers #join .view-footer .notice
{
padding:0 42px;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-open-positions ul.job-positions li,#page-careers #join ul.job-positions li,#page-careers .pane-open-positions ul.open-applications li,#page-careers #join ul.open-applications li,#page-careers .pane-open-positions .view-footer li,#page-careers #join .view-footer li,#page-careers .pane-open-positions ul.job-positions .notice,#page-careers #join ul.job-positions .notice,#page-careers .pane-open-positions ul.open-applications .notice,#page-careers #join ul.open-applications .notice,#page-careers .pane-open-positions .view-footer .notice,#page-careers #join .view-footer .notice
{
padding:0 20px;
}
}
@media screen and (min-device-width :768px) and (max-device-width :1024px)
{
#page-careers .pane-open-positions ul.job-positions li,#page-careers #join ul.job-positions li,#page-careers .pane-open-positions ul.open-applications li,#page-careers #join ul.open-applications li,#page-careers .pane-open-positions .view-footer li,#page-careers #join .view-footer li,#page-careers .pane-open-positions ul.job-positions .notice,#page-careers #join ul.job-positions .notice,#page-careers .pane-open-positions ul.open-applications .notice,#page-careers #join ul.open-applications .notice,#page-careers .pane-open-positions .view-footer .notice,#page-careers #join .view-footer .notice
{
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition:none;
}
}
html.no-js #page-careers .pane-open-positions ul.job-positions li,html.no-js #page-careers #join ul.job-positions li,html.no-js #page-careers .pane-open-positions ul.open-applications li,html.no-js #page-careers #join ul.open-applications li,html.no-js #page-careers .pane-open-positions .view-footer li,html.no-js #page-careers #join .view-footer li,html.no-js #page-careers .pane-open-positions ul.job-positions .notice,html.no-js #page-careers #join ul.job-positions .notice,html.no-js #page-careers .pane-open-positions ul.open-applications .notice,html.no-js #page-careers #join ul.open-applications .notice,html.no-js #page-careers .pane-open-positions .view-footer .notice,html.no-js #page-careers #join .view-footer .notice
{
opacity:1;
height:auto;
}
#page-careers .pane-open-positions ul.job-positions li.visible,#page-careers #join ul.job-positions li.visible,#page-careers .pane-open-positions ul.open-applications li.visible,#page-careers #join ul.open-applications li.visible,#page-careers .pane-open-positions .view-footer li.visible,#page-careers #join .view-footer li.visible,#page-careers .pane-open-positions ul.job-positions .notice.visible,#page-careers #join ul.job-positions .notice.visible,#page-careers .pane-open-positions ul.open-applications .notice.visible,#page-careers #join ul.open-applications .notice.visible,#page-careers .pane-open-positions .view-footer .notice.visible,#page-careers #join .view-footer .notice.visible
{
height:420px;
border-top:1px solid #e7e7e7;
border-bottom:1px solid #fff;
opacity:.99;
}
@media screen and (max-width:1680px)
{
#page-careers .pane-open-positions ul.job-positions li.visible,#page-careers #join ul.job-positions li.visible,#page-careers .pane-open-positions ul.open-applications li.visible,#page-careers #join ul.open-applications li.visible,#page-careers .pane-open-positions .view-footer li.visible,#page-careers #join .view-footer li.visible,#page-careers .pane-open-positions ul.job-positions .notice.visible,#page-careers #join ul.job-positions .notice.visible,#page-careers .pane-open-positions ul.open-applications .notice.visible,#page-careers #join ul.open-applications .notice.visible,#page-careers .pane-open-positions .view-footer .notice.visible,#page-careers #join .view-footer .notice.visible
{
height:410px;
}
}
@media screen and (max-width:1280px)
{
#page-careers .pane-open-positions ul.job-positions li.visible,#page-careers #join ul.job-positions li.visible,#page-careers .pane-open-positions ul.open-applications li.visible,#page-careers #join ul.open-applications li.visible,#page-careers .pane-open-positions .view-footer li.visible,#page-careers #join .view-footer li.visible,#page-careers .pane-open-positions ul.job-positions .notice.visible,#page-careers #join ul.job-positions .notice.visible,#page-careers .pane-open-positions ul.open-applications .notice.visible,#page-careers #join ul.open-applications .notice.visible,#page-careers .pane-open-positions .view-footer .notice.visible,#page-careers #join .view-footer .notice.visible
{
height:360px;
}
}
@media screen and (max-width:1023px)
{
#page-careers .pane-open-positions ul.job-positions li.visible,#page-careers #join ul.job-positions li.visible,#page-careers .pane-open-positions ul.open-applications li.visible,#page-careers #join ul.open-applications li.visible,#page-careers .pane-open-positions .view-footer li.visible,#page-careers #join .view-footer li.visible,#page-careers .pane-open-positions ul.job-positions .notice.visible,#page-careers #join ul.job-positions .notice.visible,#page-careers .pane-open-positions ul.open-applications .notice.visible,#page-careers #join ul.open-applications .notice.visible,#page-careers .pane-open-positions .view-footer .notice.visible,#page-careers #join .view-footer .notice.visible
{
height:340px;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-open-positions ul.job-positions li.visible,#page-careers #join ul.job-positions li.visible,#page-careers .pane-open-positions ul.open-applications li.visible,#page-careers #join ul.open-applications li.visible,#page-careers .pane-open-positions .view-footer li.visible,#page-careers #join .view-footer li.visible,#page-careers .pane-open-positions ul.job-positions .notice.visible,#page-careers #join ul.job-positions .notice.visible,#page-careers .pane-open-positions ul.open-applications .notice.visible,#page-careers #join ul.open-applications .notice.visible,#page-careers .pane-open-positions .view-footer .notice.visible,#page-careers #join .view-footer .notice.visible
{
height:auto;
}
}
#page-careers .pane-open-positions ul.job-positions li.visible-odd,#page-careers #join ul.job-positions li.visible-odd,#page-careers .pane-open-positions ul.open-applications li.visible-odd,#page-careers #join ul.open-applications li.visible-odd,#page-careers .pane-open-positions .view-footer li.visible-odd,#page-careers #join .view-footer li.visible-odd,#page-careers .pane-open-positions ul.job-positions .notice.visible-odd,#page-careers #join ul.job-positions .notice.visible-odd,#page-careers .pane-open-positions ul.open-applications .notice.visible-odd,#page-careers #join ul.open-applications .notice.visible-odd,#page-careers .pane-open-positions .view-footer .notice.visible-odd,#page-careers #join .view-footer .notice.visible-odd
{
background-color:#f3f3f3;
border-top:1px solid #e7e7e7;
border-bottom:1px solid #e7e7e7;
}
#page-careers .pane-open-positions ul.job-positions li.visible-even,#page-careers #join ul.job-positions li.visible-even,#page-careers .pane-open-positions ul.open-applications li.visible-even,#page-careers #join ul.open-applications li.visible-even,#page-careers .pane-open-positions .view-footer li.visible-even,#page-careers #join .view-footer li.visible-even,#page-careers .pane-open-positions ul.job-positions .notice.visible-even,#page-careers #join ul.job-positions .notice.visible-even,#page-careers .pane-open-positions ul.open-applications .notice.visible-even,#page-careers #join ul.open-applications .notice.visible-even,#page-careers .pane-open-positions .view-footer .notice.visible-even,#page-careers #join .view-footer .notice.visible-even
{
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}
#page-careers .pane-open-positions ul.job-positions li .views-field,#page-careers #join ul.job-positions li .views-field,#page-careers .pane-open-positions ul.open-applications li .views-field,#page-careers #join ul.open-applications li .views-field,#page-careers .pane-open-positions .view-footer li .views-field,#page-careers #join .view-footer li .views-field,#page-careers .pane-open-positions ul.job-positions .notice .views-field,#page-careers #join ul.job-positions .notice .views-field,#page-careers .pane-open-positions ul.open-applications .notice .views-field,#page-careers #join ul.open-applications .notice .views-field,#page-careers .pane-open-positions .view-footer .notice .views-field,#page-careers #join .view-footer .notice .views-field
{
display:inline-block;
}
@media screen and (max-width:1023px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field,#page-careers #join ul.job-positions li .views-field,#page-careers .pane-open-positions ul.open-applications li .views-field,#page-careers #join ul.open-applications li .views-field,#page-careers .pane-open-positions .view-footer li .views-field,#page-careers #join .view-footer li .views-field,#page-careers .pane-open-positions ul.job-positions .notice .views-field,#page-careers #join ul.job-positions .notice .views-field,#page-careers .pane-open-positions ul.open-applications .notice .views-field,#page-careers #join ul.open-applications .notice .views-field,#page-careers .pane-open-positions .view-footer .notice .views-field,#page-careers #join .view-footer .notice .views-field
{
width:75%;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field,#page-careers #join ul.job-positions li .views-field,#page-careers .pane-open-positions ul.open-applications li .views-field,#page-careers #join ul.open-applications li .views-field,#page-careers .pane-open-positions .view-footer li .views-field,#page-careers #join .view-footer li .views-field,#page-careers .pane-open-positions ul.job-positions .notice .views-field,#page-careers #join ul.job-positions .notice .views-field,#page-careers .pane-open-positions ul.open-applications .notice .views-field,#page-careers #join ul.open-applications .notice .views-field,#page-careers .pane-open-positions .view-footer .notice .views-field,#page-careers #join .view-footer .notice .views-field
{
width:100%;
}
}
#page-careers .pane-open-positions ul.job-positions li .views-fields-title,#page-careers #join ul.job-positions li .views-fields-title,#page-careers .pane-open-positions ul.open-applications li .views-fields-title,#page-careers #join ul.open-applications li .views-fields-title,#page-careers .pane-open-positions .view-footer li .views-fields-title,#page-careers #join .view-footer li .views-fields-title,#page-careers .pane-open-positions ul.job-positions .notice .views-fields-title,#page-careers #join ul.job-positions .notice .views-fields-title,#page-careers .pane-open-positions ul.open-applications .notice .views-fields-title,#page-careers #join ul.open-applications .notice .views-fields-title,#page-careers .pane-open-positions .view-footer .notice .views-fields-title,#page-careers #join .view-footer .notice .views-fields-title
{
width:40%;
margin-top:6em;
margin-bottom:0;
margin-right:1em;
line-height:2.5em;
height:2.5em;
overflow:hidden;
display:block;
float:left;
}
@media screen and (max-width:1680px)
{
#page-careers .pane-open-positions ul.job-positions li .views-fields-title,#page-careers #join ul.job-positions li .views-fields-title,#page-careers .pane-open-positions ul.open-applications li .views-fields-title,#page-careers #join ul.open-applications li .views-fields-title,#page-careers .pane-open-positions .view-footer li .views-fields-title,#page-careers #join .view-footer li .views-fields-title,#page-careers .pane-open-positions ul.job-positions .notice .views-fields-title,#page-careers #join ul.job-positions .notice .views-fields-title,#page-careers .pane-open-positions ul.open-applications .notice .views-fields-title,#page-careers #join ul.open-applications .notice .views-fields-title,#page-careers .pane-open-positions .view-footer .notice .views-fields-title,#page-careers #join .view-footer .notice .views-fields-title
{
width:55%;
margin-top:5.15em;
}
}
@media screen and (max-width:1280px)
{
#page-careers .pane-open-positions ul.job-positions li .views-fields-title,#page-careers #join ul.job-positions li .views-fields-title,#page-careers .pane-open-positions ul.open-applications li .views-fields-title,#page-careers #join ul.open-applications li .views-fields-title,#page-careers .pane-open-positions .view-footer li .views-fields-title,#page-careers #join .view-footer li .views-fields-title,#page-careers .pane-open-positions ul.job-positions .notice .views-fields-title,#page-careers #join ul.job-positions .notice .views-fields-title,#page-careers .pane-open-positions ul.open-applications .notice .views-fields-title,#page-careers #join ul.open-applications .notice .views-fields-title,#page-careers .pane-open-positions .view-footer .notice .views-fields-title,#page-careers #join .view-footer .notice .views-fields-title
{
width:49%;
}
}
@media screen and (max-width:1023px)
{
#page-careers .pane-open-positions ul.job-positions li .views-fields-title,#page-careers #join ul.job-positions li .views-fields-title,#page-careers .pane-open-positions ul.open-applications li .views-fields-title,#page-careers #join ul.open-applications li .views-fields-title,#page-careers .pane-open-positions .view-footer li .views-fields-title,#page-careers #join .view-footer li .views-fields-title,#page-careers .pane-open-positions ul.job-positions .notice .views-fields-title,#page-careers #join ul.job-positions .notice .views-fields-title,#page-careers .pane-open-positions ul.open-applications .notice .views-fields-title,#page-careers #join ul.open-applications .notice .views-fields-title,#page-careers .pane-open-positions .view-footer .notice .views-fields-title,#page-careers #join .view-footer .notice .views-fields-title
{
width:70%;
margin-top:3.5em;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-open-positions ul.job-positions li .views-fields-title,#page-careers #join ul.job-positions li .views-fields-title,#page-careers .pane-open-positions ul.open-applications li .views-fields-title,#page-careers #join ul.open-applications li .views-fields-title,#page-careers .pane-open-positions .view-footer li .views-fields-title,#page-careers #join .view-footer li .views-fields-title,#page-careers .pane-open-positions ul.job-positions .notice .views-fields-title,#page-careers #join ul.job-positions .notice .views-fields-title,#page-careers .pane-open-positions ul.open-applications .notice .views-fields-title,#page-careers #join ul.open-applications .notice .views-fields-title,#page-careers .pane-open-positions .view-footer .notice .views-fields-title,#page-careers #join .view-footer .notice .views-fields-title
{
width:100%;
margin-top:2em;
}
}
#page-careers .pane-open-positions ul.job-positions li .views-fields-title a,#page-careers #join ul.job-positions li .views-fields-title a,#page-careers .pane-open-positions ul.open-applications li .views-fields-title a,#page-careers #join ul.open-applications li .views-fields-title a,#page-careers .pane-open-positions .view-footer li .views-fields-title a,#page-careers #join .view-footer li .views-fields-title a,#page-careers .pane-open-positions ul.job-positions .notice .views-fields-title a,#page-careers #join ul.job-positions .notice .views-fields-title a,#page-careers .pane-open-positions ul.open-applications .notice .views-fields-title a,#page-careers #join ul.open-applications .notice .views-fields-title a,#page-careers .pane-open-positions .view-footer .notice .views-fields-title a,#page-careers #join .view-footer .notice .views-fields-title a
{
color:#000;
text-decoration:none;
}
#page-careers .pane-open-positions ul.job-positions li .views-fields-title a:hover,#page-careers #join ul.job-positions li .views-fields-title a:hover,#page-careers .pane-open-positions ul.open-applications li .views-fields-title a:hover,#page-careers #join ul.open-applications li .views-fields-title a:hover,#page-careers .pane-open-positions .view-footer li .views-fields-title a:hover,#page-careers #join .view-footer li .views-fields-title a:hover,#page-careers .pane-open-positions ul.job-positions .notice .views-fields-title a:hover,#page-careers #join ul.job-positions .notice .views-fields-title a:hover,#page-careers .pane-open-positions ul.open-applications .notice .views-fields-title a:hover,#page-careers #join ul.open-applications .notice .views-fields-title a:hover,#page-careers .pane-open-positions .view-footer .notice .views-fields-title a:hover,#page-careers #join .view-footer .notice .views-fields-title a:hover
{
color:#626262;
}
#page-careers .pane-open-positions ul.job-positions li .views-field-title,#page-careers #join ul.job-positions li .views-field-title,#page-careers .pane-open-positions ul.open-applications li .views-field-title,#page-careers #join ul.open-applications li .views-field-title,#page-careers .pane-open-positions .view-footer li .views-field-title,#page-careers #join .view-footer li .views-field-title,#page-careers .pane-open-positions ul.job-positions .notice .views-field-title,#page-careers #join ul.job-positions .notice .views-field-title,#page-careers .pane-open-positions ul.open-applications .notice .views-field-title,#page-careers #join ul.open-applications .notice .views-field-title,#page-careers .pane-open-positions .view-footer .notice .views-field-title,#page-careers #join .view-footer .notice .views-field-title
{
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:22px;
font-weight:600;
display:inline;
}
@media screen and (max-width:1680px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-title,#page-careers #join ul.job-positions li .views-field-title,#page-careers .pane-open-positions ul.open-applications li .views-field-title,#page-careers #join ul.open-applications li .views-field-title,#page-careers .pane-open-positions .view-footer li .views-field-title,#page-careers #join .view-footer li .views-field-title,#page-careers .pane-open-positions ul.job-positions .notice .views-field-title,#page-careers #join ul.job-positions .notice .views-field-title,#page-careers .pane-open-positions ul.open-applications .notice .views-field-title,#page-careers #join ul.open-applications .notice .views-field-title,#page-careers .pane-open-positions .view-footer .notice .views-field-title,#page-careers #join .view-footer .notice .views-field-title
{
font-size:18px;
}
}
@media screen and (max-width:1280px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-title,#page-careers #join ul.job-positions li .views-field-title,#page-careers .pane-open-positions ul.open-applications li .views-field-title,#page-careers #join ul.open-applications li .views-field-title,#page-careers .pane-open-positions .view-footer li .views-field-title,#page-careers #join .view-footer li .views-field-title,#page-careers .pane-open-positions ul.job-positions .notice .views-field-title,#page-careers #join ul.job-positions .notice .views-field-title,#page-careers .pane-open-positions ul.open-applications .notice .views-field-title,#page-careers #join ul.open-applications .notice .views-field-title,#page-careers .pane-open-positions .view-footer .notice .views-field-title,#page-careers #join .view-footer .notice .views-field-title
{
font-size:15px;
}
}
@media screen and (max-width:1023px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-title,#page-careers #join ul.job-positions li .views-field-title,#page-careers .pane-open-positions ul.open-applications li .views-field-title,#page-careers #join ul.open-applications li .views-field-title,#page-careers .pane-open-positions .view-footer li .views-field-title,#page-careers #join .view-footer li .views-field-title,#page-careers .pane-open-positions ul.job-positions .notice .views-field-title,#page-careers #join ul.job-positions .notice .views-field-title,#page-careers .pane-open-positions ul.open-applications .notice .views-field-title,#page-careers #join ul.open-applications .notice .views-field-title,#page-careers .pane-open-positions .view-footer .notice .views-field-title,#page-careers #join .view-footer .notice .views-field-title
{
font-size:16px;
margin-bottom:.25em;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-title,#page-careers #join ul.job-positions li .views-field-title,#page-careers .pane-open-positions ul.open-applications li .views-field-title,#page-careers #join ul.open-applications li .views-field-title,#page-careers .pane-open-positions .view-footer li .views-field-title,#page-careers #join .view-footer li .views-field-title,#page-careers .pane-open-positions ul.job-positions .notice .views-field-title,#page-careers #join ul.job-positions .notice .views-field-title,#page-careers .pane-open-positions ul.open-applications .notice .views-field-title,#page-careers #join ul.open-applications .notice .views-field-title,#page-careers .pane-open-positions .view-footer .notice .views-field-title,#page-careers #join .view-footer .notice .views-field-title
{
display:inline;
}
}
#page-careers .pane-open-positions ul.job-positions li .views-field-title strong,#page-careers #join ul.job-positions li .views-field-title strong,#page-careers .pane-open-positions ul.open-applications li .views-field-title strong,#page-careers #join ul.open-applications li .views-field-title strong,#page-careers .pane-open-positions .view-footer li .views-field-title strong,#page-careers #join .view-footer li .views-field-title strong,#page-careers .pane-open-positions ul.job-positions .notice .views-field-title strong,#page-careers #join ul.job-positions .notice .views-field-title strong,#page-careers .pane-open-positions ul.open-applications .notice .views-field-title strong,#page-careers #join ul.open-applications .notice .views-field-title strong,#page-careers .pane-open-positions .view-footer .notice .views-field-title strong,#page-careers #join .view-footer .notice .views-field-title strong
{
font-weight:inherit;
}
#page-careers .pane-open-positions ul.job-positions li .views-field-title a,#page-careers #join ul.job-positions li .views-field-title a,#page-careers .pane-open-positions ul.open-applications li .views-field-title a,#page-careers #join ul.open-applications li .views-field-title a,#page-careers .pane-open-positions .view-footer li .views-field-title a,#page-careers #join .view-footer li .views-field-title a,#page-careers .pane-open-positions ul.job-positions .notice .views-field-title a,#page-careers #join ul.job-positions .notice .views-field-title a,#page-careers .pane-open-positions ul.open-applications .notice .views-field-title a,#page-careers #join ul.open-applications .notice .views-field-title a,#page-careers .pane-open-positions .view-footer .notice .views-field-title a,#page-careers #join .view-footer .notice .views-field-title a
{
color:#000;
text-decoration:none;
}
#page-careers .pane-open-positions ul.job-positions li .views-field-title a:hover,#page-careers #join ul.job-positions li .views-field-title a:hover,#page-careers .pane-open-positions ul.open-applications li .views-field-title a:hover,#page-careers #join ul.open-applications li .views-field-title a:hover,#page-careers .pane-open-positions .view-footer li .views-field-title a:hover,#page-careers #join .view-footer li .views-field-title a:hover,#page-careers .pane-open-positions ul.job-positions .notice .views-field-title a:hover,#page-careers #join ul.job-positions .notice .views-field-title a:hover,#page-careers .pane-open-positions ul.open-applications .notice .views-field-title a:hover,#page-careers #join ul.open-applications .notice .views-field-title a:hover,#page-careers .pane-open-positions .view-footer .notice .views-field-title a:hover,#page-careers #join .view-footer .notice .views-field-title a:hover
{
color:#626262;
}
#page-careers .pane-open-positions ul.job-positions li .views-field-secondary-title,#page-careers #join ul.job-positions li .views-field-secondary-title,#page-careers .pane-open-positions ul.open-applications li .views-field-secondary-title,#page-careers #join ul.open-applications li .views-field-secondary-title,#page-careers .pane-open-positions .view-footer li .views-field-secondary-title,#page-careers #join .view-footer li .views-field-secondary-title,#page-careers .pane-open-positions ul.job-positions .notice .views-field-secondary-title,#page-careers #join ul.job-positions .notice .views-field-secondary-title,#page-careers .pane-open-positions ul.open-applications .notice .views-field-secondary-title,#page-careers #join ul.open-applications .notice .views-field-secondary-title,#page-careers .pane-open-positions .view-footer .notice .views-field-secondary-title,#page-careers #join .view-footer .notice .views-field-secondary-title
{
display:inline;
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:22px;
margin-left:-2px;
}
@media screen and (max-width:1680px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-secondary-title,#page-careers #join ul.job-positions li .views-field-secondary-title,#page-careers .pane-open-positions ul.open-applications li .views-field-secondary-title,#page-careers #join ul.open-applications li .views-field-secondary-title,#page-careers .pane-open-positions .view-footer li .views-field-secondary-title,#page-careers #join .view-footer li .views-field-secondary-title,#page-careers .pane-open-positions ul.job-positions .notice .views-field-secondary-title,#page-careers #join ul.job-positions .notice .views-field-secondary-title,#page-careers .pane-open-positions ul.open-applications .notice .views-field-secondary-title,#page-careers #join ul.open-applications .notice .views-field-secondary-title,#page-careers .pane-open-positions .view-footer .notice .views-field-secondary-title,#page-careers #join .view-footer .notice .views-field-secondary-title
{
margin-top:2.65em;
font-size:18px;
}
}
@media screen and (max-width:1280px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-secondary-title,#page-careers #join ul.job-positions li .views-field-secondary-title,#page-careers .pane-open-positions ul.open-applications li .views-field-secondary-title,#page-careers #join ul.open-applications li .views-field-secondary-title,#page-careers .pane-open-positions .view-footer li .views-field-secondary-title,#page-careers #join .view-footer li .views-field-secondary-title,#page-careers .pane-open-positions ul.job-positions .notice .views-field-secondary-title,#page-careers #join ul.job-positions .notice .views-field-secondary-title,#page-careers .pane-open-positions ul.open-applications .notice .views-field-secondary-title,#page-careers #join ul.open-applications .notice .views-field-secondary-title,#page-careers .pane-open-positions .view-footer .notice .views-field-secondary-title,#page-careers #join .view-footer .notice .views-field-secondary-title
{
font-size:15px;
}
}
@media screen and (max-width:1023px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-secondary-title,#page-careers #join ul.job-positions li .views-field-secondary-title,#page-careers .pane-open-positions ul.open-applications li .views-field-secondary-title,#page-careers #join ul.open-applications li .views-field-secondary-title,#page-careers .pane-open-positions .view-footer li .views-field-secondary-title,#page-careers #join .view-footer li .views-field-secondary-title,#page-careers .pane-open-positions ul.job-positions .notice .views-field-secondary-title,#page-careers #join ul.job-positions .notice .views-field-secondary-title,#page-careers .pane-open-positions ul.open-applications .notice .views-field-secondary-title,#page-careers #join ul.open-applications .notice .views-field-secondary-title,#page-careers .pane-open-positions .view-footer .notice .views-field-secondary-title,#page-careers #join .view-footer .notice .views-field-secondary-title
{
font-size:16px;
margin-bottom:.25em;
white-space:nowrap;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-secondary-title,#page-careers #join ul.job-positions li .views-field-secondary-title,#page-careers .pane-open-positions ul.open-applications li .views-field-secondary-title,#page-careers #join ul.open-applications li .views-field-secondary-title,#page-careers .pane-open-positions .view-footer li .views-field-secondary-title,#page-careers #join .view-footer li .views-field-secondary-title,#page-careers .pane-open-positions ul.job-positions .notice .views-field-secondary-title,#page-careers #join ul.job-positions .notice .views-field-secondary-title,#page-careers .pane-open-positions ul.open-applications .notice .views-field-secondary-title,#page-careers #join ul.open-applications .notice .views-field-secondary-title,#page-careers .pane-open-positions .view-footer .notice .views-field-secondary-title,#page-careers #join .view-footer .notice .views-field-secondary-title
{
margin:0;
display:block;
}
#page-careers .pane-open-positions ul.job-positions li .views-field-secondary-title span.divider,#page-careers #join ul.job-positions li .views-field-secondary-title span.divider,#page-careers .pane-open-positions ul.open-applications li .views-field-secondary-title span.divider,#page-careers #join ul.open-applications li .views-field-secondary-title span.divider,#page-careers .pane-open-positions .view-footer li .views-field-secondary-title span.divider,#page-careers #join .view-footer li .views-field-secondary-title span.divider,#page-careers .pane-open-positions ul.job-positions .notice .views-field-secondary-title span.divider,#page-careers #join ul.job-positions .notice .views-field-secondary-title span.divider,#page-careers .pane-open-positions ul.open-applications .notice .views-field-secondary-title span.divider,#page-careers #join ul.open-applications .notice .views-field-secondary-title span.divider,#page-careers .pane-open-positions .view-footer .notice .views-field-secondary-title span.divider,#page-careers #join .view-footer .notice .views-field-secondary-title span.divider
{
display:none;
}
}
#page-careers .pane-open-positions ul.job-positions li .views-field-field-location,#page-careers #join ul.job-positions li .views-field-field-location,#page-careers .pane-open-positions ul.open-applications li .views-field-field-location,#page-careers #join ul.open-applications li .views-field-field-location,#page-careers .pane-open-positions .view-footer li .views-field-field-location,#page-careers #join .view-footer li .views-field-field-location,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-location,#page-careers #join ul.job-positions .notice .views-field-field-location,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-location,#page-careers #join ul.open-applications .notice .views-field-field-location,#page-careers .pane-open-positions .view-footer .notice .views-field-field-location,#page-careers #join .view-footer .notice .views-field-field-location,#page-careers .pane-open-positions ul.job-positions li .views-field-field-position,#page-careers #join ul.job-positions li .views-field-field-position,#page-careers .pane-open-positions ul.open-applications li .views-field-field-position,#page-careers #join ul.open-applications li .views-field-field-position,#page-careers .pane-open-positions .view-footer li .views-field-field-position,#page-careers #join .view-footer li .views-field-field-position,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-position,#page-careers #join ul.job-positions .notice .views-field-field-position,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-position,#page-careers #join ul.open-applications .notice .views-field-field-position,#page-careers .pane-open-positions .view-footer .notice .views-field-field-position,#page-careers #join .view-footer .notice .views-field-field-position
{
margin-top:4.8em;
margin-bottom:0;
font-size:17px;
line-height:2.5em;
display:block;
float:left;
}
@media screen and (max-width:1680px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-field-location,#page-careers #join ul.job-positions li .views-field-field-location,#page-careers .pane-open-positions ul.open-applications li .views-field-field-location,#page-careers #join ul.open-applications li .views-field-field-location,#page-careers .pane-open-positions .view-footer li .views-field-field-location,#page-careers #join .view-footer li .views-field-field-location,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-location,#page-careers #join ul.job-positions .notice .views-field-field-location,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-location,#page-careers #join ul.open-applications .notice .views-field-field-location,#page-careers .pane-open-positions .view-footer .notice .views-field-field-location,#page-careers #join .view-footer .notice .views-field-field-location,#page-careers .pane-open-positions ul.job-positions li .views-field-field-position,#page-careers #join ul.job-positions li .views-field-field-position,#page-careers .pane-open-positions ul.open-applications li .views-field-field-position,#page-careers #join ul.open-applications li .views-field-field-position,#page-careers .pane-open-positions .view-footer li .views-field-field-position,#page-careers #join .view-footer li .views-field-field-position,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-position,#page-careers #join ul.job-positions .notice .views-field-field-position,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-position,#page-careers #join ul.open-applications .notice .views-field-field-position,#page-careers .pane-open-positions .view-footer .notice .views-field-field-position,#page-careers #join .view-footer .notice .views-field-field-position
{
font-size:14px;
margin-top:5.15em;
}
}
@media screen and (max-width:1023px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-field-location,#page-careers #join ul.job-positions li .views-field-field-location,#page-careers .pane-open-positions ul.open-applications li .views-field-field-location,#page-careers #join ul.open-applications li .views-field-field-location,#page-careers .pane-open-positions .view-footer li .views-field-field-location,#page-careers #join .view-footer li .views-field-field-location,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-location,#page-careers #join ul.job-positions .notice .views-field-field-location,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-location,#page-careers #join ul.open-applications .notice .views-field-field-location,#page-careers .pane-open-positions .view-footer .notice .views-field-field-location,#page-careers #join .view-footer .notice .views-field-field-location,#page-careers .pane-open-positions ul.job-positions li .views-field-field-position,#page-careers #join ul.job-positions li .views-field-field-position,#page-careers .pane-open-positions ul.open-applications li .views-field-field-position,#page-careers #join ul.open-applications li .views-field-field-position,#page-careers .pane-open-positions .view-footer li .views-field-field-position,#page-careers #join .view-footer li .views-field-field-position,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-position,#page-careers #join ul.job-positions .notice .views-field-field-position,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-position,#page-careers #join ul.open-applications .notice .views-field-field-position,#page-careers .pane-open-positions .view-footer .notice .views-field-field-position,#page-careers #join .view-footer .notice .views-field-field-position
{
margin-top:0;
margin-bottom:.5em;
line-height:1.5em;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-field-location,#page-careers #join ul.job-positions li .views-field-field-location,#page-careers .pane-open-positions ul.open-applications li .views-field-field-location,#page-careers #join ul.open-applications li .views-field-field-location,#page-careers .pane-open-positions .view-footer li .views-field-field-location,#page-careers #join .view-footer li .views-field-field-location,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-location,#page-careers #join ul.job-positions .notice .views-field-field-location,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-location,#page-careers #join ul.open-applications .notice .views-field-field-location,#page-careers .pane-open-positions .view-footer .notice .views-field-field-location,#page-careers #join .view-footer .notice .views-field-field-location,#page-careers .pane-open-positions ul.job-positions li .views-field-field-position,#page-careers #join ul.job-positions li .views-field-field-position,#page-careers .pane-open-positions ul.open-applications li .views-field-field-position,#page-careers #join ul.open-applications li .views-field-field-position,#page-careers .pane-open-positions .view-footer li .views-field-field-position,#page-careers #join .view-footer li .views-field-field-position,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-position,#page-careers #join ul.job-positions .notice .views-field-field-position,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-position,#page-careers #join ul.open-applications .notice .views-field-field-position,#page-careers .pane-open-positions .view-footer .notice .views-field-field-position,#page-careers #join .view-footer .notice .views-field-field-position
{
margin-bottom:7em;
line-height:2.5em;
}
}
#page-careers .pane-open-positions ul.job-positions li .views-field-field-location,#page-careers #join ul.job-positions li .views-field-field-location,#page-careers .pane-open-positions ul.open-applications li .views-field-field-location,#page-careers #join ul.open-applications li .views-field-field-location,#page-careers .pane-open-positions .view-footer li .views-field-field-location,#page-careers #join .view-footer li .views-field-field-location,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-location,#page-careers #join ul.job-positions .notice .views-field-field-location,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-location,#page-careers #join ul.open-applications .notice .views-field-field-location,#page-careers .pane-open-positions .view-footer .notice .views-field-field-location,#page-careers #join .view-footer .notice .views-field-field-location
{
padding-right:16px;
border-right:1px solid #dcdcdd;
}
@media screen and (max-width:1680px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-field-location,#page-careers #join ul.job-positions li .views-field-field-location,#page-careers .pane-open-positions ul.open-applications li .views-field-field-location,#page-careers #join ul.open-applications li .views-field-field-location,#page-careers .pane-open-positions .view-footer li .views-field-field-location,#page-careers #join .view-footer li .views-field-field-location,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-location,#page-careers #join ul.job-positions .notice .views-field-field-location,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-location,#page-careers #join ul.open-applications .notice .views-field-field-location,#page-careers .pane-open-positions .view-footer .notice .views-field-field-location,#page-careers #join .view-footer .notice .views-field-field-location
{
max-width:13%;
}
}
@media screen and (max-width:1280px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-field-location,#page-careers #join ul.job-positions li .views-field-field-location,#page-careers .pane-open-positions ul.open-applications li .views-field-field-location,#page-careers #join ul.open-applications li .views-field-field-location,#page-careers .pane-open-positions .view-footer li .views-field-field-location,#page-careers #join .view-footer li .views-field-field-location,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-location,#page-careers #join ul.job-positions .notice .views-field-field-location,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-location,#page-careers #join ul.open-applications .notice .views-field-field-location,#page-careers .pane-open-positions .view-footer .notice .views-field-field-location,#page-careers #join .view-footer .notice .views-field-field-location
{
max-width:15%;
}
}
@media screen and (max-width:1023px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-field-location,#page-careers #join ul.job-positions li .views-field-field-location,#page-careers .pane-open-positions ul.open-applications li .views-field-field-location,#page-careers #join ul.open-applications li .views-field-field-location,#page-careers .pane-open-positions .view-footer li .views-field-field-location,#page-careers #join .view-footer li .views-field-field-location,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-location,#page-careers #join ul.job-positions .notice .views-field-field-location,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-location,#page-careers #join ul.open-applications .notice .views-field-field-location,#page-careers .pane-open-positions .view-footer .notice .views-field-field-location,#page-careers #join .view-footer .notice .views-field-field-location
{
width:auto;
max-width:none;
white-space:nowrap;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-field-location,#page-careers #join ul.job-positions li .views-field-field-location,#page-careers .pane-open-positions ul.open-applications li .views-field-field-location,#page-careers #join ul.open-applications li .views-field-field-location,#page-careers .pane-open-positions .view-footer li .views-field-field-location,#page-careers #join .view-footer li .views-field-field-location,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-location,#page-careers #join ul.job-positions .notice .views-field-field-location,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-location,#page-careers #join ul.open-applications .notice .views-field-field-location,#page-careers .pane-open-positions .view-footer .notice .views-field-field-location,#page-careers #join .view-footer .notice .views-field-field-location
{
display:block;
width:100%;
padding:0;
margin:.25em 0 0 0;
border:0;
font-size:11px;
}
}
#page-careers .pane-open-positions ul.job-positions li .views-field-field-position,#page-careers #join ul.job-positions li .views-field-field-position,#page-careers .pane-open-positions ul.open-applications li .views-field-field-position,#page-careers #join ul.open-applications li .views-field-field-position,#page-careers .pane-open-positions .view-footer li .views-field-field-position,#page-careers #join .view-footer li .views-field-field-position,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-position,#page-careers #join ul.job-positions .notice .views-field-field-position,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-position,#page-careers #join ul.open-applications .notice .views-field-field-position,#page-careers .pane-open-positions .view-footer .notice .views-field-field-position,#page-careers #join .view-footer .notice .views-field-field-position
{
padding-left:14px;
white-space:nowrap;
}
@media screen and (max-width:1023px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-field-position,#page-careers #join ul.job-positions li .views-field-field-position,#page-careers .pane-open-positions ul.open-applications li .views-field-field-position,#page-careers #join ul.open-applications li .views-field-field-position,#page-careers .pane-open-positions .view-footer li .views-field-field-position,#page-careers #join .view-footer li .views-field-field-position,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-position,#page-careers #join ul.job-positions .notice .views-field-field-position,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-position,#page-careers #join ul.open-applications .notice .views-field-field-position,#page-careers .pane-open-positions .view-footer .notice .views-field-field-position,#page-careers #join .view-footer .notice .views-field-field-position
{
width:auto;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-field-position,#page-careers #join ul.job-positions li .views-field-field-position,#page-careers .pane-open-positions ul.open-applications li .views-field-field-position,#page-careers #join ul.open-applications li .views-field-field-position,#page-careers .pane-open-positions .view-footer li .views-field-field-position,#page-careers #join .view-footer li .views-field-field-position,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-position,#page-careers #join ul.job-positions .notice .views-field-field-position,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-position,#page-careers #join ul.open-applications .notice .views-field-field-position,#page-careers .pane-open-positions .view-footer .notice .views-field-field-position,#page-careers #join .view-footer .notice .views-field-field-position
{
display:block;
width:100%;
padding:0 0 8.5em 0;
margin:0;
font-size:11px;
line-height:1em;
}
}
#page-careers .pane-open-positions ul.job-positions li .views-field-field-description,#page-careers #join ul.job-positions li .views-field-field-description,#page-careers .pane-open-positions ul.open-applications li .views-field-field-description,#page-careers #join ul.open-applications li .views-field-field-description,#page-careers .pane-open-positions .view-footer li .views-field-field-description,#page-careers #join .view-footer li .views-field-field-description,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-description,#page-careers #join ul.job-positions .notice .views-field-field-description,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-description,#page-careers #join ul.open-applications .notice .views-field-field-description,#page-careers .pane-open-positions .view-footer .notice .views-field-field-description,#page-careers #join .view-footer .notice .views-field-field-description
{
border-top:1px solid #dcdcdd;
margin-top:0em;
color:#1d1d1d !important;
font-size:17px;
display:block;
padding-top:2em;
padding-right:50%;
line-height:1.85em;
clear:both;
}
#page-careers .pane-open-positions ul.job-positions li .views-field-field-description p,#page-careers #join ul.job-positions li .views-field-field-description p,#page-careers .pane-open-positions ul.open-applications li .views-field-field-description p,#page-careers #join ul.open-applications li .views-field-field-description p,#page-careers .pane-open-positions .view-footer li .views-field-field-description p,#page-careers #join .view-footer li .views-field-field-description p,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-description p,#page-careers #join ul.job-positions .notice .views-field-field-description p,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-description p,#page-careers #join ul.open-applications .notice .views-field-field-description p,#page-careers .pane-open-positions .view-footer .notice .views-field-field-description p,#page-careers #join .view-footer .notice .views-field-field-description p,#page-careers .pane-open-positions ul.job-positions li .views-field-field-description br,#page-careers #join ul.job-positions li .views-field-field-description br,#page-careers .pane-open-positions ul.open-applications li .views-field-field-description br,#page-careers #join ul.open-applications li .views-field-field-description br,#page-careers .pane-open-positions .view-footer li .views-field-field-description br,#page-careers #join .view-footer li .views-field-field-description br,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-description br,#page-careers #join ul.job-positions .notice .views-field-field-description br,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-description br,#page-careers #join ul.open-applications .notice .views-field-field-description br,#page-careers .pane-open-positions .view-footer .notice .views-field-field-description br,#page-careers #join .view-footer .notice .views-field-field-description br,#page-careers .pane-open-positions ul.job-positions li .views-field-field-description ul,#page-careers #join ul.job-positions li .views-field-field-description ul,#page-careers .pane-open-positions ul.open-applications li .views-field-field-description ul,#page-careers #join ul.open-applications li .views-field-field-description ul,#page-careers .pane-open-positions .view-footer li .views-field-field-description ul,#page-careers #join .view-footer li .views-field-field-description ul,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-description ul,#page-careers #join ul.job-positions .notice .views-field-field-description ul,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-description ul,#page-careers #join ul.open-applications .notice .views-field-field-description ul,#page-careers .pane-open-positions .view-footer .notice .views-field-field-description ul,#page-careers #join .view-footer .notice .views-field-field-description ul,#page-careers .pane-open-positions ul.job-positions li .views-field-field-description li,#page-careers #join ul.job-positions li .views-field-field-description li,#page-careers .pane-open-positions ul.open-applications li .views-field-field-description li,#page-careers #join ul.open-applications li .views-field-field-description li,#page-careers .pane-open-positions .view-footer li .views-field-field-description li,#page-careers #join .view-footer li .views-field-field-description li,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-description li,#page-careers #join ul.job-positions .notice .views-field-field-description li,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-description li,#page-careers #join ul.open-applications .notice .views-field-field-description li,#page-careers .pane-open-positions .view-footer .notice .views-field-field-description li,#page-careers #join .view-footer .notice .views-field-field-description li
{
margin:0;
padding:0;
display:inline;
list-style-type:none;
}
#page-careers .pane-open-positions ul.job-positions li .views-field-field-description b,#page-careers #join ul.job-positions li .views-field-field-description b,#page-careers .pane-open-positions ul.open-applications li .views-field-field-description b,#page-careers #join ul.open-applications li .views-field-field-description b,#page-careers .pane-open-positions .view-footer li .views-field-field-description b,#page-careers #join .view-footer li .views-field-field-description b,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-description b,#page-careers #join ul.job-positions .notice .views-field-field-description b,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-description b,#page-careers #join ul.open-applications .notice .views-field-field-description b,#page-careers .pane-open-positions .view-footer .notice .views-field-field-description b,#page-careers #join .view-footer .notice .views-field-field-description b,#page-careers .pane-open-positions ul.job-positions li .views-field-field-description strong,#page-careers #join ul.job-positions li .views-field-field-description strong,#page-careers .pane-open-positions ul.open-applications li .views-field-field-description strong,#page-careers #join ul.open-applications li .views-field-field-description strong,#page-careers .pane-open-positions .view-footer li .views-field-field-description strong,#page-careers #join .view-footer li .views-field-field-description strong,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-description strong,#page-careers #join ul.job-positions .notice .views-field-field-description strong,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-description strong,#page-careers #join ul.open-applications .notice .views-field-field-description strong,#page-careers .pane-open-positions .view-footer .notice .views-field-field-description strong,#page-careers #join .view-footer .notice .views-field-field-description strong
{
font-weight:inherit;
}
@media screen and (max-width:1680px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-field-description,#page-careers #join ul.job-positions li .views-field-field-description,#page-careers .pane-open-positions ul.open-applications li .views-field-field-description,#page-careers #join ul.open-applications li .views-field-field-description,#page-careers .pane-open-positions .view-footer li .views-field-field-description,#page-careers #join .view-footer li .views-field-field-description,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-description,#page-careers #join ul.job-positions .notice .views-field-field-description,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-description,#page-careers #join ul.open-applications .notice .views-field-field-description,#page-careers .pane-open-positions .view-footer .notice .views-field-field-description,#page-careers #join .view-footer .notice .views-field-field-description
{
font-size:16px;
margin-top:.5em;
}
}
@media screen and (max-width:1280px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-field-description,#page-careers #join ul.job-positions li .views-field-field-description,#page-careers .pane-open-positions ul.open-applications li .views-field-field-description,#page-careers #join ul.open-applications li .views-field-field-description,#page-careers .pane-open-positions .view-footer li .views-field-field-description,#page-careers #join .view-footer li .views-field-field-description,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-description,#page-careers #join ul.job-positions .notice .views-field-field-description,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-description,#page-careers #join ul.open-applications .notice .views-field-field-description,#page-careers .pane-open-positions .view-footer .notice .views-field-field-description,#page-careers #join .view-footer .notice .views-field-field-description
{
font-size:13px;
padding-right:30%;
}
}
@media screen and (max-width:1023px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-field-description,#page-careers #join ul.job-positions li .views-field-field-description,#page-careers .pane-open-positions ul.open-applications li .views-field-field-description,#page-careers #join ul.open-applications li .views-field-field-description,#page-careers .pane-open-positions .view-footer li .views-field-field-description,#page-careers #join .view-footer li .views-field-field-description,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-description,#page-careers #join ul.job-positions .notice .views-field-field-description,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-description,#page-careers #join ul.open-applications .notice .views-field-field-description,#page-careers .pane-open-positions .view-footer .notice .views-field-field-description,#page-careers #join .view-footer .notice .views-field-field-description
{
font-size:14px;
padding-right:20%;
width:auto;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-field-description,#page-careers #join ul.job-positions li .views-field-field-description,#page-careers .pane-open-positions ul.open-applications li .views-field-field-description,#page-careers #join ul.open-applications li .views-field-field-description,#page-careers .pane-open-positions .view-footer li .views-field-field-description,#page-careers #join .view-footer li .views-field-field-description,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-description,#page-careers #join ul.job-positions .notice .views-field-field-description,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-description,#page-careers #join ul.open-applications .notice .views-field-field-description,#page-careers .pane-open-positions .view-footer .notice .views-field-field-description,#page-careers #join .view-footer .notice .views-field-field-description
{
display:none;
}
}
#page-careers .pane-open-positions ul.job-positions li .views-field-view-node,#page-careers #join ul.job-positions li .views-field-view-node,#page-careers .pane-open-positions ul.open-applications li .views-field-view-node,#page-careers #join ul.open-applications li .views-field-view-node,#page-careers .pane-open-positions .view-footer li .views-field-view-node,#page-careers #join .view-footer li .views-field-view-node,#page-careers .pane-open-positions ul.job-positions .notice .views-field-view-node,#page-careers #join ul.job-positions .notice .views-field-view-node,#page-careers .pane-open-positions ul.open-applications .notice .views-field-view-node,#page-careers #join ul.open-applications .notice .views-field-view-node,#page-careers .pane-open-positions .view-footer .notice .views-field-view-node,#page-careers #join .view-footer .notice .views-field-view-node
{
margin-top:4.25em;
padding-top:15px;
padding-bottom:.5em;
width:200px;
float:right;
clear:none;
}
@media screen and (max-width:1680px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-view-node,#page-careers #join ul.job-positions li .views-field-view-node,#page-careers .pane-open-positions ul.open-applications li .views-field-view-node,#page-careers #join ul.open-applications li .views-field-view-node,#page-careers .pane-open-positions .view-footer li .views-field-view-node,#page-careers #join .view-footer li .views-field-view-node,#page-careers .pane-open-positions ul.job-positions .notice .views-field-view-node,#page-careers #join ul.job-positions .notice .views-field-view-node,#page-careers .pane-open-positions ul.open-applications .notice .views-field-view-node,#page-careers #join ul.open-applications .notice .views-field-view-node,#page-careers .pane-open-positions .view-footer .notice .views-field-view-node,#page-careers #join .view-footer .notice .views-field-view-node
{
margin-top:3.25em;
}
}
@media screen and (max-width:1280px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-view-node,#page-careers #join ul.job-positions li .views-field-view-node,#page-careers .pane-open-positions ul.open-applications li .views-field-view-node,#page-careers #join ul.open-applications li .views-field-view-node,#page-careers .pane-open-positions .view-footer li .views-field-view-node,#page-careers #join .view-footer li .views-field-view-node,#page-careers .pane-open-positions ul.job-positions .notice .views-field-view-node,#page-careers #join ul.job-positions .notice .views-field-view-node,#page-careers .pane-open-positions ul.open-applications .notice .views-field-view-node,#page-careers #join ul.open-applications .notice .views-field-view-node,#page-careers .pane-open-positions .view-footer .notice .views-field-view-node,#page-careers #join .view-footer .notice .views-field-view-node
{
margin-top:3.5em;
width:174px;
}
}
@media screen and (max-width:1023px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-view-node,#page-careers #join ul.job-positions li .views-field-view-node,#page-careers .pane-open-positions ul.open-applications li .views-field-view-node,#page-careers #join ul.open-applications li .views-field-view-node,#page-careers .pane-open-positions .view-footer li .views-field-view-node,#page-careers #join .view-footer li .views-field-view-node,#page-careers .pane-open-positions ul.job-positions .notice .views-field-view-node,#page-careers #join ul.job-positions .notice .views-field-view-node,#page-careers .pane-open-positions ul.open-applications .notice .views-field-view-node,#page-careers #join ul.open-applications .notice .views-field-view-node,#page-careers .pane-open-positions .view-footer .notice .views-field-view-node,#page-careers #join .view-footer .notice .views-field-view-node
{
margin-top:3em;
padding-bottom:.35em;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-view-node,#page-careers #join ul.job-positions li .views-field-view-node,#page-careers .pane-open-positions ul.open-applications li .views-field-view-node,#page-careers #join ul.open-applications li .views-field-view-node,#page-careers .pane-open-positions .view-footer li .views-field-view-node,#page-careers #join .view-footer li .views-field-view-node,#page-careers .pane-open-positions ul.job-positions .notice .views-field-view-node,#page-careers #join ul.job-positions .notice .views-field-view-node,#page-careers .pane-open-positions ul.open-applications .notice .views-field-view-node,#page-careers #join ul.open-applications .notice .views-field-view-node,#page-careers .pane-open-positions .view-footer .notice .views-field-view-node,#page-careers #join .view-footer .notice .views-field-view-node
{
float:none;
position:absolute;
bottom:1.75em;
padding-top:1.5em;
padding-bottom:0;
width:auto;
}
#page-careers .pane-open-positions ul.job-positions li .views-field-view-node a,#page-careers #join ul.job-positions li .views-field-view-node a,#page-careers .pane-open-positions ul.open-applications li .views-field-view-node a,#page-careers #join ul.open-applications li .views-field-view-node a,#page-careers .pane-open-positions .view-footer li .views-field-view-node a,#page-careers #join .view-footer li .views-field-view-node a,#page-careers .pane-open-positions ul.job-positions .notice .views-field-view-node a,#page-careers #join ul.job-positions .notice .views-field-view-node a,#page-careers .pane-open-positions ul.open-applications .notice .views-field-view-node a,#page-careers #join ul.open-applications .notice .views-field-view-node a,#page-careers .pane-open-positions .view-footer .notice .views-field-view-node a,#page-careers #join .view-footer .notice .views-field-view-node a
{
width:276px;
}
#page-careers .pane-open-positions ul.job-positions li .views-field-view-node a span,#page-careers #join ul.job-positions li .views-field-view-node a span,#page-careers .pane-open-positions ul.open-applications li .views-field-view-node a span,#page-careers #join ul.open-applications li .views-field-view-node a span,#page-careers .pane-open-positions .view-footer li .views-field-view-node a span,#page-careers #join .view-footer li .views-field-view-node a span,#page-careers .pane-open-positions ul.job-positions .notice .views-field-view-node a span,#page-careers #join ul.job-positions .notice .views-field-view-node a span,#page-careers .pane-open-positions ul.open-applications .notice .views-field-view-node a span,#page-careers #join ul.open-applications .notice .views-field-view-node a span,#page-careers .pane-open-positions .view-footer .notice .views-field-view-node a span,#page-careers #join .view-footer .notice .views-field-view-node a span
{
background-position:125px -84px;
}
#page-careers .pane-open-positions ul.job-positions li .views-field-view-node a span:first-child,#page-careers #join ul.job-positions li .views-field-view-node a span:first-child,#page-careers .pane-open-positions ul.open-applications li .views-field-view-node a span:first-child,#page-careers #join ul.open-applications li .views-field-view-node a span:first-child,#page-careers .pane-open-positions .view-footer li .views-field-view-node a span:first-child,#page-careers #join .view-footer li .views-field-view-node a span:first-child,#page-careers .pane-open-positions ul.job-positions .notice .views-field-view-node a span:first-child,#page-careers #join ul.job-positions .notice .views-field-view-node a span:first-child,#page-careers .pane-open-positions ul.open-applications .notice .views-field-view-node a span:first-child,#page-careers #join ul.open-applications .notice .views-field-view-node a span:first-child,#page-careers .pane-open-positions .view-footer .notice .views-field-view-node a span:first-child,#page-careers #join .view-footer .notice .views-field-view-node a span:first-child
{
background-position:231px -84px;
}
}
#page-careers .pane-open-positions ul.job-positions li .views-field-view-node a.button,#page-careers #join ul.job-positions li .views-field-view-node a.button,#page-careers .pane-open-positions ul.open-applications li .views-field-view-node a.button,#page-careers #join ul.open-applications li .views-field-view-node a.button,#page-careers .pane-open-positions .view-footer li .views-field-view-node a.button,#page-careers #join .view-footer li .views-field-view-node a.button,#page-careers .pane-open-positions ul.job-positions .notice .views-field-view-node a.button,#page-careers #join ul.job-positions .notice .views-field-view-node a.button,#page-careers .pane-open-positions ul.open-applications .notice .views-field-view-node a.button,#page-careers #join ul.open-applications .notice .views-field-view-node a.button,#page-careers .pane-open-positions .view-footer .notice .views-field-view-node a.button,#page-careers #join .view-footer .notice .views-field-view-node a.button
{
-webkit-backface-visibility:hidden;
}
#page-careers .pane-open-positions ul.job-positions li .views-field-field-function,#page-careers #join ul.job-positions li .views-field-field-function,#page-careers .pane-open-positions ul.open-applications li .views-field-field-function,#page-careers #join ul.open-applications li .views-field-field-function,#page-careers .pane-open-positions .view-footer li .views-field-field-function,#page-careers #join .view-footer li .views-field-field-function,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-function,#page-careers #join ul.job-positions .notice .views-field-field-function,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-function,#page-careers #join ul.open-applications .notice .views-field-field-function,#page-careers .pane-open-positions .view-footer .notice .views-field-field-function,#page-careers #join .view-footer .notice .views-field-field-function
{
width:100%;
}
#page-careers .pane-open-positions ul.job-positions li .views-field-field-function span,#page-careers #join ul.job-positions li .views-field-field-function span,#page-careers .pane-open-positions ul.open-applications li .views-field-field-function span,#page-careers #join ul.open-applications li .views-field-field-function span,#page-careers .pane-open-positions .view-footer li .views-field-field-function span,#page-careers #join .view-footer li .views-field-field-function span,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-function span,#page-careers #join ul.job-positions .notice .views-field-field-function span,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-function span,#page-careers #join ul.open-applications .notice .views-field-field-function span,#page-careers .pane-open-positions .view-footer .notice .views-field-field-function span,#page-careers #join .view-footer .notice .views-field-field-function span
{
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border:1px solid #ddd;
background:transparent;
color:#aaa;
font-size:12px;
display:inline-block;
padding:10px 12px 9px 12px;
margin-top:2.25em;
margin-right:12px;
line-height:1em;
cursor:pointer;
white-space:nowrap;
-webkit-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
}
#page-careers .pane-open-positions ul.job-positions li .views-field-field-function span:hover,#page-careers #join ul.job-positions li .views-field-field-function span:hover,#page-careers .pane-open-positions ul.open-applications li .views-field-field-function span:hover,#page-careers #join ul.open-applications li .views-field-field-function span:hover,#page-careers .pane-open-positions .view-footer li .views-field-field-function span:hover,#page-careers #join .view-footer li .views-field-field-function span:hover,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-function span:hover,#page-careers #join ul.job-positions .notice .views-field-field-function span:hover,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-function span:hover,#page-careers #join ul.open-applications .notice .views-field-field-function span:hover,#page-careers .pane-open-positions .view-footer .notice .views-field-field-function span:hover,#page-careers #join .view-footer .notice .views-field-field-function span:hover
{
color:#666;
border-color:#aaa;
}
@media screen and (max-width:767px)
{
#page-careers .pane-open-positions ul.job-positions li .views-field-field-function,#page-careers #join ul.job-positions li .views-field-field-function,#page-careers .pane-open-positions ul.open-applications li .views-field-field-function,#page-careers #join ul.open-applications li .views-field-field-function,#page-careers .pane-open-positions .view-footer li .views-field-field-function,#page-careers #join .view-footer li .views-field-field-function,#page-careers .pane-open-positions ul.job-positions .notice .views-field-field-function,#page-careers #join ul.job-positions .notice .views-field-field-function,#page-careers .pane-open-positions ul.open-applications .notice .views-field-field-function,#page-careers #join ul.open-applications .notice .views-field-field-function,#page-careers .pane-open-positions .view-footer .notice .views-field-field-function,#page-careers #join .view-footer .notice .views-field-field-function
{
display:none;
}
}
#page-careers .pane-open-positions .view-footer,#page-careers #join .view-footer
{
border:0;
display:none;
}
#page-careers .pane-open-positions .view-footer.visible,#page-careers #join .view-footer.visible
{
display:block;
background-color:#f3f3f3;
border-top:1px solid #e7e7e7;
border-bottom:1px solid #e7e7e7;
}
#page-careers .pane-open-positions .view-footer .no-vacancies,#page-careers #join .view-footer .no-vacancies
{
padding-top:4em;
padding-bottom:5em;
font-size:17px;
}
@media screen and (max-width:1280px)
{
#page-careers .pane-open-positions .view-footer .no-vacancies,#page-careers #join .view-footer .no-vacancies
{
font-size:14px;
}
}
#page-careers .pane-open-positions ul.open-applications,#page-careers #join ul.open-applications
{
margin-top:0;
border-top:0;
}
#page-careers .pane-open-positions ul.open-applications li.visible,#page-careers #join ul.open-applications li.visible
{
border-top:1px solid #e7e7e7;
border-bottom:1px solid #fff;
}
@media screen and (max-width:1680px)
{
#page-careers .pane-open-positions ul.open-applications li.visible,#page-careers #join ul.open-applications li.visible
{
height:280px;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-open-positions ul.open-applications li.visible,#page-careers #join ul.open-applications li.visible
{
height:auto;
}
}
#page-careers .pane-open-positions ul.open-applications li .views-field-title,#page-careers #join ul.open-applications li .views-field-title
{
display:block;
margin-top:4em;
}
@media screen and (max-width:1680px)
{
#page-careers .pane-open-positions ul.open-applications li .views-field-title,#page-careers #join ul.open-applications li .views-field-title
{
margin-top:3em;
font-size:18px;
}
}
@media screen and (max-width:1023px)
{
#page-careers .pane-open-positions ul.open-applications li .views-field-title,#page-careers #join ul.open-applications li .views-field-title
{
font-size:16px;
margin-bottom:.25em;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-open-positions ul.open-applications li .views-field-title,#page-careers #join ul.open-applications li .views-field-title
{
margin:2em 0 .25em 0;
display:block;
}
}
@media screen and (max-width:1023px)
{
#page-careers .pane-open-positions ul.open-applications li .views-field-field-description,#page-careers #join ul.open-applications li .views-field-field-description
{
margin-top:2em;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-open-positions ul.open-applications li .views-field-field-description,#page-careers #join ul.open-applications li .views-field-field-description
{
display:block;
border:0;
padding:0 0 7em 0;
margin:0;
}
}
@media screen and (max-width:767px)
{
#page-careers .pane-open-positions ul.open-applications li .views-field-view-node,#page-careers #join ul.open-applications li .views-field-view-node
{
bottom:1.75em;
}
}
.section-support .m-find-support
{
background:#f8f8f8;
border-bottom:1px solid #fff;
}
.section-support .m-find-support h2
{
background:none;
}
@media screen and (max-width:767px)
{
.section-support .m-find-support h2
{
text-align:center;
}
}
.section-support .m-find-support .game-support
{
width:406px;
height:439px;
margin-left:19px;
float:left;
background-repeat:no-repeat;
-webkit-background-size:1218px auto;
-moz-background-size:1218px auto;
-o-background-size:1218px auto;
background-size:1218px auto;
margin-bottom:30px;
}
@media screen and (max-width:1680px)
{
.section-support .m-find-support .game-support
{
width:338px;
height:365px;
-webkit-background-size:1014px auto;
-moz-background-size:1014px auto;
-o-background-size:1014px auto;
background-size:1014px auto;
margin-bottom:25px;
}
}
@media screen and (max-width:1280px)
{
.section-support .m-find-support .game-support
{
width:288px;
height:310px;
-webkit-background-size:864px auto;
-moz-background-size:864px auto;
-o-background-size:864px auto;
background-size:864px auto;
margin-left:14px;
}
}
@media screen and (max-width:1023px)
{
.section-support .m-find-support .game-support
{
width:220px;
height:238px;
margin-left:12px;
-webkit-background-size:660px auto;
-moz-background-size:660px auto;
-o-background-size:660px auto;
background-size:660px auto;
margin-bottom:15px;
}
}
@media screen and (max-width:767px)
{
.section-support .m-find-support .game-support
{
width:280px;
height:280px;
float:none;
-webkit-background-size:840px auto;
-moz-background-size:840px auto;
-o-background-size:840px auto;
background-size:840px auto;
margin:12px auto 12px auto;
}
.section-support .m-find-support .game-support:last-child
{
margin-bottom:20px;
}
}
.section-support .m-find-support .game-support .buttons
{
position:absolute;
top:76px;
left:0;
width:100%;
text-align:center;
margin:0;
padding:0;
}
@media screen and (max-width:1680px)
{
.section-support .m-find-support .game-support .buttons
{
top:38px;
}
}
@media screen and (max-width:1280px)
{
.section-support .m-find-support .game-support .buttons
{
top:30px;
}
}
@media screen and (max-width:1023px)
{
.section-support .m-find-support .game-support .buttons
{
top:22px;
}
}
@media screen and (max-width:767px)
{
.section-support .m-find-support .game-support .buttons
{
top:32px;
}
}
.section-support .m-find-support .game-support .buttons a
{
width:80%;
}
@media screen and (max-width:1280px)
{
.section-support .m-find-support .game-support .buttons a
{
width:82%;
font-size:12px;
}
}
.section-support .m-find-support .game-support .buttons a span
{
padding-left:13px;
padding-right:13px;
background-position:49.5% 17px;
}
@media screen and (max-width:1280px)
{
.section-support .m-find-support .game-support .buttons a span
{
background-position:52% 14px;
}
}
.section-support .m-find-support .game-support .buttons a span:first-child
{
background-position:96% 17px;
}
@media screen and (max-width:1280px)
{
.section-support .m-find-support .game-support .buttons a span:first-child
{
background-position:94% 14px;
}
}
.section-support .m-find-support .game-support.redatoms1
{
background-position:0 439px;
margin-left:0;
-webkit-transition:all 0.8s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.8s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.8s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.8s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.8s cubic-bezier(0.645,0.045,0.355,1);
}
.section-support .m-find-support .game-support.redatoms1.animate,html.no-js .section-support .m-find-support .game-support.redatoms1
{
background-position:0 bottom;
}
@media screen and (max-width:1680px)
{
.section-support .m-find-support .game-support.redatoms1
{
background-position:0 365px;
}
.section-support .m-find-support .game-support.redatoms1.animate,html.no-js .section-support .m-find-support .game-support.redatoms1
{
background-position:0 bottom;
}
}
@media screen and (max-width:1280px)
{
.section-support .m-find-support .game-support.redatoms1
{
background-position:0 310px;
}
.section-support .m-find-support .game-support.redatoms1.animate,html.no-js .section-support .m-find-support .game-support.redatoms1
{
background-position:0 bottom;
}
}
@media only screen and (max-width:1024px)
{
.section-support .m-find-support .game-support.redatoms1,.section-support .m-find-support .game-support.redatoms1.animate,html.no-js .section-support .m-find-support .game-support.redatoms1
{
background-position:0 bottom;
}
}
@media screen and (max-width:1023px)
{
.section-support .m-find-support .game-support.redatoms1,.section-support .m-find-support .game-support.redatoms1.animate,html.no-js .section-support .m-find-support .game-support.redatoms1
{
background-position:0 bottom;
}
}
@media screen and (max-width:767px)
{
.section-support .m-find-support .game-support.redatoms1,.section-support .m-find-support .game-support.redatoms1.animate,html.no-js .section-support .m-find-support .game-support.redatoms1
{
background-position:0 bottom;
margin-left:auto;
}
}
.section-support .m-find-support .game-support.redatoms2
{
background-position:-406px 439px;
-webkit-transition:all 0.8s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.8s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.8s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.8s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.8s cubic-bezier(0.645,0.045,0.355,1);
-webkit-transition-delay:0.4s;
-moz-transition-delay:0.4s;
-ms-transition-delay:0.4s;
-o-transition-delay:0.4s;
transition-delay:0.4s;
}
.section-support .m-find-support .game-support.redatoms2.animate,html.no-js .section-support .m-find-support .game-support.redatoms2
{
background-position:-406px bottom;
}
@media screen and (max-width:1680px)
{
.section-support .m-find-support .game-support.redatoms2
{
background-position:-338px 365px;
}
.section-support .m-find-support .game-support.redatoms2.animate,html.no-js .section-support .m-find-support .game-support.redatoms2
{
background-position:-338px bottom;
}
}
@media screen and (max-width:1280px)
{
.section-support .m-find-support .game-support.redatoms2
{
background-position:-288px 310px;
}
.section-support .m-find-support .game-support.redatoms2.animate,html.no-js .section-support .m-find-support .game-support.redatoms2
{
background-position:-288px bottom;
}
}
@media only screen and (max-width:1024px)
{
.section-support .m-find-support .game-support.redatoms2,.section-support .m-find-support .game-support.redatoms2.animate,html.no-js .section-support .m-find-support .game-support.redatoms2
{
background-position:-288px bottom;
}
}
@media screen and (max-width:1023px)
{
.section-support .m-find-support .game-support.redatoms2,.section-support .m-find-support .game-support.redatoms2.animate,html.no-js .section-support .m-find-support .game-support.redatoms2
{
background-position:-220px bottom;
}
}
@media screen and (max-width:767px)
{
.section-support .m-find-support .game-support.redatoms2,.section-support .m-find-support .game-support.redatoms2.animate,html.no-js .section-support .m-find-support .game-support.redatoms2
{
background-position:-280px bottom;
}
}
.section-support .m-find-support .game-support.heroforces3
{
background-position:-812px 439px;
-webkit-transition:all 0.8s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.8s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.8s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.8s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.8s cubic-bezier(0.645,0.045,0.355,1);
-webkit-transition-delay:0.2s;
-moz-transition-delay:0.2s;
-ms-transition-delay:0.2s;
-o-transition-delay:0.2s;
transition-delay:0.2s;
}
.section-support .m-find-support .game-support.heroforces3.animate,html.no-js .section-support .m-find-support .game-support.heroforces3
{
background-position:-812px bottom;
}
@media screen and (max-width:1680px)
{
.section-support .m-find-support .game-support.heroforces3
{
background-position:-676px 365px;
}
.section-support .m-find-support .game-support.heroforces3.animate,html.no-js .section-support .m-find-support .game-support.heroforces3
{
background-position:-676px bottom;
}
}
@media screen and (max-width:1280px)
{
.section-support .m-find-support .game-support.heroforces3
{
background-position:-576px 310px;
}
.section-support .m-find-support .game-support.heroforces3.animate,html.no-js .section-support .m-find-support .game-support.heroforces3
{
background-position:-576px bottom;
}
}
@media only screen and (max-width:1024px)
{
.section-support .m-find-support .game-support.heroforces3,.section-support .m-find-support .game-support.heroforces3.animate,html.no-js .section-support .m-find-support .game-support.heroforces3
{
background-position:-576px bottom;
}
}
@media screen and (max-width:1023px)
{
.section-support .m-find-support .game-support.heroforces3,.section-support .m-find-support .game-support.heroforces3.animate,html.no-js .section-support .m-find-support .game-support.heroforces3
{
background-position:-440px bottom;
}
}
@media screen and (max-width:767px)
{
.section-support .m-find-support .game-support.heroforces3,.section-support .m-find-support .game-support.heroforces3.animate,html.no-js .section-support .m-find-support .game-support.heroforces3
{
background-position:-560px bottom;
}
}
@media screen and (max-width:1023px)
{
.section-support .m-find-support .game-support.small-4
{
margin-bottom:10px;
}
.section-support .m-find-support .game-support.small-4:nth-child(4)
{
margin-left:0;
}
}
@media screen and (max-width:767px)
{
.section-support .m-find-support .game-support.mobile-8
{
max-width:280px;
margin:0 auto 1em auto !important;
display:block;
float:none;
}
}
.section-support .m-hot-topics
{
background-color:#f2f2f2;
border-top:1px solid #e4e4e4;
border-bottom:1px solid #e4e4e4;
}
.section-support .m-hot-topics .content
{
padding-bottom:1em;
}
@media screen and (max-width:1023px)
{
.section-support .m-hot-topics .content
{
padding-bottom:2em;
}
}
.section-support .m-hot-topics h2
{
background:none;
}
.section-support .m-hot-topics .large-4:nth-child(2),.section-support .m-hot-topics .large-4:nth-child(4)
{
margin-left:0;
}
@media screen and (max-width:1023px)
{
.section-support .m-hot-topics .large-4
{
padding-top:1em;
border-top:1px solid #e6e6e6;
}
.section-support .m-hot-topics .large-4:nth-child(2)
{
padding-top:0;
border:none;
}
}
.section-support .m-hot-topics .topic
{
margin:1em 0 3em 0;
padding-left:80px;
}
@media screen and (max-width:1280px)
{
.section-support .m-hot-topics .topic
{
margin-bottom:1.5em;
}
}
@media screen and (max-width:1023px)
{
.section-support .m-hot-topics .topic
{
margin-bottom:.5em;
}
}
.section-support .m-hot-topics .topic h3
{
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:18px;
text-transform:none;
font-weight:600;
margin:0;
padding:0 0 1em 0;
}
@media screen and (max-width:1280px)
{
.section-support .m-hot-topics .topic h3
{
font-size:15px;
padding-bottom:.5em;
}
}
.section-support .m-hot-topics .topic h3 a
{
color:#6abfff;
}
.section-support .m-hot-topics .topic h3 a:hover
{
color:#333;
}
.section-support .m-hot-topics .topic p
{
color:#000;
line-height:2em;
}
.section-support .m-hot-topics .topic p a
{
color:#000;
}
.section-support .m-hot-topics .topic.redatoms1
{
background-position:0px 0px;
}
.section-support .m-hot-topics .topic.redatoms2
{
background-position:0px -500px;
}
.section-support .m-hot-topics .topic.heroforces3
{
background-position:0px -1000px;
}
.section-support .m-support-links
{
border-top:1px solid #ffffff;
}
.section-support .m-support-links .content
{
background-position:172px bottom;
padding-top:4em;
padding-bottom:3em;
}
@media screen and (max-width:1680px)
{
.section-support .m-support-links .content
{
background-position:74px bottom;
-webkit-background-size:250px auto;
-moz-background-size:250px auto;
-o-background-size:250px auto;
background-size:250px auto;
padding-top:3em;
padding-bottom:2em;
}
}
@media screen and (max-width:1280px)
{
.section-support .m-support-links .content
{
background-position:66px bottom;
-webkit-background-size:240px auto;
-moz-background-size:240px auto;
-o-background-size:240px auto;
background-size:240px auto;
padding-bottom:3em;
}
}
@media screen and (max-width:1023px)
{
.section-support .m-support-links .content
{
background-position:40px bottom;
padding-bottom:3em;
padding-top:0;
}
}
@media screen and (max-width:767px)
{
.section-support .m-support-links .content
{
background-image:none;
}
}
body.section-careers .node-job,body.section-careers .node-open-application
{
color:#000;
}
body.section-careers .node-job h4,body.section-careers .node-open-application h4
{
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:40px;
margin:0;
padding:0;
padding-right:100px;
}
@media screen and (max-width:1280px)
{
body.section-careers .node-job h4,body.section-careers .node-open-application h4
{
font-size:33px;
}
}
@media screen and (max-width:1023px)
{
body.section-careers .node-job h4,body.section-careers .node-open-application h4
{
font-size:30px;
padding-right:0;
}
}
body.section-careers .node-job .field-name-field-publish-date,body.section-careers .node-open-application .field-name-field-publish-date
{
font-size:18px;
font-weight:600;
}
@media screen and (max-width:1680px)
{
body.section-careers .node-job .field-name-field-publish-date,body.section-careers .node-open-application .field-name-field-publish-date
{
font-size:18px;
}
}
@media screen and (max-width:1280px)
{
body.section-careers .node-job .field-name-field-publish-date,body.section-careers .node-open-application .field-name-field-publish-date
{
font-size:15px;
}
}
@media screen and (max-width:1023px)
{
body.section-careers .node-job .field-name-field-publish-date,body.section-careers .node-open-application .field-name-field-publish-date
{
font-size:14px;
}
}
body.section-careers .node-job .field-name-field-publish-date label,body.section-careers .node-open-application .field-name-field-publish-date label
{
font-weight:400;
margin:0;
padding:0 0 1.25em 0;
}
body.section-careers .field-name-field-secondary-title
{
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:20px;
font-weight:300;
font-weight:400;
}
@media screen and (max-width:1680px)
{
body.section-careers .field-name-field-secondary-title
{
font-size:18px;
}
}
@media screen and (max-width:1280px)
{
body.section-careers .field-name-field-secondary-title
{
font-size:16px;
}
}
body.section-careers .field-name-field-function
{
margin-top:2em;
}
body.section-careers .field-name-field-function,body.section-careers .field-name-field-location,body.section-careers .field-name-field-position
{
font-weight:600;
font-size:18px;
margin-bottom:.15em;
}
@media screen and (max-width:1280px)
{
body.section-careers .field-name-field-function,body.section-careers .field-name-field-location,body.section-careers .field-name-field-position
{
font-size:15px;
}
}
@media screen and (max-width:1023px)
{
body.section-careers .field-name-field-function,body.section-careers .field-name-field-location,body.section-careers .field-name-field-position
{
font-size:14px;
}
}
body.section-careers .buttons
{
margin-top:2.5em;
}
@media screen and (max-width:1023px)
{
body.section-careers .buttons a.button.alt.long.mono
{
border-color:#ddd;
border-width:1px;
text-transform:none;
font-size:15px;
font-weight:400;
color:#ababab;
max-width:170px;
}
body.section-careers .buttons a.button.alt.long.mono span:first-child
{
background-image:url(bg_button_arrow.png);
background-repeat:no-repeat;
background-position:96px -2244px;
}
.no-backgroundsize body.section-careers .buttons a.button.alt.long.mono span:first-child
{
background-image:url(bg_button_arrow.png);
}
.no-backgroundsize body.section-careers .buttons a.button.alt.long.mono span:first-child
{
background-image:url(bg_button_arrow.png);
}
body.section-careers .buttons a.button.alt.long.mono:hover span
{
display:none;
top:0;
}
body.section-careers .buttons a.button.alt.long.mono:hover span:first-child
{
display:block;
}
}
@media screen and (max-width:1023px) and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
body.section-careers .buttons a.button.alt.long.mono span:first-child
{
background-image:url(bg_button_arrow@2x.png);
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}
@media screen and (max-width:1023px) and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
body.section-careers .buttons a.button.alt.long.mono span:first-child
{
background-image:url(bg_button_arrow@2x.png);
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}
body.section-careers hr
{
display:none;
}
@media screen and (max-width:1023px)
{
body.section-careers hr
{
display:block;
height:1px;
width:100%;
border:none;
background:#e4e4e4;
margin:20px 0 30px 0;
}
}
body.section-careers .field-name-field-description
{
margin-top:0.5em;
font-size:18px;
}
body.section-careers .field-name-field-description a
{
color:#000;
border-bottom:3px solid #cbe9fe;
-webkit-transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
}
body.section-careers .field-name-field-description a:hover
{
color:#555;
}
body.section-careers .field-name-field-description h2,body.section-careers .field-name-field-description h3
{
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:24px;
margin:0;
padding:0 0 .75em 0;
}
@media screen and (max-width:1680px)
{
body.section-careers .field-name-field-description h2,body.section-careers .field-name-field-description h3
{
font-size:22px;
}
}
body.section-careers .field-name-field-description h4
{
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:18px;
padding-bottom:.5em;
}
@media screen and (max-width:1023px)
{
body.section-careers .field-name-field-description h4
{
font-size:16px;
}
}
@media screen and (max-width:1680px)
{
body.section-careers .field-name-field-description
{
font-size:16px;
}
}
@media screen and (max-width:1280px)
{
body.section-careers .field-name-field-description
{
font-size:14px;
}
}
body.section-careers .field-name-field-description strong
{
font-weight:600;
}
body.section-careers .field-name-field-description label
{
font-weight:600;
display:block;
margin:0;
padding:0 0 1.25em 0;
font-size:18px;
}
@media screen and (max-width:1680px)
{
body.section-careers .field-name-field-description label
{
font-size:18px;
}
}
@media screen and (max-width:1280px)
{
body.section-careers .field-name-field-description label
{
font-size:15px;
}
}
@media screen and (max-width:1023px)
{
body.section-careers .field-name-field-description label
{
font-size:14px;
}
}
body.section-careers .field-name-field-description ul
{
margin:1em 0 1em 20px;
padding:0;
}
body.section-careers .field-name-field-description ul li
{
list-style-type:square;
padding:0 0 .5em 6px;
}
body.section-careers .field-name-field-description ul li p
{
margin:0;
padding:0;
}
body.section-careers .field-name-job-application
{
clear:both;
line-height:0;
}
body.section-careers iframe
{
overflow:hidden;
border:0;
}
.page.front-page .article-title,.section-landing-page-content .article-title
{
display:none;
}
.page.front-page .column-width-enforcer,.section-landing-page-content .column-width-enforcer
{
height:0;
width:400px;
}
@media screen and (max-width:1680px)
{
.page.front-page .column-width-enforcer,.section-landing-page-content .column-width-enforcer
{
width:300px;
}
}
@media screen and (max-width:1280px)
{
.page.front-page .column-width-enforcer,.section-landing-page-content .column-width-enforcer
{
width:256px;
}
}
@media screen and (max-width:1023px)
{
.page.front-page .column-width-enforcer,.section-landing-page-content .column-width-enforcer
{
width:192px;
}
}
.page.front-page .hero-title h4
{
display:none;
}
.page.front-page .hero-title .field
{
margin-top:-96px;
}
@media screen and (max-width:767px)
{
.page.front-page .hero-title .buttons
{
margin-top:37px;
}
.page.front-page .hero-title ol.flex-control-nav
{
margin-bottom:-17px;
}
}
.featured-content
{
background-color:#f5f5f5;
background-repeat:no-repeat;
-webkit-background-size:100% auto;
-moz-background-size:100% auto;
-o-background-size:100% auto;
background-size:100% auto;
float:left;
color:#000;
overflow:hidden;
}
@media screen and (max-width:767px)
{
.featured-content
{
float:none;
margin:0 auto;
}
}
.featured-content.small-custom,.featured-content.small-standard
{
width:400px;
height:400px;
}
@media screen and (max-width:1680px)
{
.featured-content.small-custom,.featured-content.small-standard
{
width:300px;
height:300px;
}
}
@media screen and (max-width:1280px)
{
.featured-content.small-custom,.featured-content.small-standard
{
width:256px;
height:256px;
}
}
@media screen and (max-width:1023px)
{
.featured-content.small-custom,.featured-content.small-standard
{
width:192px;
height:192px;
}
}
@media screen and (max-width:767px)
{
.featured-content.small-custom,.featured-content.small-standard
{
width:320px;
height:320px;
position:relative;
height:100%;
width:50%;
float:left;
}
.featured-content.small-custom:before,.featured-content.small-standard:before
{
content:"";
display:block;
padding-top:100%;
}
.featured-content.small-custom .container,.featured-content.small-standard .container
{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
}
}
@media screen and (max-width:639px)
{
.featured-content.small-custom,.featured-content.small-standard
{
width:100%;
float:none;
max-width:480px;
}
}
.featured-content.large-custom,.featured-content.large-standard,.featured-content.large-press
{
width:600px;
height:600px;
position:relative;
color:#5e5e5e;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
ba}

@media screen and (max-width:1680px)
{

.featured-content.large-custom,.featured-content.large-standard,.featured-content.large-press
{
width:600px;
height:600px;
}
}
@media screen and (max-width:1280px)
{

.featured-content.large-custom,.featured-content.large-standard,.featured-content.large-press
{
width:512px;
height:512px;
}
}
@media screen and (max-width:1023px)
{
.featured-content.large-custom,.featured-content.large-standard,.featured-content.large-press
{
width:384px;
height:384px;
}
}
@media screen and (max-width:767px)
{
.featured-content.large-custom,.featured-content.large-standard,.featured-content.large-press
{
width:320px;
height:320px;
height:auto;
position:relative;
width:100%;
width:50%;
float:left;
}
.featured-content.large-custom:before,.featured-content.large-standard:before,.featured-content.large-press:before
{
content:"";
display:block;
padding-top:100%;
}
.featured-content.large-custom .container,.featured-content.large-standard .container,.featured-content.large-press .container
{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
}
}
@media screen and (max-width:639px)
{
.featured-content.large-custom,.featured-content.large-standard,.featured-content.large-press
{
width:100%;
float:none;
max-width:480px;
}
}
.featured-content.wide-custom
{
width:100%;
}
@media screen and (max-width:767px)
{
.featured-content.wide-custom
{
background-image:none !important;
height:auto;
position:relative;
width:100%;
}
}
.featured-content.wide-criticalnews
{
background:#191919;
color:#fff;
text-align:left;
padding:30px;
width:320px;
}
@media screen and (min-width:768px)
{
.featured-content.wide-criticalnews
{
width:1600px;
padding:50px;
}
}
@media screen and (max-width:1680px)
{
.featured-content.wide-criticalnews
{
width:1200px;
}
}
@media screen and (max-width:1280px)
{
.featured-content.wide-criticalnews
{
width:1024px;
}
}
@media screen and (max-width:1023px)
{
.featured-content.wide-criticalnews
{
width:768px;
}
}
@media screen and (max-width:767px)
{
.featured-content.wide-criticalnews
{
width:320px;
}
}
.featured-content.wide-criticalnews,.featured-content.wide-criticalnews *
{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.featured-content.wide-criticalnews .wide-title-container
{
font-weight:500 !important;
font-size:14px;
font-weight:normal;
padding-bottom:.55em;
}
@media screen and (min-width:768px)
{
.featured-content.wide-criticalnews .wide-title-container
{
font-size:16px;
}
}
@media screen and (min-width:1281px)
{
.featured-content.wide-criticalnews .wide-title-container
{
font-size:19px;
}
}
.featured-content.wide-criticalnews .wide-text-container
{
line-height:1.6;
font-size:13px;
font-weight:300;
}
@media screen and (min-width:768px)
{
.featured-content.wide-criticalnews .wide-text-container
{
line-height:1.6;
font-size:14px;
}
}
@media screen and (min-width:1281px)
{
.featured-content.wide-criticalnews .wide-text-container
{
line-height:2;
font-size:16px;
}
}
.featured-content.wide-criticalnews .wide-text-container p.button
{
padding:0;
}
.featured-content.wide-criticalnews .news-date
{
color:#707070;
font-size:12px;
padding-bottom:1em;
}
@media screen and (min-width:1024px)
{
.featured-content.wide-criticalnews .news-date
{
margin-top:3px;
font-size:16px;
}
}
@media screen and (min-width:1281px)
{
.featured-content.wide-criticalnews
{
padding:70px 70px 60px 70px;
}
.featured-content.wide-criticalnews .meta-container
{
float:left;
width:22%;
}
.featured-content.wide-criticalnews .content-container
{
float:left;
width:78%;
padding-left:50px;
position:relative;
}
.featured-content.wide-criticalnews .content-container:before
{
position:absolute;
background:#757575;
left:0;
top:5px;
bottom:10px;
width:1px;
content:'';
display:block;
}
}
@media screen and (min-width:1681px)
{
.featured-content.wide-criticalnews
{
padding:70px 220px 60px 170px;
}
.featured-content.wide-criticalnews .meta-container
{
width:19%;
}
.featured-content.wide-criticalnews .content-container
{
width:81%;
}
}
.featured-content .container-quarter
{
width:50%;
background:#000000;
background:rgba(0,0,0,0.8);
bottom:auto;
top:0;
position:absolute;
min-height:400px;
padding:30px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
@media screen and (min-width:768px)
{
.featured-content .container-quarter
{
padding:50px;
}
}
.featured-content .container-quarter .field-type-datetime
{
margin-top:.25em;
color:#9a9a9a;
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:12px;
font-weight:normal;
line-height:1.25em;
padding-bottom:.35em;
}
@media screen and (min-width:1024px)
{
.featured-content .container-quarter .field-type-datetime
{
font-size:16px;
}
}
.featured-content .container-quarter .field-name-field-teaser
{
margin-top:15px;
margin-bottom:15px;
line-height:1.6;
font-size:13px;
color:#9a9a9a;
}
@media screen and (min-width:768px)
{
.featured-content .container-quarter .field-name-field-teaser
{
margin-top:20px;
font-size:14px;
margin-bottom:20px;
}
}
@media screen and (min-width:1281px)
{
.featured-content .container-quarter .field-name-field-teaser
{
margin-top:35px;
line-height:2;
font-size:16px;
margin-bottom:40px;
}
}
@media screen and (min-width:1024px)
{
.featured-content .container-quarter
{
top:auto;
bottom:0;
}
}
@media screen and (max-width:1680px)
{
.featured-content .container-quarter
{
width:100%;
min-height:300px;
}
}
@media screen and (max-width:1280px)
{
.featured-content .container-quarter
{
width:100%;
min-height:256px;
}
}
@media screen and (max-width:1023px)
{
.featured-content .container-quarter
{
min-height:384px;
}
}
@media screen and (max-width:767px)
{
.featured-content .container-quarter
{
width:100%;
height:100%;
}
}
.featured-content.wide-criticalnews .news-title,.featured-content .container-quarter .news-title
{
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:18px;
font-weight:normal;
line-height:1.25em;
padding-bottom:.15em;
}
@media screen and (min-width:768px)
{
.featured-content.wide-criticalnews .news-title,.featured-content .container-quarter .news-title
{
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:20px;
}
}
@media screen and (min-width:1281px)
{
.featured-content.wide-criticalnews .news-title,.featured-content .container-quarter .news-title
{
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:29px;
}
}
.featured-content.wide-criticalnews .button a,.featured-content .container-quarter .button a,.featured-content.wide-criticalnews .news-readmore a,.featured-content .container-quarter .news-readmore a
{
color:#fff;
font-size:15px;
text-transform:uppercase;
font-weight:600;
-webkit-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.15s cubic-bezier(0.645,0.045,0.355,1);
background-image:url(bg_button_arrow.png);
background-repeat:no-repeat;
padding-right:16px;
background-position:right -1846px;
}
@media screen and (max-width:1280px)
{
.featured-content.wide-criticalnews .button a,.featured-content .container-quarter .button a,.featured-content.wide-criticalnews .news-readmore a,.featured-content .container-quarter .news-readmore a
{
font-size:13px;
}
}
@media screen and (max-width:767px)
{
.featured-content.wide-criticalnews .button a,.featured-content .container-quarter .button a,.featured-content.wide-criticalnews .news-readmore a,.featured-content .container-quarter .news-readmore a
{
font-size:13px;
}
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.featured-content.wide-criticalnews .button a,.featured-content .container-quarter .button a,.featured-content.wide-criticalnews .news-readmore a,.featured-content .container-quarter .news-readmore a
{
background-image:url(bg_button_arrow@2x.png);
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}
.no-backgroundsize .featured-content.wide-criticalnews .button a,.no-backgroundsize .featured-content .container-quarter .button a,.no-backgroundsize .featured-content.wide-criticalnews .news-readmore a,.no-backgroundsize .featured-content .container-quarter .news-readmore a
{
background-image:url(bg_button_arrow.png);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.featured-content.wide-criticalnews .button a,.featured-content .container-quarter .button a,.featured-content.wide-criticalnews .news-readmore a,.featured-content .container-quarter .news-readmore a
{
background-image:url(bg_button_arrow@2x.png);
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}
.no-backgroundsize .featured-content.wide-criticalnews .button a,.no-backgroundsize .featured-content .container-quarter .button a,.no-backgroundsize .featured-content.wide-criticalnews .news-readmore a,.no-backgroundsize .featured-content .container-quarter .news-readmore a
{
background-image:url(bg_button_arrow.png);
}
@media screen and (max-width:1280px)
{
.featured-content.wide-criticalnews .button a,.featured-content .container-quarter .button a,.featured-content.wide-criticalnews .news-readmore a,.featured-content .container-quarter .news-readmore a
{
background-position:right -1846px;
}
}
.featured-content.wide-criticalnews .button a:hover,.featured-content .container-quarter .button a:hover,.featured-content.wide-criticalnews .news-readmore a:hover,.featured-content .container-quarter .news-readmore a:hover
{
-moz-opacity:0.65;
-khtml-opacity:0.65;
-webkit-opacity:0.65;
opacity:0.65;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65);
filter:alpha(opacity=65);
color:#ccc;
}
.featured-content.featured-positions
{
width:1600px;
height:800px;
}
@media screen and (max-width:1680px)
{
.featured-content.featured-positions
{
width:1200px;
height:600px;
}
}
@media screen and (max-width:1280px)
{
.featured-content.featured-positions
{
width:1024px;
height:512px;
}
}
@media screen and (max-width:1023px)
{
.featured-content.featured-positions
{
width:768px;
height:384px;
}
}
@media screen and (max-width:767px)
{
.featured-content.featured-positions
{
width:320px;
height:1280px;
height:auto;
position:relative;
width:100%;
}
}
.featured-content.featured-positions .feature-container
{
width:50%;
}
@media screen and (max-width:767px)
{
.featured-content.featured-positions .feature-container
{
width:100%;
}
}
.featured-content .title-container
{
position:relative;
height:310px;
margin:0 94px;
text-align:center;
z-index:3;
}
@media screen and (max-width:1680px)
{
.featured-content .title-container
{
height:310px;
margin:0 90px;
}
}
@media screen and (max-width:1280px)
{
.featured-content .title-container
{
height:248px;
margin:0 80px;
}
}
@media screen and (max-width:1023px)
{
.featured-content .title-container
{
height:150px;
margin:0 60px;
}
}
@media screen and (max-width:767px)
{
.featured-content .title-container
{
height:130px;
margin:0 50px;
height:34%;
}
}
.featured-content .title-container .field-name-field-title-text
{
position:absolute;
bottom:0;
left:0;
width:100%;
text-align:center;
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:40px;
font-weight:normal;
line-height:1.25em;
padding-bottom:.55em;
background:url(heading_divider_trans@2x.png) no-repeat;
-webkit-background-size:60px 1px;
-moz-background-size:60px 1px;
-o-background-size:60px 1px;
background-size:60px 1px;
}
@media screen and (max-width:1680px)
{
.featured-content .title-container .field-name-field-title-text
{
font-size:42px;
line-height:1.15em;
}
}
@media screen and (max-width:1280px)
{
.featured-content .title-container .field-name-field-title-text
{
font-size:38px;
}
}
@media screen and (max-width:1023px)
{
.featured-content .title-container .field-name-field-title-text
{
font-size:32px;
}
}

@media screen and (max-width:767px)
{
.featured-content .title-container .field-name-field-title-text
{
font-size:26px;
}
}
@media screen and (max-width:639px)
{
.featured-content .title-container .field-name-field-title-text
{
font-size:28px;
}
}
.featured-content .title-container .field-name-field-title-text span
{
display:block;
}
.featured-content.our-story-block .title-container
{
height:360px;
}
@media screen and (max-width:1680px)
{
.featured-content.our-story-block .title-container
{
height:260px;
}
}
@media screen and (max-width:1280px)
{
.featured-content.our-story-block .title-container
{
height:212px;
}
}
@media screen and (max-width:1023px)
{
.featured-content.our-story-block .title-container
{
height:132px;
}
}
@media screen and (max-width:767px)
{
.featured-content.our-story-block .title-container
{
height:100px;
height:32%;
}
}
.featured-content.no-text .title-container
{
height:250px;
}
@media screen and (max-width:1680px)
{
.featured-content.no-text .title-container
{
height:250px;
}
}
@media screen and (max-width:1280px)
{
.featured-content.no-text .title-container
{
height:190px;
}
}
@media screen and (max-width:1023px)
{
.featured-content.no-text .title-container
{
height:150px;
}
}
@media screen and (max-width:767px)
{
.featured-content.no-text .title-container
{
height:90px;
height:36%;
}
}
.featured-content.no-text .title-container .field-name-field-title-text
{
background:none;
}
.featured-content .text-container
{
    margin-top: 10px;
    font-size: 20px;
margin-left:84px;
margin-right:84px;
z-index:3;
}
@media screen and (max-width:1680px)
{
.featured-content .text-container
{
    margin-top: 10px;
    font-size: 20px;
margin-left:84px;
margin-right:84px;
}
}
@media screen and (max-width:1280px)
{
.featured-content .text-container
{
	font-size: 18px;
margin-left:80px;
margin-right:80px;
}
}
@media screen and (max-width:1023px)
{
.featured-content .text-container
{
margin-left: 40px;
    margin-right: 40px;
    margin-top: 5px;
    font-size: 16px;
    line-height: 24px;
}
}
@media screen and (max-width:767px)
{
.featured-content .text-container
{
margin-left: 30px;
    margin-right: 30px;
    margin-top: 5px;
    font-size: 16px;
   line-height: 22px;
}
}
@media screen and (max-width:639px)
{
.featured-content .text-container
{
margin-left:40px;
margin-right:40px;
margin-top:20px;
font-size: 16px;
line-height: 24px;

}
}




.featured-content .cta-container
{
position:absolute;
bottom:78px;
width:100%;
text-align:center;
z-index:3;
}
@media screen and (max-width:1680px)
{
.featured-content .cta-container
{
bottom:58px;
}
}
@media screen and (max-width:1280px)
{
.featured-content .cta-container
{
bottom:52px;
}
}
@media screen and (max-width:1023px)
{
.featured-content .cta-container
{
bottom:40px;
}
}
@media screen and (max-width:767px)
{
.featured-content .cta-container
{
bottom:30px;
}
}
.featured-content video.bg
{
display:none;
}
@media screen and (min-width:1024px)
{
.featured-content.large-custom video.bg,.featured-content.large-standard video.bg
{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
-moz-opacity:0;
-khtml-opacity:0;
-webkit-opacity:0;
opacity:0;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
-webkit-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
}
.featured-content.large-custom:hover video.bg,.featured-content.large-standard:hover video.bg
{
-moz-opacity:1;
-khtml-opacity:1;
-webkit-opacity:1;
opacity:1;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=100);
}
}
.featured-content.games
{
color:#5e5e5e;
}
.featured-content.games.redatoms1 .field-name-field-title-text
{
width:250px;
height:90px;
display:block;
left:50%;
margin-left:-122px;
background-image:url(/img/yd_logo.png);
background-repeat:no-repeat;
-webkit-background-size:250px auto;
-moz-background-size:250px auto;
-o-background-size:250px auto;
background-size:250px auto;
}

@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.featured-content.games.redatoms1 .field-name-field-title-text
{
background-image:url(/img/hf_logo@2x.png);
-webkit-background-size:329px 230px;
-moz-background-size:329px 230px;
-o-background-size:329px 230px;
background-size:329px 230px;
}
}
.no-backgroundsize .featured-content.games.redatoms1 .field-name-field-title-text
{
background-image:url(/img/hf_logo.png);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.featured-content.games.redatoms1 .field-name-field-title-text
{
background-image:url(/img/yd_logo@2x.png);
-webkit-background-size:329px 230px;
-moz-background-size:329px 230px;
-o-background-size:329px 230px;
background-size:329px 230px;
}
}
.no-backgroundsize .featured-content.games.redatoms1 .field-name-field-title-text
{
background-image:url(/img/yd_logo.png);
}
@media screen and (max-width:1680px)
{
.featured-content.games.redatoms1 .field-name-field-title-text
{
-webkit-background-size:250px auto;
-moz-background-size:250px auto;
-o-background-size:250px auto;
background-size:250px auto;
width:250px;
height:90px;
margin-left:-125px;
}
}
@media screen and (max-width:1280px)
{
.featured-content.games.redatoms1 .field-name-field-title-text
{
-webkit-background-size:204px auto;
-moz-background-size:204px auto;
-o-background-size:204px auto;
background-size:204px auto;
width:204px;
height:70px;
margin-left:-102px;
}
}
@media screen and (max-width:1023px)
{
.featured-content.games.redatoms1 .field-name-field-title-text
{
-webkit-background-size:170px auto;
-moz-background-size:170px auto;
-o-background-size:170px auto;
background-size:170px auto;
width:170px;
height:40px;
margin-left:-86px;
}
}
.featured-content.games.redatoms2 .field-name-field-title-text
{
width:400px;
height:184px;
display:block;
left:50%;
margin-left:-175px;
-webkit-background-size:400px auto;
-moz-background-size:400px auto;
-o-background-size:400px auto;
background-size:400px auto;
background-repeat:no-repeat;
text-indent:-9999px;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.featured-content.games.redatoms2 .field-name-field-title-text
{
-webkit-background-size:400px 184px;
-moz-background-size:400px 184px;
-o-background-size:400px 184px;
background-size:400px 184px;
}
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.featured-content.games.redatoms2 .field-name-field-title-text
{
-webkit-background-size:400px 184px;
-moz-background-size:400px 184px;
-o-background-size:400px 184px;
background-size:400px 184px;
}
}
@media screen and (max-width:1680px)
{
.featured-content.games.redatoms2 .field-name-field-title-text
{
-webkit-background-size:280px auto;
-moz-background-size:280px auto;
-o-background-size:280px auto;
background-size:280px auto;
width:280px;
height:130px;
margin-left:-140px;
}
}
@media screen and (max-width:1280px)
{
.featured-content.games.redatoms2 .field-name-field-title-text
{
-webkit-background-size:224px auto;
-moz-background-size:224px auto;
-o-background-size:224px auto;
background-size:224px auto;
width:224px;
height:105px;
margin-left:-112px;
}
}
@media screen and (max-width:1023px)
{
.featured-content.games.redatoms2 .field-name-field-title-text
{
-webkit-background-size:184px auto;
-moz-background-size:184px auto;
-o-background-size:184px auto;
background-size:184px auto;
width:184px;
height:72px;
margin-left:-92px;
}
}
.featured-content.games.heroforces3 .field-name-field-title-text
{
width:310px;
height:205px;
display:block;
left:50%;
margin-left:-155px;
background-repeat:no-repeat;
-webkit-background-size:310px auto;
-moz-background-size:310px auto;
-o-background-size:310px auto;
background-size:310px auto;
text-indent:-9999px;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.featured-content.games.heroforces3 .field-name-field-title-text
{
-webkit-background-size:340px 253px;
-moz-background-size:340px 253px;
-o-background-size:340px 253px;
background-size:340px 253px;
}
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.featured-content.games.heroforces3 .field-name-field-title-text
{
-webkit-background-size:340px 253px;
-moz-background-size:340px 253px;
-o-background-size:340px 253px;
background-size:340px 253px;
}
}
@media screen and (max-width:1680px)
{
.featured-content.games.heroforces3 .field-name-field-title-text
{
-webkit-background-size:218px auto;
-moz-background-size:218px auto;
-o-background-size:218px auto;
background-size:218px auto;
width:218px;
height:164px;
margin-left:-109px;
}
}
@media screen and (max-width:1280px)
{
.featured-content.games.heroforces3 .field-name-field-title-text
{
-webkit-background-size:174px auto;
-moz-background-size:174px auto;
-o-background-size:174px auto;
background-size:174px auto;
width:174px;
height:128px;
margin-left:-87px;
}
}
@media screen and (max-width:1023px)
{
.featured-content.games.heroforces3 .field-name-field-title-text
{
-webkit-background-size:128px auto;
-moz-background-size:128px auto;
-o-background-size:128px auto;
background-size:128px auto;
width:128px;
height:82px;
margin-left:-64px;
}
}
.featured-content.small-job
{
width:400px;
height:400px;
position:relative;
background:#000;
background:rgba(0,0,0,0.7);
color:#fff;
overflow:hidden;
cursor:pointer;
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:26px;
font-weight:400;
line-height:1.25em;
-webkit-backface-visibility:hidden;
-webkit-transition:all 0.25s ease-in-out;
-moz-transition:all 0.25s ease-in-out;
transition:all 0.25s ease-in-out;
-webkit-background-size:cover !important;
-moz-background-size:cover !important;
-o-background-size:cover !important;
background-size:cover !important;
}
@media screen and (max-width:1680px)
{
.featured-content.small-job
{
font-size:18px;
width:300px;
height:300px;
}
}
@media screen and (max-width:1280px)
{
.featured-content.small-job
{
font-size:16px;
width:256px;
height:256px;
font-weight:300;
font-weight:400;
line-height:1.6;
}
}
@media screen and (max-width:1023px)
{
.featured-content.small-job
{
width:192px;
height:192px;
line-height:1.5;
}
}
@media screen and (max-width:767px)
{
.featured-content.small-job
{
font-size:25px;
width:320px;
height:320px;
height:100%;
width:50%;
float:left;
}
.featured-content.small-job:before
{
content:"";
display:block;
padding-top:100%;
}
.featured-content.small-job .container
{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
}
}
@media screen and (max-width:639px)
{
.featured-content.small-job
{
width:100%;
float:none;
max-width:480px;
}
}
.featured-content.small-job a,.featured-content.small-job span
{
display:block;
text-align:center;
width:100%;
}
.featured-content.small-job a
{
color:#fff;
text-decoration:none;
}
.featured-content.small-job .container
{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
.featured-content.small-job .inner
{
margin:0 68px;
height:100%;
position:relative;
display:table-row;
}
@media screen and (max-width:767px)
{
.featured-content.small-job .inner
{
display:block;
margin:0 1.5em;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
transform-style:preserve-3d;
}
}
.featured-content.small-job .inner a
{
padding:0 1.5em;
-webkit-transition:all 0.75s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.75s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.75s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.75s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.75s cubic-bezier(0.645,0.045,0.355,1);
display:table-cell;
vertical-align:middle;
width:400px;
height:400px;
}
@media screen and (max-width:1680px)
{
.featured-content.small-job .inner a
{
width:300px;
height:300px;
line-height:1.5em;
}
}
@media screen and (max-width:1280px)
{
.featured-content.small-job .inner a
{
width:256px;
height:256px;
}
}
@media screen and (max-width:1023px)
{
.featured-content.small-job .inner a
{
width:192px;
padding:0 1em;
height:192px;
height:172px;
}
}
@media screen and (max-width:767px)
{
.featured-content.small-job .inner a
{
font-weight:500;
width:auto;
height:auto;
display:block;
position:relative;
top:50%;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
transform:translate(0,-50%);
padding:.75em 0 0 0;
}
}
.featured-content.small-job .inner .secondary-title
{
font-size:16px;
color:#999;
-webkit-transition:all 0.75s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.75s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.75s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.75s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.75s cubic-bezier(0.645,0.045,0.355,1);
opacity:1;
}
@media screen and (max-width:1680px)
{
.featured-content.small-job .inner .secondary-title
{
font-size:14px;
}
}
@media screen and (max-width:1280px)
{
.featured-content.small-job .inner .secondary-title
{
font-size:12px;
}
}
@media screen and (max-width:1023px)
{
.featured-content.small-job .inner .secondary-title
{
font-size:11px;
margin-top:0.5em;
display:none;
}
}
@media screen and (max-width:767px)
{
.featured-content.small-job .inner .secondary-title
{
display:none;
}
}
.featured-content.small-job .location
{
position:absolute;
bottom:2em;
width:100%;
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:18px;
background-image:url(bg_careers_location.png);
background-repeat:no-repeat;
background-position:center -125px !important;
padding-top:44px;
-webkit-background-size:26px auto !important;
-moz-background-size:26px auto !important;
-o-background-size:26px auto !important;
background-size:26px auto !important;
-webkit-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.featured-content.small-job .location
{
background-image:url(bg_careers_location@2x.png);
-webkit-background-size:30px 193px;
-moz-background-size:30px 193px;
-o-background-size:30px 193px;
background-size:30px 193px;
}
}
.no-backgroundsize .featured-content.small-job .location
{
background-image:url(bg_careers_location.png);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.featured-content.small-job .location
{
background-image:url(bg_careers_location@2x.png);
-webkit-background-size:30px 193px;
-moz-background-size:30px 193px;
-o-background-size:30px 193px;
background-size:30px 193px;
}
}
.no-backgroundsize .featured-content.small-job .location
{
background-image:url(bg_careers_location.png);
}
@media screen and (max-width:1680px)
{
.featured-content.small-job .location
{
bottom:1.75em;
font-size:15px;
-webkit-background-size:18px auto !important;
-moz-background-size:18px auto !important;
-o-background-size:18px auto !important;
background-size:18px auto !important;
background-position:center -74px !important;
}
}
@media screen and (max-width:1280px)
{
.featured-content.small-job .location
{
font-size:13px;
bottom:1.5em;
-webkit-background-size:18px auto !important;
-moz-background-size:18px auto !important;
-o-background-size:18px auto !important;
background-size:18px auto !important;
padding-top:32px;
background-position:center -88px !important;
}
}
@media screen and (max-width:1023px)
{
.featured-content.small-job .location
{
font-size:13px;
bottom:1.5em;
-webkit-background-size:15px auto !important;
-moz-background-size:15px auto !important;
-o-background-size:15px auto !important;
background-size:15px auto !important;
padding-top:24px;
background-position:center -74px !important;
height:1.35em;
overflow:hidden;
}
}
@media screen and (max-width:767px)
{
.featured-content.small-job .location
{
top:24px;
font-size:15px;
padding-top:2.1em;
bottom:auto;
background-position:center -68px !important;
}
}
.featured-content.small-job .apply
{
position:absolute;
bottom:-6.5em;
margin-top:-1.25em;
-webkit-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
z-index:5;
-moz-opacity:0;
-khtml-opacity:0;
-webkit-opacity:0;
opacity:0;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
background-image:url(bg_button_arrow.png);
background-repeat:no-repeat;
background-position:54% 37px;
padding-bottom:3.5em;
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:18px;
font-weight:500;
color:#fff;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.featured-content.small-job .apply
{
background-image:url(bg_button_arrow@2x.png);
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}
.no-backgroundsize .featured-content.small-job .apply
{
background-image:url(bg_button_arrow.png);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.featured-content.small-job .apply
{
background-image:url(bg_button_arrow@2x.png);
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}
.no-backgroundsize .featured-content.small-job .apply
{
background-image:url(bg_button_arrow.png);
}
@media screen and (max-width:1680px)
{
.featured-content.small-job .apply
{
background-position:56% 31px;
font-size:17px;
}
}
@media screen and (max-width:1280px)
{
.featured-content.small-job .apply
{
font-size:15px;
background-position:58% 27px;
}
}
@media screen and (max-width:1023px)
{
.featured-content.small-job .apply
{
font-size:13px;
background-position:58% 22px;
-webkit-background-size:40px auto;
-moz-background-size:40px auto;
-o-background-size:40px auto;
background-size:40px auto;
}
}
@media screen and (max-width:767px)
{
.featured-content.small-job .apply
{
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition:none;
-moz-opacity:1;
-khtml-opacity:1;
-webkit-opacity:1;
opacity:1;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=100);
color:#fff;
display:block;
position:absolute;
bottom:25px;
font-size:15px;
font-weight:500;
text-transform:uppercase;
background-image:url(bg_button_arrow.png);
background-repeat:no-repeat;
background-position:122px -1842px;
-webkit-background-size:53px auto !important;
-moz-background-size:53px auto !important;
-o-background-size:53px auto !important;
background-size:53px auto !important;
width:254px;
left:50%;
margin-left:-127px;
padding-bottom:0;
}
.no-backgroundsize .featured-content.small-job .apply
{
background-image:url(bg_button_arrow.png);
}
.no-backgroundsize .featured-content.small-job .apply
{
background-image:url(bg_button_arrow.png);
}
}
@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.featured-content.small-job .apply
{
background-image:url(bg_button_arrow@2x.png);
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}
@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.featured-content.small-job .apply
{
background-image:url(bg_button_arrow@2x.png);
-webkit-background-size:53px auto;
-moz-background-size:53px auto;
-o-background-size:53px auto;
background-size:53px auto;
}
}
.featured-content.small-job video.bg
{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
-moz-opacity:0;
-khtml-opacity:0;
-webkit-opacity:0;
opacity:0;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
-webkit-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
}
.featured-content.small-job:hover .location
{
-moz-opacity:0;
-khtml-opacity:0;
-webkit-opacity:0;
opacity:0;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
bottom:-5em;
}
@media screen and (max-width:1680px)
{
.featured-content.small-job:hover .location
{
bottom:-3em;
}
}
@media screen and (max-width:767px)
{
.featured-content.small-job:hover .location
{
bottom:auto;
-moz-opacity:1;
-khtml-opacity:1;
-webkit-opacity:1;
opacity:1;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=100);
}
}
.featured-content.small-job:hover .apply
{
-moz-opacity:1;
-khtml-opacity:1;
-webkit-opacity:1;
opacity:1;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=100);
bottom:-0.1em;
}
@media screen and (max-width:1680px)
{
.featured-content.small-job:hover .apply
{
bottom:-0.4em;
}
}
@media screen and (max-width:1280px)
{
.featured-content.small-job:hover .apply
{
bottom:-0.75em;
}
}
@media screen and (max-width:1023px)
{
.featured-content.small-job:hover .apply
{
bottom:-1.5em;
}
}
@media screen and (max-width:767px)
{
.featured-content.small-job:hover .apply
{
bottom:25px;
}
}
.featured-content.small-job:hover video.bg
{
-moz-opacity:1;
-khtml-opacity:1;
-webkit-opacity:1;
opacity:1;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=100);
-webkit-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-moz-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-ms-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
-o-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);
}
.featured-content.large-job
{
width:800px;
height:800px;
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
position:relative;
}
@media screen and (max-width:1680px)
{
.featured-content.large-job
{
width:600px;
height:600px;
}
}
@media screen and (max-width:1280px)
{
.featured-content.large-job
{
width:512px;
height:512px;
}
}
@media screen and (max-width:1023px)
{
.featured-content.large-job
{
width:384px;
height:384px;
}
}
@media screen and (max-width:767px)
{
.featured-content.large-job
{
width:320px;
height:320px;
}
}
.featured-content.large-job .container
{
position:absolute;
width:400px;
height:400px;
top:0;
right:0;
background:#000;
cursor:pointer;
}
@media screen and (max-width:1680px)
{
.featured-content.large-job .container
{
width:300px;
height:300px;
}
}
@media screen and (max-width:1280px)
{
.featured-content.large-job .container
{
width:256px;
height:256px;
}
}
@media screen and (max-width:1023px)
{
.featured-content.large-job .container
{
width:192px;
height:192px;
}
}
@media screen and (max-width:767px)
{
.featured-content.large-job .container
{
width:320px;
height:320px;
}
}
.featured-content.large-job .container .inner
{
margin:0 38px;
}
.featured-content.large-job .container span
{
display:block;
text-align:center;
color:#fff;
}
.featured-content.large-job .container .label
{
color:#595959;
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:16px;
position:absolute;
top:32px;
width:100%;
margin-left:-38px;
}
.featured-content.large-job .container a
{
text-align:center;
color:#fff;
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:26px;
display:block;
margin-top:46%;
}
.featured-content.large-job .container .secondary-title
{
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:12px;
}
.featured-content.large-job .container .location
{
font-family:'blender_promedium',sans-serif;
text-transform:uppercase;
font-size:16px;
background-image:url(bg_careers_location.png);
background-repeat:no-repeat;
-webkit-background-size:26px auto;
-moz-background-size:26px auto;
-o-background-size:26px auto;
background-size:26px auto;
background-position:center -126px;
padding-top:44px;
position:absolute;
bottom:32px;
width:100%;
margin-left:-38px;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.featured-content.large-job .container .location
{
background-image:url(bg_careers_location@2x.png);
-webkit-background-size:30px 193px;
-moz-background-size:30px 193px;
-o-background-size:30px 193px;
background-size:30px 193px;
}
}
.no-backgroundsize .featured-content.large-job .container .location
{
background-image:url(bg_careers_location.png);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.featured-content.large-job .container .location
{
background-image:url(bg_careers_location@2x.png);
-webkit-background-size:30px 193px;
-moz-background-size:30px 193px;
-o-background-size:30px 193px;
background-size:30px 193px;
}
}
.no-backgroundsize .featured-content.large-job .container .location
{
background-image:url(bg_careers_location.png);
}
.featured-content.large-job .container .apply
{
display:none;
}
.featured-content.featured-jobs-intro
{
background:#000;
color:#fff;
font-family:'blender_probook',sans-serif;
text-transform:uppercase;
font-size:36px;
}
@media screen and (max-width:1680px)
{
.featured-content.featured-jobs-intro
{
font-size:27px;
}
}
@media screen and (max-width:1280px)
{
.featured-content.featured-jobs-intro
{
font-size:24px;
}
}
@media screen and (max-width:1023px)
{
.featured-content.featured-jobs-intro
{
font-size:22px;
}
}
@media screen and (max-width:767px)
{
.featured-content.featured-jobs-intro
{
font-size:30px;
}
}
.featured-content.featured-jobs-intro .container,.featured-content.featured-jobs-intro .field
{
height:100%;
}
.featured-content.featured-jobs-intro .inner
{
margin:0 68px;
height:100%;
position:relative;
line-height:1.25em;
}
@media screen and (max-width:1680px)
{
.featured-content.featured-jobs-intro .inner
{
margin:0 48px;
}
}
@media screen and (max-width:1280px)
{
.featured-content.featured-jobs-intro .inner
{
margin:0 37px;
}
}
@media screen and (max-width:1023px)
{
.featured-content.featured-jobs-intro .inner
{
margin:0 28px;
}
}
@media screen and (max-width:767px)
{
.featured-content.featured-jobs-intro .inner
{
margin:0 40px;
}
}
.featured-content.featured-jobs-intro .inner a,.featured-content.featured-jobs-intro .inner span
{
position:absolute;
top:50%;
margin-top:-1.25em;
color:#fff;
font-weight:500;
display:block;
text-align:center;
width:100%;
}
.featured-content.featured-jobs-intro .inner a
{
margin-top:-1.4em;
}
@media screen and (max-width:1280px)
{
.featured-content.featured-jobs-intro .inner a
{
margin-top:-1em;
}
}
.featured-content.featured-jobs-all
{
background:#000;
}
.featured-content.featured-jobs-all .inner strong
{
display:block;
color:#fff;
margin-top:36%;
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:20px;
font-weight:500;
text-align:center;
margin-bottom:1.45em;
}
@media screen and (max-width:1680px)
{
.featured-content.featured-jobs-all .inner strong
{
font-size:17px;
margin-top:33%;
}
}
@media screen and (max-width:1280px)
{
.featured-content.featured-jobs-all .inner strong
{
margin-top:32%;
}
}
.featured-content.featured-jobs-all .inner a
{
display:block;
margin:0 auto;
}
@media screen and (max-width:1023px)
{
.featured-content.featured-jobs-all .inner strong
{
display:none;
margin-top:36%;
}
.featured-content.featured-jobs-all .inner a
{
width:138px;
margin-top:38%;
}
.featured-content.featured-jobs-all .inner a span
{
background-position:58px 14px;
}
.featured-content.featured-jobs-all .inner a span:first-child
{
background-position:94px -387px;
}
}
@media screen and (max-width:767px)
{
.featured-content.featured-jobs-all .inner strong
{
display:block;
}
.featured-content.featured-jobs-all .inner a
{
width:170px;
margin-top:0;
}
.featured-content.featured-jobs-all .inner a span
{
background-position:71px 14px;
}
.featured-content.featured-jobs-all .inner a span:first-child
{
background-position:127px -387px;
}
}
@media screen and (min-width:300px)
{
.featured-content.featured-jobs-intro span
{
background:none;
}
}
@media screen and (max-width:639px)
{
.featured-content.featured-jobs-intro span
{
background:url(bg_button_arrow@2x.png);
-webkit-background-size:53px 2017px;
-moz-background-size:53px 2017px;
-o-background-size:53px 2017px;
background-size:53px 2017px;
background-position:center -1244px;
background-repeat:no-repeat;
padding-bottom:3em;
margin-top:-1.35em;
}
}
.featured-content.what-others-say .quote
{
display:table-row;
height:646px;
}
@media screen and (max-width:1680px)
{
.featured-content.what-others-say .quote
{
height:486px;
}
}
@media screen and (max-width:1280px)
{
.featured-content.what-others-say .quote
{
height:386px;
}
}
@media screen and (max-width:1023px)
{
.featured-content.what-others-say .quote
{
height:286px;
}
}
.featured-content.what-others-say .quote p
{
display:table-cell;
vertical-align:middle;
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:45px;
font-weight:300;
font-weight:400;
line-height:1.5em;
padding:0;
}
.featured-content.what-others-say .quote p span
{
display:block;
margin:90px;
}
@media screen and (max-width:1680px)
{
.featured-content.what-others-say .quote p span
{
margin:58px 58px 28px 58px;
line-height:1.35em;
}
}
.featured-content.what-others-say .author
{
margin:0 90px;
padding-bottom:0;
}
@media screen and (max-width:1680px)
{
.featured-content.what-others-say .author
{
margin:0 58px;
}
}
.featured-content.what-others-say .link
{
margin:0 90px;
}
@media screen and (max-width:1680px)
{
.featured-content.what-others-say .link
{
margin:0 58px;
}
}
.featured-content.redatoms1-release
{
position:relative;
}
.featured-content.redatoms1-release .entry
{
position:absolute;
bottom:168px;
left:173px;
width:200px;
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:18px;
line-height:1.35em;
}
@media screen and (max-width:1680px)
{
.featured-content.redatoms1-release .entry
{
left:136px;
bottom:108px;
}
}
.featured-content.redatoms1-release .entry p
{
margin:0;
padding:0;
}
.featured-content.redatoms1-release .entry strong
{
display:block;
font-weight:600;
}
.featured-content.redatoms1-release a.link-wrap
{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
}
.featured-content.support-need-help
{
background-color:#6dbcf8;
}
.featured-content.support-need-help .title
{
height:270px;
}
@media screen and (max-width:1680px)
{
.featured-content.support-need-help .title
{
height:180px;
}
}
.featured-content.support-need-help .title p
{
width:400px;
}
@media screen and (max-width:1680px)
{
.featured-content.support-need-help .title p
{
width:300px;
}
}
.featured-content.support-need-help .title p strong
{
margin-top:60px;
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:22px;
text-transform:none;
font-weight:500;
}
.featured-content.games-redatoms2-large
{
position:relative;
}
.featured-content.games-redatoms2-large span
{
width:100%;
height:100%;
left:0;
top:0;
position:absolute;
}
@media screen and (max-width:1680px)
{
.featured-content.games-redatoms2-large span
{
background-position:center 372px;
-webkit-background-size:345px auto;
-moz-background-size:345px auto;
-o-background-size:345px auto;
background-size:345px auto;
}
}
@media screen and (max-width:1280px)
{
.featured-content.games-redatoms2-large span
{
background-position:center 326px;
-webkit-background-size:280px auto;
-moz-background-size:280px auto;
-o-background-size:280px auto;
background-size:280px auto;
}
}
@media screen and (max-width:1023px)
{
.featured-content.games-redatoms2-large span
{
background-position:center 240px;
-webkit-background-size:220px auto;
-moz-background-size:220px auto;
-o-background-size:220px auto;
background-size:220px auto;
}
}
@media screen and (max-width:767px)
{
.featured-content.games-redatoms2-large span
{
background-position:center 200px;
-webkit-background-size:200px auto;
-moz-background-size:200px auto;
-o-background-size:200px auto;
background-size:200px auto;
}
}
.featured-content.games-heroforces3-large
{
position:relative;
}
.featured-content.games-heroforces3-large span
{
width:100%;
height:100%;
left:0;
top:0;
position:absolute;
}
@media screen and (max-width:1680px)
{
.featured-content.games-heroforces3-large span
{
background-position:center 340px;
-webkit-background-size:265px auto;
-moz-background-size:265px auto;
-o-background-size:265px auto;
background-size:265px auto;
}
}
@media screen and (max-width:1280px)
{
.featured-content.games-heroforces3-large span
{
background-position:center 300px;
-webkit-background-size:225px auto;
-moz-background-size:225px auto;
-o-background-size:225px auto;
background-size:225px auto;
}
}
@media screen and (max-width:1023px)
{
.featured-content.games-heroforces3-large span
{
background-position:center 220px;
-webkit-background-size:185px auto;
-moz-background-size:185px auto;
-o-background-size:185px auto;
background-size:185px auto;
}
}
@media screen and (max-width:767px)
{
.featured-content.games-heroforces3-large span
{
background-position:center 178px;
-webkit-background-size:160px auto;
-moz-background-size:160px auto;
-o-background-size:160px auto;
background-size:160px auto;
}
}
.featured-content.support-all
{
background-repeat:no-repeat;
background-position:64px bottom;
-webkit-background-size:273px 340px;
-moz-background-size:273px 340px;
-o-background-size:273px 340px;
background-size:273px 340px;
background-color:#6dbcf8;
width:auto;
padding-left:400px;
color:#fff;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.featured-content.support-all
{
-webkit-background-size:273px 340px;
-moz-background-size:273px 340px;
-o-background-size:273px 340px;
background-size:273px 340px;
}
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.featured-content.support-all
{
-webkit-background-size:273px 340px;
-moz-background-size:273px 340px;
-o-background-size:273px 340px;
background-size:273px 340px;
}
}
@media screen and (max-width:1680px)
{
.featured-content.support-all
{
padding-left:300px;
-webkit-background-size:200px auto;
-moz-background-size:200px auto;
-o-background-size:200px auto;
background-size:200px auto;
background-position:52px bottom;
}
}
@media screen and (max-width:1280px)
{
.featured-content.support-all
{
padding-left:256px;
-webkit-background-size:170px auto;
-moz-background-size:170px auto;
-o-background-size:170px auto;
background-size:170px auto;
background-position:44px bottom;
}
}
@media screen and (max-width:1023px)
{
.featured-content.support-all
{
padding-left:0;
background-image:none;
}
}
@media screen and (max-width:767px)
{
.featured-content.support-all
{
width:100%;
padding:0;
}
}
@media screen and (max-width:767px)
{
.featured-content.support-all .container
{
padding:1em 0 2em 0;
}
}
.featured-content.support-all .item
{
width:400px;
height:400px;
float:left;
}
@media screen and (max-width:1680px)
{
.featured-content.support-all .item
{
width:300px;
height:300px;
}
}
@media screen and (max-width:1280px)
{
.featured-content.support-all .item
{
width:256px;
height:256px;
}
}
@media screen and (max-width:767px)
{
.featured-content.support-all .item
{
width:320px;
height:auto;
width:100%;
float:none;
margin-left:auto;
margin-right:auto;
background-color:transparent !important;
}
.featured-content.support-all .item:first-child
{
margin-top:2em;
}
}
.featured-content.support-all .item.support
{
background:#78c3fc;
}
.featured-content.support-all .item.parents-guide
{
background:#82c9fe;
}
.featured-content.support-all .item.fraud-issues
{
background:#96d1fd;
}
.featured-content.support-all .item p
{
font-family:'Whitney SSm A','Whitney SSm B',sans-serif;
font-size:24px;
padding-top:5.5em;
text-align:center;
padding-bottom:1.85em;
}
@media screen and (max-width:1680px)
{
.featured-content.support-all .item p
{
font-size:18px;
padding-top:5.5em;
padding-bottom:0.9em;
}
}
@media screen and (max-width:1280px)
{
.featured-content.support-all .item p
{
font-size:16px;
padding-top:5em;
padding-bottom:1.35em;
}
}
@media screen and (max-width:767px)
{
.featured-content.support-all .item p
{
padding-top:1em;
}
}
.featured-content.support-all .item p.with-button
{
padding-top:0;
}
@-webkit-keyframes glow
{
0%
{
opacity:1;
}
50%
{
opacity:0;
}
100%
{
opacity:1;
}
}
@-moz-keyframes glow
{
0%
{
opacity:1;
}
50%
{
opacity:0;
}
100%
{
opacity:1;
}
}
@-webkit-keyframes fadeInDown
{
0%
{
opacity:0;
-webkit-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0);
}
100%
{
opacity:1;
-webkit-transform:none;
transform:none;
}
}
@keyframes fadeInDown
{
0%
{
opacity:0;
-webkit-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0);
}
100%
{
opacity:1;
-webkit-transform:none;
transform:none;
}
}
@-webkit-keyframes fadeInUp
{
0%
{
opacity:0;
-webkit-transform:translate3d(0,20%,0);
transform:translate3d(0,20%,0);
}
100%
{
opacity:1;
-webkit-transform:none;
transform:none;
}
}
@keyframes fadeInUp
{
0%
{
opacity:0;
-webkit-transform:translate3d(0,20%,0);
transform:translate3d(0,20%,0);
}
100%
{
opacity:1;
-webkit-transform:none;
transform:none;
}
}
@-webkit-keyframes fadeInUpBig
{
0%
{
opacity:0;
-webkit-transform:translate3d(0,100%,0);
transform:translate3d(0,100%,0);
}
100%
{
opacity:1;
-webkit-transform:none;
transform:none;
}
}
@keyframes fadeInUpBig
{
0%
{
opacity:0;
-webkit-transform:translate3d(0,100%,0);
transform:translate3d(0,100%,0);
}
100%
{
opacity:1;
-webkit-transform:none;
transform:none;
}
}
@-webkit-keyframes fadeInRight
{
0%
{
opacity:0;
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0);
}
100%
{
opacity:1;
-webkit-transform:none;
transform:none;
}
}
@keyframes fadeInRight
{
0%
{
opacity:0;
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0);
}
100%
{
opacity:1;
-webkit-transform:none;
transform:none;
}
}
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus
{
outline:none;
}
.slides,.flex-control-nav,.flex-direction-nav
{
margin:0;
padding:0;
list-style:none;
}
@font-face
{
font-family:'flexslider-icon';
src:url('/css/fonts/flexslider-icon.eot');
src:url('/css/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
url('/css/fonts/flexslider-icon.woff') format('woff'),
url('/css/fonts/flexslider-icon.ttf') format('truetype'),
url('/css/fonts/flexslider-icon.svg#flexslider-icon') format('svg');
font-weight:normal;
font-style:normal;
}
.flexslider
{
margin:0;
padding:0;
}
.flexslider .slides > li
{
display:none;
-webkit-backface-visibility:hidden;
}
.flexslider .slides img
{
width:100%;
display:block;
}
.flex-pauseplay span
{
text-transform:capitalize;
}
.slides:after
{
content:"\0020";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
html[xmlns] .slides
{
display:block;
}
* html .slides
{
height:1%;
}
.no-js .slides > li:first-child
{
display:block;
}
.flexslider
{
margin:0;
position:relative;
zoom:1;
}
.flex-viewport
{
max-height:2000px;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease;
}
.loading .flex-viewport
{
max-height:300px;
}
.flexslider .slides
{
zoom:1;
}
.carousel li
{
margin-right:5px;
}
.flex-direction-nav
{
*height:0;
opacity:0.3;
}
@media screen and (max-width:767px)
{
.flex-direction-nav
{
opacity:0.15;
}
}
.flex-direction-nav a
{
text-decoration:none;
display:block;
width:40px;
height:40px;
margin:-20px 0 0 0;
position:absolute;
top:50%;
z-index:10;
overflow:hidden;
opacity:0;
cursor:pointer;
color:rgba(0,0,0,0.8);
text-shadow:1px 1px 0 rgba(255,255,255,0.3);
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
transition:all .3s ease;
}
@media screen and (max-width:767px)
{
.flex-direction-nav a
{
top:98.5%;
width:10px;
height:10px;
}
}
.flex-direction-nav .flex-prev
{
left:-50px;
}
.flex-direction-nav .flex-next
{
right:-50px;
text-align:right;
}
.flexslider:hover .flex-prev
{
opacity:0.7;
left:10px;
}
.flexslider:hover .flex-next
{
opacity:0.7;
right:10px;
}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover
{
opacity:1;
}
.flex-direction-nav .flex-disabled
{
opacity:0 !important;
filter:alpha(opacity=0);
cursor:default;
}
.flex-direction-nav a:before
{
font-family:"flexslider-icon";
font-size:40px;
line-height:1;
display:inline-block;
content:'\f001';
}
@media screen and (max-width:768px)
{
.flex-direction-nav a:before
{
font-size:30px;
}
}
.flex-direction-nav a.flex-next:before
{
content:'\f002';
}
.flex-pauseplay a
{
display:block;
width:20px;
height:20px;
position:absolute;
bottom:5px;
left:10px;
opacity:0.8;
z-index:10;
overflow:hidden;
cursor:pointer;
color:#000;
}
.flex-pauseplay a:before
{
font-family:"flexslider-icon";
font-size:20px;
display:inline-block;
content:'\f004';
}
.flex-pauseplay a:hover
{
opacity:1;
}
.flex-pauseplay a.flex-play:before
{
content:'\f003';
}
.flex-control-nav
{
width:100%;
position:absolute;
bottom:-50px;
text-align:center;
}
.flex-control-nav li
{
margin:0 6px;
display:inline-block;
zoom:1;
*display:inline;
}
.flex-control-paging li a
{
width:12px;
height:12px;
display:block;
background:#666;
background:rgba(0,0,0,0.5);
cursor:pointer;
text-indent:-9999px;
-webkit-border-radius:12px;
-moz-border-radius:12px;
-o-border-radius:12px;
border-radius:12px;
-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
-moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
-o-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
-webkit-backface-visibility:hidden;
}
.flex-control-paging li a:hover
{
background:#333;
background:rgba(0,0,0,0.7);
}
.flexslider.invert .flex-control-paging li a:hover
{
background:#fff;
}
.flex-control-paging li a.flex-active
{
background:transparent;
border:1px solid #666;
cursor:default;
-webkit-box-shadow:0 0 0 rgba(0,0,0,0);
-moz-box-shadow:0 0 0 rgba(0,0,0,0);
box-shadow:0 0 0 rgba(0,0,0,0);
}
.flex-control-thumbs
{
margin:5px 0 0;
position:static;
overflow:hidden;
}
.flex-control-thumbs li
{
width:25%;
float:left;
margin:0;
}
.flex-control-thumbs img
{
width:100%;
display:block;
opacity:.7;
cursor:pointer;
}
.flex-control-thumbs img:hover
{
opacity:1;
}
.flex-control-thumbs .flex-active
{
opacity:1;
cursor:default;
}
@media screen and (max-width:860px)
{
.flex-direction-nav .flex-prev
{
opacity:1;
left:10px;
}
.flex-direction-nav .flex-next
{
opacity:1;
right:10px;
}

}
@media screen and (min-device-width :768px) and (max-device-width :1024px)
{
.flex-direction-nav
{
display:none;
}
.flex-control-nav
{
bottom:-40px;
}
.flex-control-nav li
{
margin:0 6px;
}
.flex-control-paging li a
{
width:10px;
height:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;
}
}
@media screen and (max-width:1023px)
{
.flex-direction-nav
{
display:none;
}
.flex-control-nav
{
bottom:-40px;
}
.flex-control-nav li
{
margin:0 6px;
}
.flex-control-paging li a
{
width:10px;
height:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;
}
}
.flex-control-nav
{
z-index:6;
}
.flex-control-nav li
{
margin:0 10px;
}
.flex-control-paging li a
{
opacity:0.25;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=25)";
filter:"alpha(opacity=25)";
background:#656565;
border:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-o-box-shadow:none;
box-shadow:none;
}
.flex-control-paging li a:hover
{
opacity:0.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
filter:"alpha(opacity=50)";
}
.flex-control-paging li a.flex-active
{
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
filter:"alpha(opacity=100)";
border:0;
background:#000;
}
.flex-direction-nav
{
z-index:4;
top:50%;
position:absolute;
width:100%;
-moz-opacity:1;
-khtml-opacity:1;
-webkit-opacity:1;
opacity:1;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=100);
}
.flex-direction-nav a
{
display:block;
background-image:url(gallery_arrow.png);
width:70px;
height:66px;
text-indent:9999px;
background-position:0px 0px;
background-repeat:no-repeat;
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.flex-direction-nav a
{
background-image:url(gallery_arrow@2x.png);
-webkit-background-size:70px 132px;
-moz-background-size:70px 132px;
-o-background-size:70px 132px;
background-size:70px 132px;
}
}
.no-backgroundsize .flex-direction-nav a
{
background-image:url(gallery_arrow.png);
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx)
{
.flex-direction-nav a
{
background-image:url(gallery_arrow@2x.png);
-webkit-background-size:70px 132px;
-moz-background-size:70px 132px;
-o-background-size:70px 132px;
background-size:70px 132px;
}
}
.no-backgroundsize .flex-direction-nav a
{
background-image:url(gallery_arrow.png);
}
.flex-direction-nav a.flex-next
{
right:0;
}
.flex-direction-nav a.flex-prev
{
background-position:0px -66px;
left:0;
}
.flex-direction-nav a:before
{
display:none;
}
.flexslider.with-caption .flex-direction-nav
{
margin-top:-1.75em;
}
.flexslider:hover .flex-direction-nav a
{
right:35px;
}
.flexslider:hover .flex-direction-nav a.flex-prev
{
left:35px;
right:auto;
}
.clock
{
}
.clock .centerPoint
{
width:12px;
height:12px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
background-color:#999;
position:absolute;
left:214px;
top:157px;
}
@media screen and (max-width:767px)
{
.clock .centerPoint
{
top:104px;
}
}
.clock .clockface
{
}
.clock .numberone
{
top:85px;
right:150px;
}
.clock .numbertwo
{
top:135px;
right:100px;
}
.clock .numberthree
{
top:200px;
right:85px;
}
.clock .numberfour
{
top:265px;
right:100px;
}
.clock .numberfive
{
top:310px;
right:150px;
}
.clock .numbersix
{
top:330px;
right:215px;
}
.clock .numbereleven
{
top:85px;
left:150px;
}
.clock .numberten
{
top:135px;
left:100px;
}
.clock .numbereight
{
top:265px;
left:100px;
}
.clock .numberseven
{
top:310px;
left:150px;
}
.clock .numbernine
{
top:200px;
left:85px;
}
.clock .numbertwelve
{
top:70px;
right:208px;
}
.clock .minutes
{
position:absolute;
width:1px;
height:16px;
top:53px;
left:220px;
background:#424242;
-ms-transform-origin:50% 110px;
-webkit-transform-origin:50% 110px;
-moz-transform-origin:50% 110px;
transform-origin:50% 110px;
}
@media screen and (max-width:767px)
{
.clock .minutes
{
top:0;
}
}
.clock .fiveminutes
{
position:absolute;
width:1px;
height:16px;
top:53px;
left:220px;
background:#a1a1a1;
-ms-transform-origin:50% 110px;
-webkit-transform-origin:50% 110px;
-moz-transform-origin:50% 110px;
transform-origin:50% 110px;
}
@media screen and (max-width:767px)
{
.clock .fiveminutes
{
top:0;
}
}
.clock .one
{
-webkit-transform:rotate(6deg);
-moz-transform:rotate(6deg);
-o-transform:rotate(6deg);
-ms-transform:rotate(6deg);
transform:rotate(6deg);
}
.clock .two
{
-webkit-transform:rotate(12deg);
-moz-transform:rotate(12deg);
-o-transform:rotate(12deg);
-ms-transform:rotate(12deg);
transform:rotate(12deg);
}
.clock .three
{
-webkit-transform:rotate(18deg);
-moz-transform:rotate(18deg);
-o-transform:rotate(18deg);
-ms-transform:rotate(18deg);
transform:rotate(18deg);
}
.clock .four
{
-webkit-transform:rotate(24deg);
-moz-transform:rotate(24deg);
-o-transform:rotate(24deg);
-ms-transform:rotate(24deg);
transform:rotate(24deg);
}
.clock .five
{
-webkit-transform:rotate(30deg);
-moz-transform:rotate(30deg);
-o-transform:rotate(30deg);
-ms-transform:rotate(30deg);
transform:rotate(30deg);
}
.clock .six
{
-webkit-transform:rotate(36deg);
-moz-transform:rotate(36deg);
-o-transform:rotate(36deg);
-ms-transform:rotate(36deg);
transform:rotate(36deg);
}
.clock .seven
{
-webkit-transform:rotate(42deg);
-moz-transform:rotate(42deg);
-o-transform:rotate(42deg);
-ms-transform:rotate(42deg);
transform:rotate(42deg);
}
.clock .eight
{
-webkit-transform:rotate(48deg);
-moz-transform:rotate(48deg);
-o-transform:rotate(48deg);
-ms-transform:rotate(48deg);
transform:rotate(48deg);
}
.clock .nine
{
-webkit-transform:rotate(54deg);
-moz-transform:rotate(54deg);
-o-transform:rotate(54deg);
-ms-transform:rotate(54deg);
transform:rotate(54deg);
}
.clock .ten
{
-webkit-transform:rotate(60deg);
-moz-transform:rotate(60deg);
-o-transform:rotate(60deg);
-ms-transform:rotate(60deg);
transform:rotate(60deg);
}
.clock .eleven
{
-webkit-transform:rotate(66deg);
-moz-transform:rotate(66deg);
-o-transform:rotate(66deg);
-ms-transform:rotate(66deg);
transform:rotate(66deg);
}
.clock .twelve
{
-webkit-transform:rotate(72deg);
-moz-transform:rotate(72deg);
-o-transform:rotate(72deg);
-ms-transform:rotate(72deg);
transform:rotate(72deg);
}
.clock .thirteen
{
-webkit-transform:rotate(78deg);
-moz-transform:rotate(78deg);
-o-transform:rotate(78deg);
-ms-transform:rotate(78deg);
transform:rotate(78deg);
}
.clock .fourteen
{
-webkit-transform:rotate(84deg);
-moz-transform:rotate(84deg);
-o-transform:rotate(84deg);
-ms-transform:rotate(84deg);
transform:rotate(84deg);
}
.clock .fifteen
{
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
}
.clock .sixteen
{
-webkit-transform:rotate(96deg);
-moz-transform:rotate(96deg);
-o-transform:rotate(96deg);
-ms-transform:rotate(96deg);
transform:rotate(96deg);
}
.clock .seventeen
{
-webkit-transform:rotate(102deg);
-moz-transform:rotate(102deg);
-o-transform:rotate(102deg);
-ms-transform:rotate(102deg);
transform:rotate(102deg);
}
.clock .eighteen
{
-webkit-transform:rotate(108deg);
-moz-transform:rotate(108deg);
-o-transform:rotate(108deg);
-ms-transform:rotate(108deg);
transform:rotate(108deg);
}
.clock .nineteen
{
-webkit-transform:rotate(114deg);
-moz-transform:rotate(114deg);
-o-transform:rotate(114deg);
-ms-transform:rotate(114deg);
transform:rotate(114deg);
}
.clock .twenty
{
-webkit-transform:rotate(120deg);
-moz-transform:rotate(120deg);
-o-transform:rotate(120deg);
-ms-transform:rotate(120deg);
transform:rotate(120deg);
}
.clock .twentyone
{
-webkit-transform:rotate(126deg);
-moz-transform:rotate(126deg);
-o-transform:rotate(126deg);
-ms-transform:rotate(126deg);
transform:rotate(126deg);
}
.clock .twentytwo
{
-webkit-transform:rotate(132deg);
-moz-transform:rotate(132deg);
-o-transform:rotate(132deg);
-ms-transform:rotate(132deg);
transform:rotate(132deg);
}
.clock .twentythree
{
-webkit-transform:rotate(138deg);
-moz-transform:rotate(138deg);
-o-transform:rotate(138deg);
-ms-transform:rotate(138deg);
transform:rotate(138deg);
}
.clock .twentyfour
{
-webkit-transform:rotate(144deg);
-moz-transform:rotate(144deg);
-o-transform:rotate(144deg);
-ms-transform:rotate(144deg);
transform:rotate(144deg);
}
.clock .twentyfive
{
-webkit-transform:rotate(150deg);
-moz-transform:rotate(150deg);
-o-transform:rotate(150deg);
-ms-transform:rotate(150deg);
transform:rotate(150deg);
}
.clock .twentysix
{
-webkit-transform:rotate(156deg);
-moz-transform:rotate(156deg);
-o-transform:rotate(156deg);
-ms-transform:rotate(156deg);
transform:rotate(156deg);
}
.clock .twentyseven
{
-webkit-transform:rotate(162deg);
-moz-transform:rotate(162deg);
-o-transform:rotate(162deg);
-ms-transform:rotate(162deg);
transform:rotate(162deg);
}
.clock .twentyeight
{
-webkit-transform:rotate(168deg);
-moz-transform:rotate(168deg);
-o-transform:rotate(168deg);
-ms-transform:rotate(168deg);
transform:rotate(168deg);
}
.clock .twentynine
{
-webkit-transform:rotate(174deg);
-moz-transform:rotate(174deg);
-o-transform:rotate(174deg);
-ms-transform:rotate(174deg);
transform:rotate(174deg);
}
.clock .thirty
{
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg);
}
.clock .thirtyone
{
-webkit-transform:rotate(186deg);
-moz-transform:rotate(186deg);
-o-transform:rotate(186deg);
-ms-transform:rotate(186deg);
transform:rotate(186deg);
}
.clock .thirtytwo
{
-webkit-transform:rotate(192deg);
-moz-transform:rotate(192deg);
-o-transform:rotate(192deg);
-ms-transform:rotate(192deg);
transform:rotate(192deg);
}
.clock .thirtythree
{
-webkit-transform:rotate(198deg);
-moz-transform:rotate(198deg);
-o-transform:rotate(198deg);
-ms-transform:rotate(198deg);
transform:rotate(198deg);
}
.clock .thirtyfour
{
-webkit-transform:rotate(204deg);
-moz-transform:rotate(204deg);
-o-transform:rotate(204deg);
-ms-transform:rotate(204deg);
transform:rotate(204deg);
}
.clock .thirtyfive
{
-webkit-transform:rotate(210deg);
-moz-transform:rotate(210deg);
-o-transform:rotate(210deg);
-ms-transform:rotate(210deg);
transform:rotate(210deg);
}
.clock .thirtysix
{
-webkit-transform:rotate(216deg);
-moz-transform:rotate(216deg);
-o-transform:rotate(216deg);
-ms-transform:rotate(216deg);
transform:rotate(216deg);
}
.clock .thirtyseven
{
-webkit-transform:rotate(222deg);
-moz-transform:rotate(222deg);
-o-transform:rotate(222deg);
-ms-transform:rotate(222deg);
transform:rotate(222deg);
}
.clock .thirtyeight
{
-webkit-transform:rotate(228deg);
-moz-transform:rotate(228deg);
-o-transform:rotate(228deg);
-ms-transform:rotate(228deg);
transform:rotate(228deg);
}
.clock .thirtynine
{
-webkit-transform:rotate(234deg);
-moz-transform:rotate(234deg);
-o-transform:rotate(234deg);
-ms-transform:rotate(234deg);
transform:rotate(234deg);
}
.clock .fourty
{
-webkit-transform:rotate(240deg);
-moz-transform:rotate(240deg);
-o-transform:rotate(240deg);
-ms-transform:rotate(240deg);
transform:rotate(240deg);
}
.clock .fourtyone
{
-webkit-transform:rotate(246deg);
-moz-transform:rotate(246deg);
-o-transform:rotate(246deg);
-ms-transform:rotate(246deg);
transform:rotate(246deg);
}
.clock .fourtytwo
{
-webkit-transform:rotate(252deg);
-moz-transform:rotate(252deg);
-o-transform:rotate(252deg);
-ms-transform:rotate(252deg);
transform:rotate(252deg);
}
.clock .fourtythree
{
-webkit-transform:rotate(258deg);
-moz-transform:rotate(258deg);
-o-transform:rotate(258deg);
-ms-transform:rotate(258deg);
transform:rotate(258deg);
}
.clock .fourtyfour
{
-webkit-transform:rotate(264deg);
-moz-transform:rotate(264deg);
-o-transform:rotate(264deg);
-ms-transform:rotate(264deg);
transform:rotate(264deg);
}
.clock .fourtyfive
{
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-o-transform:rotate(270deg);
-ms-transform:rotate(270deg);
transform:rotate(270deg);
}
.clock .fourtysix
{
-webkit-transform:rotate(276deg);
-moz-transform:rotate(276deg);
-o-transform:rotate(276deg);
-ms-transform:rotate(276deg);
transform:rotate(276deg);
}
.clock .fourtyseven
{
-webkit-transform:rotate(282deg);
-moz-transform:rotate(282deg);
-o-transform:rotate(282deg);
-ms-transform:rotate(282deg);
transform:rotate(282deg);
}
.clock .fourtyeight
{
-webkit-transform:rotate(288deg);
-moz-transform:rotate(288deg);
-o-transform:rotate(288deg);
-ms-transform:rotate(288deg);
transform:rotate(288deg);
}
.clock .fourtynine
{
-webkit-transform:rotate(294deg);
-moz-transform:rotate(294deg);
-o-transform:rotate(294deg);
-ms-transform:rotate(294deg);
transform:rotate(294deg);
}
.clock .fifty
{
-webkit-transform:rotate(300deg);
-moz-transform:rotate(300deg);
-o-transform:rotate(300deg);
-ms-transform:rotate(300deg);
transform:rotate(300deg);
}
.clock .fiftyone
{
-webkit-transform:rotate(306deg);
-moz-transform:rotate(306deg);
-o-transform:rotate(306deg);
-ms-transform:rotate(306deg);
transform:rotate(306deg);
}
.clock .fiftytwo
{
-webkit-transform:rotate(312deg);
-moz-transform:rotate(312deg);
-o-transform:rotate(312deg);
-ms-transform:rotate(312deg);
transform:rotate(312deg);
}
.clock .fiftythree
{
-webkit-transform:rotate(318deg);
-moz-transform:rotate(318deg);
-o-transform:rotate(318deg);
-ms-transform:rotate(318deg);
transform:rotate(318deg);
}
.clock .fiftyfour
{
-webkit-transform:rotate(324deg);
-moz-transform:rotate(324deg);
-o-transform:rotate(324deg);
-ms-transform:rotate(324deg);
transform:rotate(324deg);
}
.clock .fiftyfive
{
-webkit-transform:rotate(330deg);
-moz-transform:rotate(330deg);
-o-transform:rotate(330deg);
-ms-transform:rotate(330deg);
transform:rotate(330deg);
}
.clock .fiftysix
{
-webkit-transform:rotate(336deg);
-moz-transform:rotate(336deg);
-o-transform:rotate(336deg);
-ms-transform:rotate(336deg);
transform:rotate(336deg);
}
.clock .fiftyseven
{
-webkit-transform:rotate(342deg);
-moz-transform:rotate(342deg);
-o-transform:rotate(342deg);
-ms-transform:rotate(342deg);
transform:rotate(342deg);
}
.clock .fiftyeight
{
-webkit-transform:rotate(348deg);
-moz-transform:rotate(348deg);
-o-transform:rotate(348deg);
-ms-transform:rotate(348deg);
transform:rotate(348deg);
}
.clock .fiftynine
{
-webkit-transform:rotate(354deg);
-moz-transform:rotate(354deg);
-o-transform:rotate(354deg);
-ms-transform:rotate(354deg);
transform:rotate(354deg);
}
.clock .sixty
{
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg);
}
.clock .minhand
{
position:absolute;
width:2px;
height:84px;
top:82px;
left:219px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
background:#797979;
-ms-transform-origin:50% 81px;
-webkit-transform-origin:50% 81px;
-moz-transform-origin:50% 81px;
transform-origin:50% 81px;
}
@media screen and (max-width:767px)
{
.clock .minhand
{
top:29px;
}
}
.clock .hourhand
{
position:absolute;
width:3px;
height:60px;
top:104px;
left:219px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
background:#fff;
-ms-transform-origin:50% 59px;
-webkit-transform-origin:50% 59px;
-moz-transform-origin:50% 59px;
transform-origin:50% 59px;
}
@media screen and (max-width:767px)
{
.clock .hourhand
{
top:51px;
}
}
.clock .sechand
{
position:absolute;
width:1px;
height:126px;
top:52px;
left:220px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
background:#666;
-ms-transform-origin:50% 111px;
-webkit-transform-origin:50% 111px;
-moz-transform-origin:50% 111px;
transform-origin:50% 111px;
}
@media screen and (max-width:767px)
{
.clock .sechand
{
top:-1px;
}
}
.parallax-wrapper,.parallax-wrapper *
{
margin:0;
padding:0;
font-family:sans-serif;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.parallax-wrapper
{
width:100%;
max-width:2000px;
margin:0 auto;
height:780px;
position:relative;
overflow:hidden;
}
.parallax-fallback
{
display:none;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
html.no-js .parallax-fallback
{
display:block;
}
.parallax-fallback.visible,html.no-js .parallax-fallback
{
display:block;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
.parallax-wrapper .parallax-loader
{
background:#ededed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
z-index:20;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
html.no-js .parallax-loader
{
display:none;
}
.parallax-wrapper .parallax-loader .progress-bar
{
width:300px;
height:2px;
position:absolute;
top:50%;
left:50%;
margin:-1px 0 0 -150px;
background:rgba(0,0,0,0.2);
display:none;
}
.parallax-wrapper .parallax-loader .progress-bar div
{
position:absolute;
top:0;
left:0;
bottom:0;
background:#000;
width:0;
-webkit-transition:width 0.3s;
transition:width 0.3s;
}
.parallax-wrapper .parallax-item
{
position:absolute;
top:50%;
left:50%;
margin-left:-1000px;
height:auto;
width:2000px;
margin-top:-50px;
-webkit-transition:margin-top 1.2s;
-moz-transition:margin-top 1.2s;
-o-transition:margin-top 1.2s;
transition:margin-top 1.2s;
}
.parallax-wrapper.launched .parallax-item
{
margin-top:0;
}
.parallax-wrapper.parallax-coc .parallax-item.parallax-bg
{
z-index:1;
top:-80px;
}
.parallax-wrapper.parallax-coc .parallax-item.parallax-arrows
{
z-index:2;
top:-130px;
}
.parallax-wrapper.parallax-coc .parallax-item.parallax-wood1
{
z-index:2;
top:-160px;
}
.parallax-wrapper.parallax-coc .parallax-item.parallax-wood2
{
z-index:2;
top:-160px;
}
.parallax-wrapper.parallax-coc .parallax-item.parallax-skeleton
{
z-index:2;
top:-160px;
}
.parallax-wrapper.parallax-coc .parallax-item.parallax-characters
{
z-index:3;
top:-160px;
}
.parallax-wrapper.parallax-coc .parallax-item.parallax-grass
{
z-index:4;
top:-340px;
}
.parallax-wrapper.parallax-coc .parallax-item.parallax-archer
{
z-index:5;
top:-50px;
}
.parallax-wrapper.parallax-coc .parallax-logo
{
position:absolute;
top:120px;
left:50%;
margin-left:-200px;
width:400px;
height:auto;
z-index:10;
}
.parallax-wrapper.parallax-coc .parallax-item.parallax-skeleton.skrollable-before
{
top:-12% !important;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-bg
{
z-index:1;
top:-250px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-clouds1
{
z-index:2;
top:-270px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-clouds2
{
z-index:2;
top:-370px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-hills
{
z-index:3;
top:-250px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-trees
{
z-index:4;
top:-250px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-ground
{
z-index:5;
top:-260px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-characters
{
z-index:6;
top:-330px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-sun
{
z-index:7;
top:-360px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-butterflies1
{
z-index:8;
top:-280px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-butterflies2
{
z-index:8;
top:-280px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-flare
{
z-index:9;
top:-330px;
transform-origin:53% 20%;
}
.parallax-wrapper.parallax-heroforces3 .parallax-logo
{
position:absolute;
top:140px;
left:50%;
margin-left:-170px;
width:340px;
height:auto;
z-index:10;
}
.parallax-wrapper.parallax-bb .parallax-item.parallax-bg
{
z-index:1;
top:-210px;
}
.parallax-wrapper.parallax-bb .parallax-logo
{
position:absolute;
top:120px;
left:50%;
margin-left:-165px;
width:329px;
height:auto;
z-index:10;
}
@media only screen and (min-width:2001px)
{
.parallax-wrapper
{
max-width:2500px;
}
.parallax-wrapper .parallax-item
{
margin-left:-1250px;
width:2500px;
}
.parallax-wrapper.parallax-bb .parallax-item.parallax-bg
{
top:-480px;
}
.parallax-wrapper.parallax-coc
{
margin-top:-200px;
height:980px;
}
.parallax-wrapper.parallax-coc .parallax-logo
{
top:320px;
}
.parallax-wrapper.parallax-coc .parallax-loader,.parallax-wrapper.parallax-coc .parallax-fallback
{
top:200px;
}
.parallax-wrapper.parallax-heroforces3
{
margin-top:-280px;
height:1080px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-logo
{
top:400px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-loader,.parallax-wrapper.parallax-heroforces3 .parallax-fallback
{
top:280px;
}
}
@media only screen and (max-width:1680px)
{
.parallax-wrapper
{
height:728px;
}
.parallax-wrapper .parallax-item
{
width:1680px;
margin-left:-840px;
}
.parallax-wrapper.parallax-coc .parallax-item.parallax-bg
{
top:-30px;
}
.parallax-wrapper.parallax-coc .parallax-item.parallax-arrows
{
top:-80px;
}
.parallax-wrapper.parallax-coc .parallax-item.parallax-wood1
{
top:-110px;
}
.parallax-wrapper.parallax-coc .parallax-item.parallax-wood2
{
top:-110px;
}
.parallax-wrapper.parallax-coc .parallax-item.parallax-skeleton
{
top:-110px;
}
.parallax-wrapper.parallax-coc .parallax-item.parallax-characters
{
top:-70px;
}
.parallax-wrapper.parallax-coc .parallax-item.parallax-grass
{
top:-180px;
}
.parallax-wrapper.parallax-coc .parallax-item.parallax-archer
{
top:0;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-bg
{
top:-150px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-clouds1
{
top:-170px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-clouds2
{
top:-270px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-hills
{
top:-150px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-trees
{
top:-150px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-ground
{
top:-160px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-characters
{
top:-230px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-sun
{
top:-260px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-butterflies1
{
top:-180px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-butterflies2
{
top:-180px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-flare
{
top:-230px;
}
.parallax-wrapper.parallax-bb .parallax-item.parallax-bg
{
top:-110px;
}
}
@media only screen and (max-width:1280px)
{
.parallax-wrapper
{
height:576px;
}
.parallax-wrapper .parallax-item
{
width:1280px;
margin-left:-640px;
}
.parallax-wrapper.parallax-coc .parallax-item.parallax-bg
{
top:0;
}
.parallax-wrapper.parallax-coc .parallax-item.parallax-arrows
{
top:-50px;
}
.parallax-wrapper.parallax-coc .parallax-item.parallax-wood1
{
top:-80px;
}
.parallax-wrapper.parallax-coc .parallax-item.parallax-wood2
{
top:-80px;
}
.parallax-wrapper.parallax-coc .parallax-item.parallax-skeleton
{
top:-80px;
}
.parallax-wrapper.parallax-coc .parallax-item.parallax-characters
{
top:20px;
}
.parallax-wrapper.parallax-coc .parallax-item.parallax-grass
{
top:-60px;
}
.parallax-wrapper.parallax-coc .parallax-item.parallax-archer
{
top:0;
}
.parallax-wrapper.parallax-coc .parallax-logo
{
width:300px;
margin-left:-150px;
top:90px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-bg
{
top:-50px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-clouds1
{
top:-70px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-clouds2
{
top:-170px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-hills
{
top:-50px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-trees
{
top:-50px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-ground
{
top:-60px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-characters
{
top:-130px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-sun
{
top:-160px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-butterflies1
{
top:-80px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-butterflies2
{
top:-80px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-item.parallax-flare
{
top:-130px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-logo
{
width:250px;
margin-left:-125px;
top:110px;
}
.parallax-wrapper.parallax-bb .parallax-item.parallax-bg
{
top:-60px;
}
.parallax-wrapper.parallax-bb .parallax-logo
{
width:250px;
margin-left:-125px;
top:110px;
}
}
@media only screen and (max-width:1024px)
{
.parallax-wrapper
{
height:690px;
}
}
@media only screen and (max-width:767px)
{
.parallax-fallback
{
top:50px;
}
.parallax-wrapper
{
height:465px;
}
.parallax-wrapper.parallax-coc .parallax-logo
{
width:200px;
margin-left:-100px;
top:70px;
}
.parallax-wrapper.parallax-heroforces3 .parallax-logo
{
width:200px;
margin-left:-100px;
top:60px;
}
.parallax-wrapper.parallax-bb .parallax-logo
{
width:200px;
margin-left:-100px;
top:60px;
}
}
@media only screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:767px) and (min--moz-device-pixel-ratio:1.5),only screen and (max-width:767px) and (-o-min-device-pixel-ratio:3/2),@media only screen and (max-width:480px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:480px) and (min--moz-device-pixel-ratio:1.5),only screen and (max-width:480px) and (-o-min-device-pixel-ratio:3/2),@media only screen and (max-width:320px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:320px) and (min--moz-device-pixel-ratio:1.5),only screen and (max-width:320px) and (-o-min-device-pixel-ratio:3/2)



/*story*/
.story-main{position: relative;list-style-type: none;padding:0px 0 0px 0;}
.story-main:before {
	content: '';
	position: absolute;
	width: 2px;
	height: 100%;
	top: 0;
	left: 96px;
	background:#7cbdea; z-index:-1;
}
.story-tit
{
 width:90px;
 height:90px;
 margin-left:50px;
 z-index:100;
 clear:both;
 float:left;
}
.story-tit span
{
display:block;
 color:#f0f0f0;
 font-size:24px;
 text-align:center;
 background-color:#7cbdea;
  line-height:72px;
 border:7px solid #fff;
border-radius:100%;
behavior:url(ie-css3.htc);
/*ie6*/ -moz-border-radius:100%;
-webkit-border-radius:100%;
}
.story-left
{
width:203px;
 position:relative;
 margin-left:-45px;
 margin-bottom:40px;
 float:left;
 clear:left;
}
.story-left .str-ico
{
 display:block;
 width:20px;
 height:20px;
 background-color:#87bc35;
 border:5px solid #fff;
border-radius:100%;
behavior:url(ie-css3.htc);
/*ie6*/ -moz-border-radius:100%;
-webkit-border-radius:100%;
 position:absolute;
 top:20px;
 left:290px;
}
.story-left .str-ico.lan
{
background-color:#42ace6;
}
.story-leftimg
{
max-width:100%;
 height:auto;
}

.story-right
{
position:relative;
 margin-left:156px;
 margin-bottom:40px;
 margin-right:40px;
 float:left;
 clear:left;
}
.story-right .str-ico
{
 display:block;
 width:32px;
 height:32px;
 background-color:#7cbdea;
 border:8px solid #fff;
border-radius:100%;
behavior:url(ie-css3.htc);
/*ie6*/ -moz-border-radius:100%;
-webkit-border-radius:100%;
 position:absolute;
 top:45px;
 left:-83px;
}
.story-right .glyphicon
{
 display:block;
 width:20px;
 height:20px;
 color:#000;
 position:absolute;
 top:50px;
 left:-20px;
border-color: transparent #fff transparent transparent;
border-style: solid;
border-width:10px;
width: 0;
height: 0;
position:absolute;
line-height:0;
font-size:0;
_border-left-color:#fff;
_border-right-color:#fff;
_filter: chroma( color =#fff);
}
.story-right .story-con
{
border-radius:10px;
behavior:url(ie-css3.htc);
/*ie6*/ -moz-border-radius:10px;
-webkit-border-radius:10px;
 background-color:#fff;
}
.story-right .story-img
{
	margin-left:40px;
	margin-right:40px;
}
.story-right .story-con p
{
 padding:40px;
 font-size:14px;
text-indent:0em;
 line-height:1.6;
}
@media (min-width: 960px) and (min-width: 1200px) 
{

.story-right .story-con p
{
 min-width:100%;
font-size:16px;
}
}
@media (min-width: 1200px) 
{

.story-right .story-con p
{
 min-width:880px;
font-size:16px;
}
}
.story-right .story-con h2
{
 padding:20px 40px 0;
 font-size:16px;
 line-height:1.6;
}
.story-right .story-con h5
{
 padding:0px 40px 40px;
 font-size:14px;
 line-height:1.6;
 color:#777;
}
.story-main div:nth-last-child(1)
{
margin-bottom:0px;
}
.story-right:last-child
{
margin-top:-60px;
}


/*tooltip*/
.story-main .tooltip
{
 font-size:14px;
 font-family:Arial, Helvetica, sans-serif;
 color:#fff;
 font-weight:300;
}
.story-main .tooltip-inner
{
max-width:200px;
padding:8px 12px;
color:#fff;
text-align:center;
text-decoration:none;
 background-color:#3d464d !important;
border-radius:25px;
behavior:url(ie-css3.htc);
/*ie6*/ -moz-border-radius:25px;
-webkit-border-radius:25px;
 width:140px;
opacity:0.85;
}
.story-main .tooltip-arrow
{
opacity:0.65 !important;
}

.img-hide
{
 display:none;
}
@media (min-width: 768px) 
{

.st-mt-1
{
 margin-top:-60px;
}
.st-mt-2
{
 margin-top:-90px;
}
.st-mt-3
{
 margin-top:-600px;
}
.st-mt-4
{
 margin-top:-350px;
}
.st-mt-5
{
 margin-top:-100px;
}
.st-mt-6
{
 margin-top:-150px;
}
.st-mt-7
{
 margin-top:-118px;
}
}
@media (max-width: 768px) 
{

.story-main:before 
{
left:44px;
}
.story-tit
{
width:90px;
 height:90px;
 margin-left:0px;
 z-index:100;
 clear:both;
 float:left;
}
.story-left
{
width:203px;
 position:relative;
 margin-left:70px;
 margin-bottom:40px;
 float:left;
 clear:both;
}
.story-right
{
position:relative;
 margin-left:80px;
 margin-bottom:40px;
 margin-right:20px;
 float:left;
 clear:both;
}
.story-right .str-ico
{
border:8px solid #fff;
left:-60px;
}
.story-left .str-ico
{
 left:-35px;
}
.clear2
{
 display:none;
}
.story-right .story-img
{
	margin-left:20px;
	margin-right:20px;
}
.story-right .story-con p
{
 padding:30px 20px;
 font-size:14px;
text-indent:2em;
 line-height:1.6;
 min-height:120px;
}
.story-right .story-con h2
{
 padding:20px 20px 0;
 font-size:16px;
 line-height:1.6;
}
.story-right .story-con h5
{
 padding:0px 20px 20px;
 font-size:14px;
 line-height:1.6;
 color:#777;
}
.img img
{
display:none;
}
.img img.img-hide
{
 display:block;
}
}

/*story slide*/
.flexslider 
{
margin: 0;
 padding: 0;
 position:relative;
}
.str-slid .slide 
{
}
.str-slid .caption 
{
padding:0;
 text-align:left;
 width:100%;
 height:auto;
}

.str-slid .flex-direction-nav a 
{
display: block;
 background-repeat: no-repeat;
 width:54px;
 height:160px;
 position: absolute;
 top:calc(50% - 120px);
 text-indent: -9999px;
 -moz-transition: all 0.3s ease-in;
 -webkit-transition: all 0.3s ease-in;
 transition: all 0.3s ease-in;
 opacity: 0.5;
 text-indent:-9000px;
}
.str-slid .flex-direction-nav a.flex-prev 
{
left:0px;
 background-image: url(img/left-arrow3.png);
}
.str-slid .flex-direction-nav a.flex-prev:hover 
{
opacity: 1;
}
.str-slid .flex-direction-nav a.flex-next 
{
 right:0px;
 background-image: url(img/right-arrow4.png);
 }
.str-slid .flex-direction-nav a.flex-next:hover 
{
opacity: 1;
}

.str-slid .flex-control-paging 
{
padding-top:15px;
 display:inline-block;
 width:100%;
 position:absolute;
 bottom:120px;
 text-align:center;
}
.str-slid .flex-control-paging li 
{
 display:inline-block;
}
.str-slid .flex-control-paging li a 
{
cursor:pointer;
display:inline-block;
*display:inline;
zoom:1;
 width: 20px;
 height: 20px;
 text-indent: -9999px;
 margin:0 10px;
}
.str-slid .flex-control-paging li a span
{
display:block;
cursor:pointer;
border-radius:100%;
behavior:url(ie-css3.htc);
/*ie6*/ -moz-border-radius:100%;
-webkit-border-radius:100%;
width:16px;
 height:16px;
background:#fff;
opacity:0.5;
margin:2px 2px;
 float:left;
}
.str-slid .flex-control-paging li a.flex-active span
{
opacity:1;
width:20px;
 height:20px;
 margin:0;
}
@media (max-width: 640px) 
{

.str-slid .flex-control-paging li a 
{
width:12px;
 height:12px;
}
.str-slid .flex-control-paging li a span
{
width:10px;
 height:10px;
margin:1px 1px;
}
.str-slid .flex-control-paging li a.flex-active span
{
width:12px;
 height:12px;
}
.str-slid .flex-direction-nav a 
{
display: block;
 background-repeat: no-repeat;
 width:54px;
 height:100px;
 position: absolute;
 top:calc(0% + 40px);
 text-indent: -9999px;
 background-position:center center;
}
.str-slid .flex-control-paging 
{
bottom:70px;
}
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}