@charset "UTF-8";
@font-face { font-family: 'abelregular'; src: url("../fonts/abel-regular-webfont.eot"); src: url("../fonts/abel-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/abel-regular-webfont.woff") format("woff"), url("../fonts/abel-regular-webfont.ttf") format("truetype"), url("../fonts/abel-regular-webfont.svg#abelregular") format("svg"); font-weight: normal; font-style: normal; }

/* --------------- reset.css --------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; word-wrap: break-word }

a { margin: 0; padding: 0; vertical-align: baseline; background: transparent; text-decoration: none; color: #2b63c1 }
a:hover, a:active {color: #598adb;}

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

td, td img { vertical-align: top; }

input, select, button, textarea { margin: 0; font-size: 100%; font-family: "abelregular", sans-serif; }

textarea { font-family: "abelregular", sans-serif; }

input[type="checkbox"] { vertical-align: bottom; }

input[type="radio"] { vertical-align: text-bottom; }

sub { vertical-align: sub; font-size: smaller; }

sup, .sup { vertical-align: text-top; font-size: medium; }

/* --------------- /reset.css --------------- */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

/*body { position: relative; text-align: left; font: 14px/16px "abelregular", sans-serif; color: #000; background-color: #e3e3e3; background-image: url('../img/symbols.png'); background-position: center 263px; background-repeat: no-repeat; background-attachment: fixed }*/

body { text-align: left; font: 14px/16px "abelregular", sans-serif; color: #000; background: #fff url('../img/dropshadow.png') center top repeat-y; }

label, input[type="button"], input[type="submit"], button { cursor: pointer; }

/*vertical rhythm*/
.post p { font-size: 15px; color: #231f20; line-height: 20px; padding-bottom: 10px; font-weight: 300; }
.post strong, .post b { font-weight: normal; }
.post a { text-decoration: none; }
.post a:hover { text-decoration: underline; }
.post img[lign="left"] { flaot: left; margin: 0 20px 20px 0; }
.post img[lign="right"] { flaot: left; margin: 0 0 20px 20px; }
.post q { font-size: 16px; color: #003399; font-style: italic; line-height: 22px; padding-bottom: 20px; display: block; }
.post h1 { font-size: 34px; color: #00427e; line-height: 38px; padding-bottom: 10px; font-weight: bold; }
.post h2 { font-size: 28px; color: #00427e; line-height: 30px; padding-bottom: 10px; font-weight: bold; }
.post h3 { font-size: 20px; color: #00427e; line-height: 24px; padding-bottom: 20px; font-weight: normal; }
.post h4 { font-size: 18px; color: #00427e; line-height: 22px; padding-bottom: 20px; font-weight: normal; }
.post h5 { font-size: 16px; color: #00427e; line-height: 20px; padding-bottom: 20px; font-weight: normal; }
.post h6 { font-size: 14px; color: #00427e; line-height: 18px; padding-bottom: 20px; font-weight: normal; }
.post ul { padding-left: 15px; padding-bottom: 20px; }
.post ul li { font-size: 12px; color: #5f6167; line-height: 18px; }
.post ol { padding-left: 15px; padding-bottom: 20px; }
.post ol li { font-size: 12px; color: #5f6167; line-height: 18px; }
.post table { width: 100%; margin-bottom: 20px; }
.post table tr td { font-size: 14px; line-height: 18px; padding-bottom: 15px; padding: 10px; }
.post table[border="1"] tr td { border: 2px solid #333; }

.hide { display: none !important; }

@media only screen and (min-width: 768px) and (max-width: 1024px) { .show-tablet { display: block !important; } }

@media only screen and (max-width: 767px) { .show-mobile { display: block !important; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) { .hide-tablet { display: none !important; } }

@media only screen and (max-width: 767px) { .hide-mobile { display: none !important; } }

@media only screen and (max-width: 767px) { body { width: 100%; overflow-x: hidden; } }

/*menu*/
.toggle-menu { display: none; font-size: 14px; color: #5c6f7c; line-height: 16px; position: absolute; left: 10px; top: 110px; text-transform: uppercase; }
@media only screen and (max-width: 767px) { .toggle-menu { display: block; } }

#nav-check:checked + #nav { width: 220px; }

#nav-check:checked ~ .wrap { overflow: hidden; padding-left: 220px; }

@media only screen and (min-width: 768px) {
    #nav-check:checked + #nav { width: 0px; }
    #nav-check:checked ~ .wrap { overflow: hidden; padding-left: 0px; } }

.wrap { width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.nav-check { display: none; }

.lnav { position: fixed; overflow: hidden; top: 0; width: 0; height: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; }
.lnav .lnav_i { width: 160px; padding: 20px 35px 0 25px; }
.lnav .lnav_i > ul > li { display: block; margin-left: 15px; position: relative; }
.lnav .lnav_i > ul > li:first-child { padding-left: 0; }
.lnav .lnav_i > ul > li > a { font-size: 15px; color: #435363; text-transform: uppercase; line-height: 18px; }
.lnav .lnav_i > ul > li > a span { margin: 0 5px; }
@media only screen and (max-width: 767px) { .lnav .lnav_i > ul > li > a { font-size: 12px; line-height: 16px; } }
.lnav .lnav_i > ul > li#doc-2 a:hover > a:hover { color: #00af9e; }
.lnav .lnav_i > ul > li#doc-25 > a:hover { color: #f95172; }
.lnav .lnav_i > ul > lili#doc-10 > a:hover { color: color: #5686DA; }
.lnav .lnav_i > ul > li#doc-14 > a:hover { color: #e68ad6; }
.lnav .lnav_i > ul > li ul { padding-top: 10px; padding-bottom: 15px; }
.lnav .lnav_i > ul > li li { list-style: none; padding-bottom: 4px; padding-left: 10px; }
.lnav .lnav_i > ul > li li a { font-size: 13px; line-height: 15px; color: #435363; text-transform: uppercase; }header { height: 220px; background: url(../img/top-bg.png) no-repeat 50% 0 transparent; width: 980px; margin: 0 auto; position: relative; }
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { header { width: auto; -webkit-background-size: 100% auto; background-size: 100% auto; } }
@media only screen and (max-width: 767px) { header { width: auto; background: url(../img/top-bg-m.png) no-repeat 0 0 transparent; -webkit-background-size: 100% auto; background-size: 100% auto; } }

.sony-logo { position: absolute; right: 20px; top: 10px;}

.logo { position: absolute; left: 40px; top: 40px; }
@media only screen and (max-width: 767px) {
    .logo { left: 50%; top: 30px; margin-left: -100px; }
.logo img { width: 200px; }}
  
.back-to-top { background: url("../img/icons/back_to_top.png") no-repeat scroll right 2px rgba(0, 0, 0, 0);  padding-right: 14px;  position: absolute; right: 2px;} 

.mnav { position: absolute; right: 40px; top: 65px; }
@media only screen and (max-width: 767px) { .mnav { display: none; } }
.mnav > ul > li { list-style: none; display: inline-block; margin-left: 15px; position: relative; *display: inline; zoom: 1; }
.mnav > ul > li:first-child { padding-left: 0; }
.mnav > ul > li > a { font-size: 15px; color: #435363; text-transform: uppercase; line-height: 18px; }
.mnav > ul > li > a span { margin: 0 5px; }
.mnav > ul > li > a:active span, .mnav > ul > li > a:focus span{ text-decoration: underline; }
@media only screen and (max-width: 767px) { .mnav > ul > li > a { font-size: 12px; line-height: 16px; } }
li#doc-2 a:hover, li#doc-2 ul span:hover { color: #00af9e; }
li#doc-25 a:hover, li#doc-25 ul span:hover { color: #f95172; }
li#doc-10 a:hover, li#doc-10 ul span:hover { color: #5686DA; }
li#doc-14 a:hover, li#doc-14 ul span:hover { color: #e68ad6; }
.mnav > ul > li ul { position: absolute; left: 10px; top: 18px; display: none; }
.mnav > ul > li ul li { list-style: none; padding-bottom: 5px; }
.mnav > ul > li ul li a { font-size: 13px; color: #435363; line-height: 15px; text-transform: uppercase; }
.mnav > ul > li ul li a:hover { text-decoration: underline; }
.mnav > ul > li:hover ul { display: block; }

.search { background: url(../img/search-bg.png) no-repeat 0 0 transparent; width: 206px; height: 21px; position: absolute; right: 40px; top: 175px; }
.search input[type="text"] { width: 119px; float: left; height: 21px; border: 0; background: none; padding: 0 10px; font-size: 15px; color: #435363; line-height: 21px; }
.search input[type="submit"] { background: url(../img/search.png) no-repeat 0 2px transparent; height: 21px; line-height: 21px; font-size: 15px; color: #435363; border: 0; padding: 0 10px 0 17px; float: right; }

.B_crumbBox { position: absolute; left: 40px; top: 175px; list-style: none; width: 60% }
.B_crumbBox li { display: inline-block; margin-right: 5px; text-transform: uppercase; }
.B_crumbBox li a { text-transform: uppercase; padding-left: 3px; }
.B_crumbBox .B_firstCrumb a { padding-left: 0; background: none }
.B_currentCrumb { font-weight: bold; color: #7D7E80 }

@media only screen and (max-width: 767px) { 
    .search { right: 15px; }
    .B_crumbBox { display: none; } }

.content { width: 900px; margin: 0 auto; position: relative }
#ghost { position: fixed; top: 370px; left: 50%; margin: 0 0 0 -350px; z-index: 0; }

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { #ghost {display: block !important;} }

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .content { width: auto; } }
@media only screen and (max-width: 767px) { .content { width: auto; } }

.hiring { position: fixed; right: 0; top: 325px; z-index: 100; }
@media only screen and (max-width: 767px) {
    .hiring { top: 224px; }
    .hiring img { height: 95px; } }

.carousel { width: 100%; position: relative; margin-bottom: 30px; max-height: 430px; overflow: hidden;}
.carousel__list ul li { list-style: none; position: relative; float: left; }
.carousel__list ul li > img { display: block; width: 100%; min-width: 100%; }
.carousel__list ul li .symbols { position: absolute; left: 50%; top: 50%; margin: -63px 0 0 -351px; z-index: 2; }
@media only screen and (max-width: 767px) {
    .carousel__list ul li .symbols { width: 80%; margin-left: -40%; margin-top: 0; top: 20px; }
    .carousel__list ul li .symbols img { width: 100%; min-width: 100%; } }
.carousel__list ul li .title { background: rgba(29, 29, 27, 1); position: absolute; left: 0; bottom: 0; font-size: 31px; color: #fff; line-height: 35px; padding: 15px 20px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 3; font-weight: normal; }
@media only screen and (max-width: 767px) { .carousel__list ul li .title { font-size: 16px; line-height: 20px; padding: 5px 10px; } }
.carousel__list ul li.blue .title { background: rgba(88, 128, 193, 1); }
.carousel__list ul li.red .title { background: rgba(233, 84, 111, 1); }
.carousel__list ul li.green .title { background: rgba(0, 160, 136, 1); }
.carousel__list ul li.pink .title { background: rgba(208, 120, 175, 1); }
//.carousel__list ul li.blue .title { background: rgba(137, 171, 229, 1); }
////.carousel__list ul li.red .title { background: rgba(210, 127, 148, 0.6); }
//.carousel__list ul li.red .title { background: rgba(246, 174, 148, 0.6); }
//.carousel__list ul li.green .title { background: rgba(102, 203, 187, 1); }
//.carousel__list ul li.pink .title { background: rgba(207, 141, 190, 0.7); }
.carousel__list ul li .text { background: rgba(255, 255, 255, 0.6); width: 520px; padding: 20px 40px; position: absolute; right: 0; top: 70px; z-index: 3; }
@media only screen and (max-width: 767px) { .carousel__list ul li .text { display: none; } }
.carousel__list ul li .text p { font-size: 22px; color: #435363; line-height: 26px; }
.carousel__list ul li .text p strong { font-weight: normal; color: #fd5373; }
.carousel__list ul li .text p a { color: #5b87da; }
.carousel__list ul li .text p a:hover { text-decoration: underline; }
.carousel__list ul li > a { display: block; height: 100%; position: absolute; top: 0; width: 100%; z-index: 3; }
.carousel__list ul li img { display: block; width: 100%; min-width: 100%; }
.carousel__list ul li > a{display:block;}
.carousel__paging { position: absolute; right: 50px; bottom: 25px; z-index: 100; text-align: right; white-space: nowrap; }
.carousel__paging a { display: inline-block; margin-left: 10px; width: 6px; height: 6px; border: 2px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.carousel__paging a span { display: none; }
.carousel__paging a.selected { background: #fff; }
.banner_sub {
    position: absolute;
    top: -35px;
    height: 35px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background:#EE4F31;
    font-size:20px;
    border-radius: 15px 15px 0 0;
    padding:0 30px;
    text-transform: uppercase;
    
}

.banner_sub svg {
    height: 10px;
    position: absolute;
    top: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}


.home-text { position: relative; z-index: 1 }
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .home-text { padding: 0 10px; } }
@media only screen and (max-width: 767px) { .home-text { padding: 0 10px; } }
.home-text table { width: 100%; }
.home-text table tr td { width: 45%; }
.home-text table tr td.col-1 { padding-right: 5%; }
.home-text table tr td.col-2 { padding-left: 5%; }
.home-text table tr td p { font-size: 22px; color: #435363; line-height: 26px; padding-bottom: 35px; }
.home-text2 table tr td p { font-size: medium; color: red; line-height: 26px; padding-bottom: 35px; }
.home-text table tr td p.small {font-size: 16px; color: #435363; line-height: 18px; }
/*.home-text table tr td.col-2 p {padding-right:40px;}*/
@media only screen and (max-width: 767px) {
    .home-text table, .home-text tr, .home-text td, .home-text tbody { display: block; }
    .home-text table tr td, .home-text table tr td.col-1, .home-text table tr td.col-2 { width: auto; padding: 0; }
    .home-text table tr td p { font-size: 17px; line-height: 20px; padding-bottom: 10px; } }

.home-text-job { position: relative; z-index: 1 }
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .home-text-job { padding: 0 10px; } }
@media only screen and (max-width: 767px) { .home-text-job { padding: 0 10px; } }
.home-text-job table { width: 100%; }
.home-text-job table tr td { width: 45%; }
.home-text-job table tr td.col-1 { padding-right: 5%; }
.home-text-job table tr td.col-2 { padding-left: 5%; }
.home-text-job table tr td p { font-size: 20px; color: #435363; line-height: 26px; padding-bottom: 35px; }
.home-text-job2 table tr td p { font-size: medium; color: red; line-height: 26px; padding-bottom: 35px; }
.home-text-job table tr td p.small {font-size: 16px; color: #435363; line-height: 18px; }
/*.home-text-job table tr td.col-2 p {padding-right:40px;}*/
@media only screen and (max-width: 767px) {
    .home-text-job table, .home-text-job tr, .home-text-job td, .home-text-job tbody { display: block; }
    .home-text-job table tr td, .home-text-job table tr td.col-1, .home-text-job table tr td.col-2 { width: auto; padding: 0; }
    .home-text-job table tr td p { font-size: 17px; line-height: 20px; padding-bottom: 10px; } }    
    
.inner-text table tr td p { font-size: 16px; color: #435363; line-height: 26px; padding-bottom: 35px; }

.home-links { padding-bottom: 40px; position: relative; z-index: 1 }
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .home-links { padding: 0 10px 40px 10px; } }
@media only screen and (max-width: 767px) { .home-links { padding: 0 10px 40px 10px; } }
.home-links a { 
    position: relative;
    width: calc(100%/4); 
    float: left; 
    /*margin-left: 66px; */
}
.home-links img {
    width: 100%;
    display: block;
}
.home-links a:first-child { margin-left: 0; }
.home-links a span { 
    display: block; 
    font-size: 19px; 
    color: #ffffff; 
    line-height: 21px; 
    text-transform: uppercase; 
    padding-top: 10px; 
    position: absolute;
    bottom:10px;
    left:10px;
}
/*@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .home-links a { width: 50%;  }
    .home-links a img { width: 100%; min-width: 100%; } }*/
@media only screen and (max-width: 767px) {
    .home-links a { width: 50%;  }
}

.nav-bott { padding-bottom: 15px; position:relative; z-index:1;}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .nav-bott { padding: 0 10px 15px 10px; } }
@media only screen and (max-width: 767px) { .nav-bott { padding: 0 10px 15px 10px; } }
.nav-bott ul li { list-style: none; float: left; font-size: 15px; color: #92a2ac; }
.nav-bott ul li a { font-size: 15px; color: #92a2ac; text-transform: uppercase; }
@media only screen and (max-width: 767px) { .nav-bott ul li a { font-size: 10px; line-height: 12px; } }
.nav-bott ul li a.active, .nav-bott ul li a:hover { color: #435363; }
.nav-bott ul li i { font-style: normal; margin: 0 4px; position: relative; top: 3px; }
.nav-bott ul li:last-child i { display:none;}
@media only screen and (max-width: 767px) { .nav-bott ul li i { font-size: 10px; line-height: 12px; top: 2px; } }

footer { background: #92a2ac; width: 980px; margin: 0 auto; position: relative; z-index: 1; height: 155px }
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { footer { width: auto; } }
@media only screen and (max-width: 767px) { footer { width: auto; } }

.footer_i { width: 900px; padding-top: 15px; margin: 0 auto; position: relative; padding-bottom: 20px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .footer_i { width: auto; padding: 15px 10px 20px 10px; } }
@media only screen and (max-width: 767px) { .footer_i { width: auto; padding: 15px 10px 20px 10px; } }

.logo-bott { margin-bottom: 25px; }
@media only screen and (max-width: 767px) { .logo-bott img { width: 100px; } }

.lang { padding-bottom: 5px; }
@media only screen and (max-width: 767px) { .lang { font-size: 10px; line-height: 12px; width: 50%; } }
.lang a, .lang span { font-size: 13px; color: #fff; line-height: 15px; text-transform: uppercase; }
@media only screen and (max-width: 767px) { .lang a, .lang span { font-size: 10px; line-height: 12px; } }
.lang a.active, .lang a:hover, .lang span.active, .lang span:hover { text-decoration: underline; }
.lang span { margin: 0 5px; }

.copy { font-size: 13px; color: #fff; line-height: 15px; padding-bottom: 5px; }
@media only screen and (max-width: 767px) { .copy { font-size: 10px; line-height: 12px; width: 50%; } }

@media only screen and (max-width: 767px) { .menu-bott { width: 50%; } }
.menu-bott ul li { list-style: none; float: left; }
.menu-bott ul li a:hover { text-decoration: underline; }
.menu-bott ul li a, .menu-bott ul li span { font-size: 13px; color: #fff; line-height: 15px; }
@media only screen and (max-width: 767px) { .menu-bott ul li a, .menu-bott ul li span { font-size: 10px; height: 12px; } }
.menu-bott ul li span { margin: 0 5px; }

.social { position: absolute; right: 0; top: 15px; }
@media only screen and (max-width: 767px) { .social { right: 10px; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .social { right: 10px; } }
.social a { float: right; text-indent: 100%; white-space: nowrap; overflow: hidden; margin-left: 20px; cursor: pointer; opacity: 0.8;}
.social a:hover {opacity: 1.0;}
/*@media only screen and (max-width: 767px) { .social a { margin-left: 5px; } }
.social a.tw { background: url('../img/icons-s04c1258231.png') 0 -35px no-repeat; width: 30px; height: 30px; }
.social a.fb { background: url('../img/icons-s04c1258231.png') 0 -105px no-repeat; width: 30px; height: 30px; }
.social a.gp { background: url('../img/icons-s04c1258231.png') 0 0 no-repeat; width: 30px; height: 30px; }
.social a.in { background: url('../img/icons-s04c1258231.png') 0 -70px no-repeat; width: 30px; height: 30px; }*/
@media only screen and (max-width: 767px) { .social a { margin-left: 5px; } }
.social a.tw { background: url('../img/icons/social/Twitter Icon-01.png'); background-repeat: no-repeat; background-size: 32px 32px; width: 32px; height: 32px}
.social a.fb { background: url('../img/icons/social/Facebook Icon-01.png'); background-repeat: no-repeat; background-size: 32px 32px;  width: 32px; height: 32px}
.social a.gp { background: url('../img/icons/social/Google+ Icon-01.png'); background-repeat: no-repeat; background-size: 32px 32px;  width: 32px; height: 32px}
.social a.in { background: url('../img/icons/social/LinkedIn Icon-01.png'); background-repeat: no-repeat; background-size: 32px 32px;  width: 32px; height: 32px}
.social a.github { background: url('../img/icons/social/GitHub Icon-01.png'); background-repeat: no-repeat; background-size: 32px 32px;  width: 32px; height: 32px}
//.social a.github { background: url('../img/icons/GitHub-Mark-Light-32px.png') no-repeat; width: 32px; height: 32px; }


.logos { position: absolute; right: 0; bottom: 10px; top: 60px; margin-top: 5px; margin-bottom: 5px}
@media only screen and (max-width: 767px) { .logos { right: 10px; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .logos { right: 10px; } }
.logos a { margin-left: 10px; }

.vacancy { position: relative; z-index: 1 }
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .vacancy { padding: 0 10px; } }
@media only screen and (max-width: 767px) { .vacancy { padding-top: 30px; padding-bottom: 20px; } }
.vacancy .row { background: url(../img/dot.png) repeat-x 0 0 transparent; padding-top: 30px; padding-bottom: 20px; }
.vacancy .row.search-row p.search_result_title { margin: 5px 0 8px;}
.vacancy .row.search-row p.search_result_link { margin: 5px 0 5px;}
.vacancy .row.search-row p.search_result_title a { font-size: 22px;}
.vacancy .row.search-row p.search_result_link a { font-size: 12px;}
.vacancy .row table tr td { width: 45%; }
.vacancy .row table tr td.col-1 { padding-right: 5%; }
.vacancy .row table tr td.col-2 { padding-left: 5%; }
.vacancy .row table tr td p { font-size: 16px; color: #435363; line-height: 24px; padding-bottom: 25px; }
.vacancy .row table tr td p strong { font-size: 22px; font-weight: normal; }
.vacancy .row table tr td a, .vacancy .row.search-row a, .search_list { font-size: 16px; color: #36639e; line-height: 24px; }
.vacancy .row table tr td a:hover, .vacancy .row.search-row a:hover { text-decoration: underline; color: #5987c6; }
.vacancy .row table tr td a i, .vacancy .row.search-row a i { display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url('../img/icons-s310380ca4d.png') 0 -227px no-repeat; width: 10px; height: 11px; margin-left: 10px; position: relative; top: 1px; }
@media only screen and (max-width: 767px) {
    .vacancy .row { padding: 0 10px; background: none; }
    .vacancy .row table, .vacancy .row tr, .vacancy .row td { display: block; }
    .vacancy .row table tr td, .vacancy .row table tr td.col-1, .vacancy .row table tr td.col-2 { width: auto; background: url(../img/dot.png) repeat-x 0 0 transparent; padding-top: 45px; padding-bottom: 30px; }
    .vacancy .row table tr td.col-1 { padding-right: 0; }
    .vacancy .row table tr td.col-2 { padding-left: 0; }
    .vacancy .row table tr td p { padding-bottom: 0; font-size: 12px; line-height: 20px; }
    .vacancy .row table tr td p strong { font-size: 17px; } }
  
.careers_subheading { color: #435363; font-size: 20pt; margin: 0 0 20px; }
@media only screen and (max-width: 767px) { .careers_subheading { margin-left: 10px; } }
  
 /* search */

.search-meta { margin: 0 0 40px 0;}
@media only screen and (max-width: 767px) { .vacancy .search-row { background: url(../img/dot.png) repeat-x 0 0 transparent; padding-top: 45px; padding-bottom: 30px; } }
.sisea-highlight { background-color: #dfe7f7; }

.blog-list__list.search_list { padding-bottom: 60px; }

.wide-text { position: relative; z-index: 1; }
.wide-text table tbody tr td p { color: #435363; font-size: 18px; line-height: 20px; padding-bottom: 20px; }
.wide-text table tbody tr td ul li { color: #435363; font-size: 18px; line-height: 20px; padding-bottom: 3px; margin-left: 20px; }
.wide-text table tbody tr td ul { color: #435363; font-size: 18px; line-height: 20px; padding-bottom: 0px; margin-left: 20px; }
.wide-text table tbody tr td a { color: #36639e;}
.wide-text table tbody tr td a:hover { color: #5987c6; text-decoration: underline;}
.wide-text h1 { margin: 0 0 20px; }
.wide-text h2 { margin: 0 0 10px; }

.three-col { padding-bottom: 40px; position: relative; z-index: 1 }
.three-col p { font-size: 15px; color: #435363; line-height: 17px; padding-bottom: 5px; }
.three-col a { float: left; width: 250px; margin-left: 75px; }
.three-col a:first-child { margin-left: 0; }
.three-col a span { display: block; font-size: 18px; line-height: 20px; color: #435363; padding-top: 10px; text-transform: uppercase; }
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .three-col { padding: 0 10px 40px 10px; }
    .three-col a { width: 30%; margin-left: 5%; }
    .three-col a:first-child { margin-left: 0; }
    .three-col a img { width: 100%; min-width: 100%; } }
@media only screen and (max-width: 767px) {
    .three-col { padding: 0 10px 30px 10px; }
    .three-col a { display: block; float: none; width: 100%; margin-bottom: 20px; margin-left: 0; }
    .three-col a img { width: 100%; min-width: 100%; }
    .three-col a span { font-size: 15px; line-height: 17px; } }


  
.blog-list { position: relative; z-index: 1 }
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .blog-list { padding: 0 10px; } }
.blog-list__title { position: relative; margin-bottom: 25px; }
@media only screen and (max-width: 767px) { .blog-list__title { padding: 0 10px 35px 10px; } }
.blog-list__title h2 { font-size: 31px; color: #435363; line-height: 35px; font-weight: normal; }
.blog-list__title .sort { position: absolute; right: 0; top: 0; text-align: right; font-size: 16px; color: #435363; line-height: 20px; white-space: nowrap; }
@media only screen and (max-width: 767px) { .blog-list__title .sort { position: relative; right: auto; padding-top: 10px; } }
.blog-list__title .sort select { margin-left: 10px; }

.blog-list__list { padding-bottom: 20px; }
.blog-list__list .item { background: url(../img/dot.png) repeat-x 0 0 transparent; padding-top: 50px; padding-bottom: 30px; }
.blog-list__list .item .img { float: left; width: 180px; padding-right: 40px; }
.blog-list__list .item .text { padding-left: 220px; }
.blog-list__list .item .text ol { margin: 0 0 0 22px; font-size: 16px; color: #435363; line-height: 20px; padding-bottom: 30px; }
.blog-list__list .item .text img { max-width: 100%; height: auto; }
.blog-list__list .item .text h3 { font-size: 31px; color: #435363; line-height: 35px; font-weight: normal; padding-top: 12px; padding-bottom: 12px; }
.blog-list__list .item .text h3 a { color: #435363; text-decoration: none }
.blog-list__list .item .text h3 a:hover { text-decoration: underline }
.blog-list__list .item .text .info { font-size: 16px; color: #435363; line-height: 20px; padding-bottom: 8px; }
.blog-list__list .item .text p { font-size: 16px; color: #435363; line-height: 22px; padding-bottom: 20px; }
.blog-list__list .item .text .more { font-size: 16px; color: #435363; line-height: 18px; text-transform: uppercase; }
.blog-list__list .item .text .more:hover { text-decoration: underline; }
.blog-list__list .item .text .more i { display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url('../img/icons-s04c1258231.png') 0 -211px no-repeat; width: 10px; height: 11px; margin-left: 10px; position: relative; top: 1px; }
/*DP 15-12-14 Edit for bullets in blog post*/
.blog-list__list .item .text ul.blue-bullets li { font-size: 16px; color: #435363; line-height: 20px; margin-bottom:0 }
/*end of edit */

.o-blogs-recent {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
    margin-bottom:35px;
}

@media only screen and (max-width: 767px){
    .o-blogs-recent {
        padding:0 10px 0px 10px;
    }

}
.o-blog-recent__item {
    display: block;
    width: 50%;
    display: flex;
    color:#ffffff;
    background: #F05938;
}

.o-blog_recent__more {
    display: block;
    color:#ffffff;
    text-decoration: underline;
    
}


.o-blog-more-posts {
    text-align: center;
    margin-bottom:20px;
    background: url(../img/dot.png) repeat-x 0 0 transparent;
    padding-top: 50px;
    padding-bottom: 30px;
}

.o-blog-more-posts div {
    display: inline-block;
    font-size: 16px;
    color: #435363;
    line-height: 18px;
    text-transform: uppercase;
    cursor: pointer;
}

.o-blog-more-posts i {
        display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url(../img/icons-s04c1258231.png) 0 -211px no-repeat;
    width: 10px;
    height: 11px;
    margin-left: 8px;
    position: relative;
    top: 0px;
}


.o-blog-recent__item-column {
    display: block;
    width: 50%;
    position:relative;
    box-sizing: border-box;
}

.o-blog-recent__img img {
    display: block;
    width: 100%;
}
.o-blog-recent__item:nth-child(3) .o-blog-recent__img, .o-blog-recent__item:nth-child(4) .o-blog-recent__img{
    order:-1;
}
.o-blog-recent__text {
    padding:10px;
}
a.o-blog-recent__item:hover {
    color: #ffffff;
}
.o-blog-recent__item:nth-child(2) .o-blog-recent__text, .o-blog-recent__item:nth-child(3) .o-blog-recent__text {
    background: #889ca6;

}
@media only screen and (max-width: 767px){
    .o-blog-recent__item:nth-child(3) .o-blog-recent__text {
        background: #F05938;
    }
    .o-blog-recent__item:nth-child(4) .o-blog-recent__text {
        background: #889ca6;
    }
}
.o-blog-recent__subject {
    position: absolute;
    bottom:10px;
    left:10px;
}

@media only screen and (max-width: 767px) {
    .o-blog-recent__item {
        width: 100%;
    }
}


@media only screen and (max-width: 767px) {
    .blog-list__list .item { padding: 50px 10px 30px 10px; }
    .blog-list__list .item .img { float: none; width: auto; padding-right: 0; padding-bottom: 20px; }
    .blog-list__list .item .img img { width: 100%; min-width: 100%; }
    .blog-list__list .item .text { padding-left: 0; } }
    .blog-list__list .item .text table tbody tr td p { line-height: 20px; padding-bottom: 0px; font-size: 12px;}

.location { padding-bottom: 40px; position: relative; }
@media only screen and (max-width: 767px) {
    .location img { width: 100%; min-width: 100%; }
    .location .dot { display: none; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .location img { width: 100%; min-width: 100%; }
    .location .dot { display: none; } }
.location .dot { position: absolute; width: 10px; height: 10px; z-index: 10; cursor: pointer; }
.location .dot:hover .hover { display: block; }
.location .hover { display: none; position: absolute; background: url('../img/icons-s04c1258231.png') 0 -140px no-repeat; width: 136px; height: 40px; text-align: center; color: #fff; line-height: 40px; font-size: 17px; left: 50%; top: 10px; margin-left: -68px; }

.contacts { position: relative; z-index: 1 }
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .contacts { padding: 0 10px; } }
@media only screen and (max-width: 767px) { .contacts { padding: 0 10px; } }
.contacts .item { float: left; width: 250px; margin-left: 75px; }
.contacts .item:first-child { margin-left: 0; }
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .contacts .item { width: 30%; margin-left: 5%; }
    .contacts .item:first-child { margin-left: 0; } }
@media only screen and (max-width: 767px) { .contacts .item { width: auto; float: none; padding-bottom: 20px; margin-left: 0 } }
.contacts .item .title { background: url(../img/pink-bg.png) no-repeat 0 0 transparent; width: 185px; padding: 2px 10px; height: 17px; line-height: 17px; font-size: 15px; color: #fff; margin-bottom: 25px; }
.contacts .item p { font-size: 21px; color: #435363; line-height: 26px; padding-bottom: 35px; }
@media only screen and (max-width: 767px) { .contacts .item p { padding-bottom: 10px; } }
.contacts .item .enlarge-text { color: #435363; font-size: 15px; line-height: 17px; padding-bottom: 5px; display: block; }
.contacts .item .map-link { display: block; float: none; width: 100%; margin-bottom: 20px; margin-left: 0; }
.contacts .item .map-link img { width: 100%; min-width: 100%; }
.contacts .item .map-link span { display: block; padding-top: 10px; font-size: 15px; line-height: 17px; color: #435363; }
.contacts .email { clear: both; }
.contacts .email .title { background: url(../img/icons/pink-bg.png) no-repeat 0 0 transparent; width: 185px; padding: 2px 10px; height: 17px; line-height: 17px; font-size: 15px; color: #fff; margin-bottom: 25px; }
.contacts .email p { font-size: 21px; color: #435363; line-height: 26px; padding-bottom: 35px; }
.contacts .email a { color: #435363; }
.contacts .email a:hover { text-decoration: underline; }

.job-detail { position: relative; z-index: 1; }
.job-detail .row { background: url(../img/dot.png) repeat-x 0 0 transparent; padding-top: 30px; padding-bottom: 20px; }
.job-detail .simpleRow { padding-bottom: 20px; }

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .job-detail .row { padding: 30px 10px 20px 10px; } }
@media only screen and (max-width: 767px) { .job-detail .row { padding: 30px 10px 20px 10px; margin-top: 20px } }
.job-detail .row table tr td, .job-detail .simpleRow table tr td { width: 45%; }
.job-detail .row table tr td.col-1, .job-detail .simpleRow table tr td.col-1 { padding-right: 5%; }
.job-detail .row table tr td.col-2, .job-detail .simpleRow table tr td.col-2 { padding-left: 5%; }
.job-detail .row table tr td > p, .job-detail .simpleRow table tr td > p { font-size: 16px; color: #435363; line-height: 24px; padding-bottom: 25px; }
.job-detail .row table tr td > p a, .job-detail .simpleRow table tr td > p a { color: #5b87da; }
.job-detail .row table tr td > p a:hover, .job-detail .simpleRow table tr td > p a:hover { text-decoration: underline; }
.job-detail .row table tr td > ul, .job-detail .simpleRow table tr td > ul, .blue-bullets { padding-bottom: 25px; }
.job-detail .row table tr td > ul li, .job-detail .simpleRow table tr td > ul li, .blue-bullets li, .row.bullets ul li, .bullets ul li {
    background: url("../img/blue-dot.png") no-repeat scroll 1px 10px transparent;
    color: #435363;
    font-size: 16px;
    line-height: 24px;
    list-style: none outside none;
    padding-left: 17px;
}
.blue-bullets ul li
{
    margin-left: 30px;
}
.job-detail .row table tr td > ul > ul, .job-detail .simpleRow table tr td > ul > ul { margin-left: 22px; }
.job-detail .row table tr td img, .job-detail .simpleRow table tr td img { width: 100%; min-width: 100%; height: auto !important }
@media only screen and (max-width: 767px) {
    .job-detail .row table, .job-detail .row tr, .job-detail .row td, .job-detail .row tbody, .job-detail .simpleRow table, .job-detail .simpleRow tr, .job-detail .simpleRow td, .job-detail .simpleRow tbody { display: block; }
    .job-detail .row table tr td, .job-detail .row table tr td.col-1, .job-detail .row table tr td.col-2, .job-detail .simpleRow table tr td, .job-detail .simpleRow table tr td.col-1, .job-detail .simpleRow table tr td.col-2 { width: auto; padding: 0 0 10px 0; }
    .job-detail .row table tr td:first-child, .job-detail .row table tr td.col-1, .job-detail .simpleRow table tr td:first-child, .job-detail .simpleRow table tr td.col-1 { padding-right: 0; } }
.job-detail.job-view h2 { font-size: 16px; line-height: 20px; margin-bottom: 12px; font-weight: bold; }
.job-detail.job-view h3 { color: #435363; margin-bottom: 12px }
//.job-detail.job-view p { color: #435363; font-size: 16px; }
.job-detail.job-view p { color: #435363; font-size: 16px; padding-bottom: 25px; line-height: 24px;}
.quote-box { background: #b8c7e0; position: relative; padding: 35px 35px 0 35px; z-index: -10 }
.quote-box > i { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url('../img/icons-s04c1258231.png') 0 -185px no-repeat; width: 28px; height: 21px; position: absolute; left: 35px; top: 0; }
.home-text table tr td .quote-box p { font-size: 22px; color: #435363; line-height: 27px; padding-bottom: 30px; }
.quote-box p em { font-style: normal; font-size: 16px; }

.staff { padding-bottom: 50px; position: relative; z-index: 1 }
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .staff { padding: 0 10px 50px 10px; } }
@media only screen and (max-width: 767px) { .staff { padding: 0 10px 20px 10px; } }
.staff .item { background: url(../img/dot.png) repeat-x 0 0 transparent; padding-top: 50px; padding-bottom: 30px; }
.staff .item .img { float: left; width: 210px; }
.staff .item .img img { width: 210px; }
@media only screen and (max-width: 767px) {
    .staff .item .img { width: auto; float: none; padding-bottom: 10px; }
    .staff .item .img img { width: 100%; min-width: 100%; } }
.staff .item .text { padding-left: 252px; }
@media only screen and (max-width: 767px) { .staff .item .text { padding: 0 10px; } }
.staff .item .text .quote { position: relative; padding-bottom: 30px; }
.staff .item .text .quote i { text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; background: url('../img/icons-s04c1258231.png') 0 -185px no-repeat; width: 28px; height: 21px; position: absolute; left: -20px; top: -20px; }
.staff .item .text .quote p { font-size: 22px; color: #435363; line-height: 26px; }
.staff .item .text .quote p em { font-size: 16px; font-style: normal; }
.staff .item .text h2 { font-size: 22px; color: #435363; line-height: 26px; font-weight: normal; }
.staff .item .text > p { font-size: 16px; color: #435363; line-height: 24px; padding-bottom: 30px; }
.staff .item .text .more { font-size: 16px; color: #435363; line-height: 18px; }
.staff .item .text .more i { display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url('../img/icons-s04c1258231.png') 0 -297px no-repeat; width: 10px; height: 11px; margin-left: 10px; position: relative; top: 1px; }

.profilepic { width: 180px;}

.staffprofilepic{ width: 220px;}

.staff-title, .job-detail.staff h2 { font-size: 22px; color: #435363; line-height: 26px; font-weight: normal; margin-bottom: 20px; }

.location-detail .row { background: url(../img/dot.png) repeat-x 0 0 transparent; padding-top: 30px; padding-bottom: 20px; }
.location-detail table tr td p { font-size: 22px; color: #435363; line-height: 26px; padding-bottom: 35px; }
.location-detail .row table tr td .col-2 > p,  { padding-top: 35px; padding-bottom: 35px; padding-right: 35px; padding-left: 35px;}

/* added by Dan Parry 10/11/2014 */
.technology-detail table tr td p { font-size: 22px; color: #435363; line-height: 25px; padding-bottom: 22px; padding-top: 22px }
.technology-detail .row table tr td > ul li, .blue-bullets li, .row.bullets ul li {
    color: #435363;
    font-size: 20px;
    line-height: 22px;
    list-style: none outside none;
    padding-left: 17px;
  /*  padding-bottom: 35px;*/
    /*padding-bottom: 6px;*/
}
/* end of Dan's edit */

.extraSpace { padding-bottom: 40px; }

/* faq */

.home-text h2, .job-detail h2 { font-size: 22px; color: #435363; line-height: 26px; font-weight: normal; margin-bottom: 20px; }
.home-text-job h2, .job-detail h2 { font-size: 22px; color: #435363; line-height: 26px; font-weight: normal; margin-bottom: 20px; }
.pagetitle { position: relative; margin-bottom: 40px; }
/*.pagetitle h2 { font-size: 31px; color: #fff; line-height: 33px; position: absolute; left: 0; top: 0; padding: 15px 30px 0 30px; font-weight: normal; }*/
.pagetitle h2 { font-size: 28px; color: #fff; line-height: 33px; position: absolute; left: 0; top: 0; padding: 15px 30px 0 30px; font-weight: normal; }
@media only screen and (max-width: 767px) {
    .pagetitle { width: 100%; overflow: hidden; }
    .pagetitle h2 { padding-top: 10px; font-size: 20px; line-height: 22px; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .pagetitle img{width:100%; min-width:100%; } }

.green-box { background: #4cc4ae; padding: 20px; position: relative; margin-right: 8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.green-box .arr-left { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url('../img/icons-s04c1258231.png') 0 -227px no-repeat; width: 8px; height: 22px; position: absolute; top: 50%; left: -8px; margin-top: -11px; }
.green-box .arr-right { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url('../img/icons-s04c1258231.png') 0 -254px no-repeat; width: 8px; height: 22px; position: absolute; top: 50%; right: -8px; margin-top: -11px; }
.green-box p { color: #fff; font-size: 14px; line-height: 16px; }
.green-box p a { color: #fff; }

/* TABLES */

.content .text table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 4px;
    border-collapse: separate;
    table-layout:fixed;
    margin-bottom: 20px;
}
.content .text th {
    background: #92A2AC;
    padding: 6px 15px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}
.content .text td {
    background: #BAC2C7;
    padding: 6px 15px;
    vertical-align: top;
    font-size: 16px;
    color: #5c646c;
}


/* Mobile */
@media only screen and (max-width: 767px) {
    .content .text table {  table-layout: auto; }
    .content .text .responsive:after { content: "Scroll to reveal all table columns"; }

    .pinned { position: absolute; left: 0; top: 0; width: 35%; overflow: hidden; overflow-x: scroll; }
    .pinned table { width: 100%; }
    .pinned table th, .pinned table td { white-space: nowrap; }
    .pinned td:last-child { border-bottom: 0; }
    
    div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; }
    div.table-wrapper div.scrollable table { margin-left: 35%; }
    div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }  
    
    table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
    table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
}

/* UTILITY */

.content .text .upper {
    text-transform: uppercase;
    margin: 0 0 5px 0;
    color: #5c646c;
    font-size: 16px;
}


.blog-list__list .item .text p.codeBox {
    margin: 0px 50px;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid black;
    font-family: Courier;
    font-size: 16px;
    line-height: 100%;
    color: black;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper p iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.jobFontSizeLarge
{
    font-size: 20px;
}
.jopFontSizeNormal
{
    font=size: 16px;
}

.visually-hidden
{
    position: absolute;
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0,0,0,0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}