﻿@charset "utf-8";

/* -- SAP CSS Document -- */

/* ===== @FONT-FACE ============================================================================================================= */
/* -- This CSS resource incorporates links to font software which is the valuable copyrighted property of WebType LLC, The Font Bureau, and/or their suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact WebType with any questions:http://www.webtype.com -- */
@font-face {
    font-family: "BentonSansRegular";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/fonts/sap/BentonSans/BentonSans-Regular.eot?") format("embedded-opentype"), url('/assets/fonts/sap/BentonSans/BentonSans-Regular.woff') format('woff'), url("/assets/fonts/sap/BentonSans/BentonSans-Regular.otf"), url("/assets/fonts/sap/BentonSans/BentonSans-Regular.ttf") format("truetype"), url("/assets/fonts/sap/BentonSans/BentonSans-Regular.svg#web") format("svg");
}

@font-face {
    font-family: "BentonSansMedium";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/fonts/sap/BentonSans/BentonSans-Medium.eot?") format("embedded-opentype"), url('/assets/fonts/sap/BentonSans/BentonSans-Medium.woff') format('woff'), url("/assets/fonts/sap/BentonSans/BentonSans-Medium.otf"), url("/assets/fonts/sap/BentonSans/BentonSans-Medium.ttf") format("truetype"), url("/assets/fonts/sap/BentonSans/BentonSans-Medium.svg#web") format("svg");
}

@font-face {
    font-family: "BentonSansBold";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/fonts/sap/BentonSans/BentonSans-Bold.eot?") format("embedded-opentype"), url('/assets/fonts/sap/BentonSans/BentonSans-Bold.woff') format('woff'), url("/assets/fonts/sap/BentonSans/BentonSans-Bold.otf"), url("/assets/fonts/sap/BentonSans/BentonSans-Bold.ttf") format("truetype"), url("/assets/fonts/sap/BentonSans/BentonSans-Bold.svg#web") format("svg");
}

@font-face {
    font-family: "BentonSansBook";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/fonts/sap/BentonSans/BentonSans-Book.eot?") format("embedded-opentype"), url('/assets/fonts/sap/BentonSans/BentonSans-Book.woff') format('woff'), url("/assets/fonts/sap/BentonSans/BentonSans-Book.otf"), url("/assets/fonts/sap/BentonSans/BentonSans-Book.ttf") format("truetype"), url("/assets/fonts/sap/BentonSans/BentonSans-Book.svg#web") format("svg");
}

@font-face {
    font-family: "BentonSansLight";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/fonts/sap/BentonSans/BentonSans-Light.eot?") format("embedded-opentype"), url('/assets/fonts/sap/BentonSans/BentonSans-Light.woff') format('woff'), url("/assets/fonts/sap/BentonSans/BentonSans-Light.otf"), url("assets/fonts/BentonSans-Light.ttf") format("truetype"), url("assets/fonts/BentonSans-Light.svg#web") format("svg");
}

/* ===== RESETS, ANCHOR OUTLINE REMOVAL, CLEARFIX ========================================================================= */
html, body, a, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup,
var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; outline:0; border:0; border-spacing:0; border-collapse:collapse; background:transparent; vertical-align:baseline; font-size:100%; }

/* ===== GLOBALS ======================================================================================================= */

/* -- Base -- */
* { max-height: 100000px }
html * { margin: 0px; padding: 0px; outline: 0px; outline: none; }
html, body { height: 100%; }
body { min-width: 320px; background: #f4f4f4; margin: 0; font: 15px/1.47; color: #545454; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; font-family: "BentonSansRegular", Arial, Helvetica, sans-serif; }
header, footer, article, section, hgroup, nav, figure, aside { display:block }
a { outline:none; color:#0066B3; }
a:hover, a:active, a:focus, object, embed { outline:none; }
a { text-decoration: none; color: #0065B3 }
a:active { background-color: transparent }
a:hover { text-decoration: underline }
img { vertical-align: top; max-width: 100%; border: 0 }
map, area, img { outline:none; border:none; }
hr { height:0; border:none; background:none; }
input, textarea, select { font:14px Arial, Helvetica, sans-serif; vertical-align:middle; color:#444; }
input[type=submit]::-moz-focus-inner, input[type=reset]::-moz-focus-inner { border:0; padding:0 }
button:hover, input[type=submit]:hover, input[type=reset]:hover { cursor:pointer }
input[type=search] { outline-width:0 }
.clearfix:before, .clearfix:after { display:block; visibility:hidden; height:0; content:"\\0020"; }
.clearfix:after { clear:both; }
.clearfloat {clear:both; height:0; line-height:0 }
.clearer {clear:both; display:block; height:1px; margin-bottom:-1px; font-size:1px; line-height:1px;}
.container { padding: 0px; margin: 0 auto }
.container:after { content:''; clear:both; display:block}

/* -- PAGE, BREADCRUMB -- */
#page { margin:0 auto; width:100%; height:auto; position: relative; min-height: 100%; z-index:200; }
#breadcrumb { display:block; margin-top:147px; width:100%; height:24px; background:#e5e5e5; }
#breadcrumb ul li { display:inline; }
#breadcrumb ul li a { display:block; float:left; background:url(/assets/img/bkg-breadcrumb-nav-arrow.png) no-repeat right; color:#0066b3; text-decoration:none; font-weight:bold; }
#breadcrumb ul li a:hover { text-decoration:underline; }
#breadcrumb ul li span { display:block; float:left; padding:5px 14px 4px 10px; font-weight:bold; }

/* -- HEADER -- */
.header { width:100%; position:relative; background-color:#000; z-index:3000; top:0 }
.header .top-header {width:100%; background: #fff; position:relative; }
.header .bottom-header {width:100%; background-color:#000; position:relative; }
.header.fixed { position:fixed !important;}
.header .header-section { padding: 15px 0px 20px; height: 35px; max-width: 1240px; margin: auto; position:relative; }
.header .header-section .logo-block { float:left; width:50%; }
.header .header-section .logo-block.right { float: right; width: 49%; padding-top: 8px;}
.header .header-section .logo-block.right ul.boldLink { float:right; padding-top:3px; }
.header .header-section .logo-block.right ul.boldLink li { font-size: 14px; font-weight: normal; font-family: "BentonSansMedium", Arial, Helvetica, sans-serif; float: left; color: #222; text-align: right; padding:0px 5px; border-left:1px solid #222; list-style:none; }
.header .header-section .logo-block.right ul.boldLink li:first-child { border:none; }
.header .header-section .logo-block.right ul.smallLink { float:right; clear:both; padding-top:5px; }
.header .header-section .logo-block.right ul.smallLink li { font-size: 11px; float:left; color: #999; padding:0px 5px; border-left:1px solid #999; list-style:none; }
.header .header-section .logo-block.right ul.smallLink li:first-child { border:none; }
.header .header-section .logo-block.right ul.smallLink li a { font-size: 11px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-align: right; color: #999; float: left; }
.header .header-section .sap-logo { float: left; padding-top:8px; padding-right:2%; margin-top: 0; text-decoration: none; }
.header .header-section .asug-logo { float: left; padding-top:2px; margin-top: 2px; text-decoration: none; padding-left:2%; border-left:solid 2px #908f91; }
.header .sap-logo img, .asug-logo img { max-height:36px; }
.header .header-section .logo { float:left; margin:0 4% 0 0; }
.header .header-section .logo a img { max-width: 290px; max-height: 36px; }
.header .header-section .logo span.sitename { color:#fff; top: 13px; left:-3px; position: relative; font-size:13px; font-weight: normal; float:left; }
.header .header-section .logo span.sitename {display:none;}
.header .linkButton { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #FDB913; border: 0px; color: #fff; font-size: 15px!important; line-height: 20px; font-family: "BentonSansMedium", Arial, Helvetica, sans-serif; font-weight: normal; text-align: center; padding: 6px 8px; float: left; margin-top: 6px; display: inline-table; cursor: pointer; }
.header .linkButton:hover { background: #008fd3; text-decoration: none; color: #fff; }
.header .regButton { float: right; min-width: 90px; padding-top: 8px; padding-left: 15px; text-align:center; }

/* -- NAVIGATION -- */
.navigation {float: left;font-family:"BentonSansMedium", Arial, Helvetica, sans-serif;font-size:15px;line-height:20px; width:60%; padding-left:0%;}
.navigation.right {float: right;}
.navigation .main-navigation { width: 100% !important; }
.navigation .main-navigation .nav-block .nav-area>li { padding: 0 2.6% 0 0%; }
.main-navigation { float: left; font-family: "BentonSansMedium", Arial, Helvetica, sans-serif; font-size: 15px; line-height: 20px; width: 60%; padding-left: 0%; }
.main-navigation a { color: #000 }
.main-navigation .slide-icon { display: none; float: left; margin: 0 0 0 10px; text-decoration: none; color: #ccc; min-width: 35px; text-align: center; cursor: pointer; }
.main-navigation .slide-icon [class^="icon-"]:before { font-size: 24px; line-height: 36px; }
.main-navigation .slide-icon:hover [class^="icon-"]:before { color: #fff; }
.main-navigation a.nav-opener { display: none; float: right; margin: 9px 0 0 0px; text-decoration: none; color: #ccc; min-width: 21px; text-align: center; }
.main-navigation a.nav-opener [class^="icon-"]:before { font-size: 19px; line-height: 36px; }
.main-navigation a.nav-opener:hover { color: #fff; text-decoration: none; }
.main-navigation .nav-block .popup { width: auto; position: absolute; right: 0; left: 44px; top: 0; display: none; background: #f2f2f2; }
.main-navigation .nav-block .popup .popup-content { padding: 15px 12px; }
.close-icon { position: relative; float: right; padding-right: 10px; top: -10px; display: none; }
.main-navigation .nav-block .search-field { background: #fff; border: 1px solid #9a9a9a; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: 31px; overflow: hidden; padding: 0 40px 0 0; position: relative; }
.main-navigation .nav-block .search-field input[type="search"] { float: left; width: 100%; height: 31px; padding: 7px 10px; border: 0; background: 0; font-size: 13px; line-height: 17px; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.main-navigation .nav-block .search-field [class^="icon-"] { position: absolute; right: 3px; top: 3px; width: 25px; height: 25px; color: #008fd3; cursor: pointer; background: url(../images/btn-submit.png) no-repeat center center; }
.main-navigation .nav-block .search-field [class^="icon-"]:before { font-size: 20px; line-height: 24px }
.main-navigation .nav-block .search-field [class^="icon-"]:hover { color: #003283 }
.main-navigation .nav-block .search-field input[type="submit"] { position: absolute; top: 0; left: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; text-indent: -9999px; border: 0; background: 0; }
.main-navigation .nav-block .nav-area { margin: 0; padding: 0; list-style: none; width: 100%; }
.main-navigation .nav-block .nav-area:after { content: ''; display: block; clear: both; }
.main-navigation .nav-block .nav-area>li { float: left; padding: 0 5% 0 0%; position: relative; }
.main-navigation .nav-block .nav-area>li>a { float: left; padding: 12px 0 13px; color: #fff; font-family: "BentonSansMedium"; font-style: normal; font-weight: normal; }
.main-navigation .nav-block .nav-area>li.has-drop>a { padding-right: 17px; position: relative; background: url(../images/nav-arrow-icon.png) no-repeat right center; background-size: 11px; }
.main-navigation .nav-block .nav-area>li.has-drop>a [class^="icon-"]:before { position: absolute; top: 50%; right: 0; margin-top: -7px; font-size: 11px; line-height: 14px; }
.main-navigation .nav-block .nav-area li>a { text-decoration: none; }
.main-navigation .nav-block .nav-area li>a em { font-style: normal; }
.main-navigation .nav-block .nav-area li:hover>a em { text-decoration: none; }
.main-navigation .drop-area { position:absolute; top:-9999px; left:0; width:230px; z-index:100; font-size:12px; line-height:16px; padding:10px 0 0 }
.main-navigation .drop-area .drop-slide-wrapper { display: block!important; }
.main-navigation .drop-area .drop-wrapper .drop-holder ul { margin:0; padding:8px 0; list-style:none; border-bottom:0 solid #ddd; background-color:#f4f4f4 }
.main-navigation .drop-area .drop-wrapper .drop-holder ul.level3 { background-color: #fff; }
.main-navigation .drop-area .drop-wrapper .drop-holder ul.level4 { background-color: #f4f4f4; }
.main-navigation .drop-area .drop-wrapper .drop-holder ul.level5 { background-color: #f4f4f4; }
.main-navigation .drop-area .drop-wrapper .drop-holder ul>li { padding: 2px 15px }
.main-navigation .drop-area .drop-wrapper .drop-holder ul>li.subspace em { padding-left: 20px; }
.main-navigation .drop-area .drop-wrapper .drop-holder ul>li>a { border-top:1px solid #ddd; display:block; padding:7px 0; font-size:13px; font-weight:400; color:#000 }
.main-navigation .drop-area .drop-wrapper .drop-holder ul>li:first-child>a { border-top: 0 }
.main-navigation .drop-area .drop-wrapper .drop-holder ul>li.has-drop>a { padding-right:17px; position:relative; background:url(../images/nav-arrow-right-icon.png) 97% center no-repeat; background-size:12px }
.main-navigation .drop-area .drop-wrapper .drop-holder ul>li.has-drop>a [class^=icon-]:before { position:absolute; top:50%; right:0; color:#1799d7; margin-top:-7px; font-size:11px; line-height:14px }
.main-navigation .drop-area .drop-wrapper .drop-holder ul>li.has-drop>a>.icon-arrow-down:before { display: none }
.main-navigation .has-drop:hover>.drop-area { top: 100%; }
.main-navigation .drop-area.submenu { position:relative; left:100%; width:250px }
.main-navigation .drop-area.submenu>.drop-wrapper .drop-holder { position:absolute; }
.main-navigation .drop-area.submenu:before { content: ''; display: block; clear: both }
.main-navigation .drop-area.submenu ul { left:100%; width:250px;}
.main-navigation .has-drop:hover>.drop-area.submenu { top:-40px;}
/*.main-navigation .has-drop:hover>.drop-area.submenu { position:absolute; top:0; left:100%; width:250px }*/
/*.main-navigation .drop-area.submenu ul { position:relative; left:230px; top:0px; }*/
/*.main-navigation .drop-area.submenu>ul { left:250px;}*/
.main-navigation .drop-right-direction>.drop-area { left: auto; right: -30px }
.main-navigation .drop-detailed { position:absolute; top:-9999px; left:100%; width:250px }
.main-navigation .drop-detailed.drop-two-cols { width: 562px }
.main-navigation .drop-detailed>.drop-holder { position: relative }
.main-navigation .drop-detailed>.drop-holder .drop-title { padding:13px 15px 12px; font-family:"BentonSansBold"; font-size:15px; line-height:18px; font-weight:400; margin-top:10px }
.main-navigation .drop-detailed>.drop-holder .drop-set { padding: 0px }
.main-navigation .drop-detailed>.drop-holder .drop-set:after { content: ''; display: block; clear: both }
.main-navigation .drop-detailed>.drop-holder .drop-col { float:left; width:100%; padding:8px 0; margin:2px 0 0 }
.main-navigation .drop-detailed>.drop-holder .drop-col>ul>li>a>.icon-arrow-right:before { display: none }
.main-navigation .drop-detailed>.drop-holder ul { margin:0; padding:0; list-style:none }
.main-navigation .drop-detailed>.drop-holder ul li { padding:4px 0 }
.main-navigation .drop-detailed>.drop-holder ul .open-close .opener { position:relative; padding-left:14px }
.main-navigation .drop-detailed>.drop-holder ul .open-close .opener [class^=icon-]:before { position:absolute; top:1em; left:0; margin-top:-7px; font-size:9px; line-height:14px }
.main-navigation .drop-detailed>.drop-holder ul .open-close .opener:hover em { text-decoration:underline }
.main-navigation .drop-detailed>.drop-holder ul .open-close .slide ul { padding:4px 0 0 14px; margin-bottom: -4px }
.main-navigation .has-drop.drop-active>.drop-detailed { top:0 }
.main-navigation .has-drop:hover>.drop-detailed { top:0 }
.main-navigation .has-drop a.mobnoclick em { cursor:default !important }
.main-navigation .has-drop a.mobnoclick { cursor:default !important }
.icon-arrow-down { position:absolute; z-index:0; float:right; right:0; top:0; width:20px; height:40px; display:none }
.icon-arrow-down a { display:block; width:20px; height:40px }
.login-section { float:right; font-size:12px; position:absolute; top:14px; right:15px; bottom:0px; line-height: 12px }
.login-section ul { float:left; margin:0; padding:0; text-align:center; }
.login-section ul li { float:left; margin:0; list-style:none; text-align:center; font-family:Arial; padding:0 3px 17px 0 }
.login-section ul li a { text-decoration:none; color:#fff; font-size:11px; padding:28px 5px 0; float:left }
.login-section ul li span { float:left; clear:both; text-align:center; width:100% }
.login-section ul li:hover span { text-decoration:underline; color:#fff }
.login-section ul li.registration a.linkButton { padding: 6px 18px; display: inline-block; font-weight:bold }
.login-section li#loginText { background: url(../images/log-on-hover.jpg) no-repeat center top; opacity:.8; filter: alpha(opacity=80); }
.login-section li#loginText:hover { background: url(../images/log-on-hover.jpg) no-repeat center top; opacity:1; filter: alpha(opacity=100); }
.login-section li#loggedinUserSpecific { background: url(../images/user-icon-hover.jpg) no-repeat center top; opacity:.8; filter: alpha(opacity=80); }
.login-section li#loggedinUserSpecific:hover { background: url(../images/user-icon-hover.jpg) no-repeat center top; opacity:1; filter: alpha(opacity=100); }
.login-section li.searchIcon { background: url(../images/search-hover.jpg) no-repeat center top; opacity:.8; filter: alpha(opacity=80); }
.login-section li.searchIcon:hover { background: url(../images/search-hover.jpg) no-repeat center top; opacity:1; filter: alpha(opacity=100); }

/* CONTEN BODY */
.body-content { margin:0 auto; width:100%; margin-top:200px; z-index: 300px; background-color:#fff }

/*-- FOOTER --*/
.footer { width:100%; /*height:100%;*/ z-index: 300px; }
.footer .footer-section { background: #e9e9e9; font: 12px/1.2 Arial, Helvetica, sans-serif; color: #000; padding: 20px 0; width: 100%; float: left }
.footer .footer-section .text { padding: 23px 0 20px; max-width: none; line-height: 17px }
.footer .footer-section .text>p { margin:0 }

@media only screen and (max-width:1000px) {
    .footer .footer-section .text { padding-top: 13px }
}

.footer .footer-section .text .rte-footnote { border-top:1px solid #CCC; padding: 17px 2px; display: inline-block }

@media only screen and (max-width:767px) {
    .footer .footer-section .container {
        padding: 0
    }

    .footer .footer-section .text {
        padding: 16px 10px 19px
    }

    .footer .footer-section .text .rte-footnote {
        border: 0;
        padding: 0
    }
}

section.footer-block {
    position: relative;
    max-width: 1240px;
    margin: auto;
    display: block;
    text-align: left;
}

.footer .container .header, .footer .container .footer {
    display: inline;
}
.atm-s a span {
    padding-left: 0px;
}
section.footer-block .socialLinksWrap {
    float: right;
    margin-top: 2px;
    position: relative;
    z-index: 100;
}

section.footer-block .mobileInfoWrap {
    display: none
}

section.footer-block .menu {
    position: relative;
    top: 3px
}

section.footer-block .menu .countrySelectionWrap {
    display: inline-block;
    float: left
}

section.footer-block .menu .desktopInfoWrap {
    float: left;
    margin: 4px 0
}

section.footer-block .menu .desktopInfoWrap>* {
    padding: 0 8px
}

section.footer-block .menu .desktopInfoWrap .copyright {
    display: inline-block
}

section.footer-block .menu .desktopInfoWrap .copyright p {
    margin: 0
}

section.footer-block .menu .desktopInfoWrap .quickLinksWrap {
    display: inline-block
}

section.footer-block .menu .mobileLink {
    display: none
}

section.footer-block .menu .link {
    margin: 4px 0;
    padding: 0 8px;
    display: inline-block;
    float: left;
}

section.footer-block .menu .link.countrySelectionWrap {
    margin: 0;
    padding: 0
}

section.footer-block .menu a {
    display: inline-block;
    vertical-align: top;
    color: #000
}

section.footer-block .fullBrowserView {
    display: none;
    background: url(../images/btn-browser-view.png)!important;
    bottom: 0;
    cursor: pointer;
    height: 23px;
    position: fixed;
    right: 0;
    width: 208px
}

section.footer-block .textView {
    cursor: pointer
}

@media only screen and (max-width:1000px) {
    section.footer-block .socialLinksWrap {
        float: none;
        display: block;
        margin: 0 0 10px 0;
    }

    section.footer-block .menu {
        text-align: center;
        padding-bottom: 0;
        width: 100%;
        float: left;
    }

    section.footer-block .menu .desktopInfoWrap, section.footer-block .menu .countrySelectionWrap {
        float: none
    }

    section.socialLinksGroup ul, section.socialLinksGroup li {
        float: none
    }

    section.footer-block .menu .desktopLinks, section.footer-block .menu .desktopInfoWrap {
        display: inline-block;
        position: relative;
        top: -9px
    }
}

@media only screen and (max-width:767px) {
    section.footer-block .mobileInfoWrap {
        text-align: center;
        display: block;
        padding: 18px 0 12px
    }

    section.footer-block .mobileInfoWrap .copyright {
        text-align: right;
        width: 48%;
        float: left
    }

    section.footer-block .mobileInfoWrap .copyright p {
        margin: 0
    }

    section.footer-block .mobileInfoWrap .quickLinksWrap:after {
        content: '';
        display: block;
        clear: both
    }

    section.footer-block .mobileInfoWrap:first-child:last-child {
        float: none
    }

    section.footer-block .socialLinksWrap {
        border-bottom: 1px solid #fff;
        margin: 0
    }

    section.footer-block .menu {
        margin: 0 0 0 -1px;
        padding: 0;
        width: 100%;
        border-bottom: 1px solid #fff;
        display: inline-block;
        top: 0
    }

    section.footer-block .menu .desktopLinks {
        display: none
    }

    section.footer-block .menu .desktopInfoWrap {
        display: none
    }

    section.footer-block .menu .mobileLink {
        width: 50%;
        float: left;
        padding: 18px 0 12px;
        margin: 0;
        text-align: center;
        border-top: 1px solid #fff;
        display: inline-block;
    }

    section.footer-block .menu .mobileLink:nth-child(odd) {
        border-left: 1px solid #fff;
        margin-left: -1px;
        position: relative;
        left: 1px
    }

    section.footer-block .menu .mobileLink:nth-child(even) {
        clear: both;
        display: block;
        border-right: 1px solid #fff;
        margin-right: -1px
    }

    section.footer-block .menu .lastAloneLink {
        width: 100%
    }
}

.textOnlyView {
    background: none!important;
    background-color: none!important;
    background-image: none!important;
    color: #000!important;
    border: none!important;
    /*position:relative;*/
}

.textOnlyView:after, .textOnlyView:before {
    background: none!important;
    background-color: #fff!important;
    background-image: none!important;
    color: #000!important;
    border: none!important
}

.textOnlyView a, .textOnlyView a span {
    color: #008fd3!important;
    text-decoration: underline!important
}

.textOnlyView input {
    border: 1px solid!important
}

.textOnlyView input[type="submit"] {
    background-color: #aaa!important
}

.textOnlyView img {
    display: none!important
}

section.quickLinks {
    position: relative
}

section.quickLinks .header {
    color: #000;
    cursor: pointer
}

section.quickLinks .header:hover {
    text-decoration: underline
}

section.quickLinks .header .icon-arrow-down {
    display: none
}

section.quickLinks .header span:before {
    font-size: 10px;
    text-decoration: none
}

section.quickLinks ul {
    min-width: 200px;
    position: absolute;
    bottom: 100%;
    border-width: 1px 0 22px;
    border-style: solid;
    border-color: #ddd transparent #e9e9e9;
    padding: 10px 0px;
    background-color: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9));
    background: -webkit-linear-gradient(top, #fafafa, #e9e9e9);
    background: -moz-linear-gradient(top, #fafafa, #e9e9e9);
    background: -ms-linear-gradient(top, #fafafa, #e9e9e9);
    background: -o-linear-gradient(top, #fafafa, #e9e9e9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9', GradientType=0);
    z-index: 100;
    box-shadow: 1px -5px 10px #ddd;
    left: 0px;
}

section.quickLinks ul li {
    border-bottom: 1px solid #DDD;
    display: block;
    padding: 10px 0 10px;
    margin: 0px 15px;
}

section.quickLinks ul li a {
    color: #000;
    display: inline-block;
    vertical-align: top
}


.centerbtn {
    margin-left: -30px !important;
    margin-top: -12px !important;
}

.pSeparator {
    margin-top: 35px;
    font-size: 13px !important;
    padding-bottom: 0 !important;
}

.joinFacebook {
    width: 250px!important;
    position: absolute;
    bottom: 100%;
    border-style: solid;
    border-color: #ddd transparent #e9e9e9;
    padding: 10px 0px;
    background-color: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9));
    background: -webkit-linear-gradient(top, #fafafa, #e9e9e9);
    background: -moz-linear-gradient(top, #fafafa, #e9e9e9);
    background: -ms-linear-gradient(top, #fafafa, #e9e9e9);
    background: -o-linear-gradient(top, #fafafa, #e9e9e9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9', GradientType=0);
    z-index: 100;
    box-shadow: 1px -5px 10px #ddd;
    right: 0px;
    text-align: center;
    border-top: 1px solid #ccc;
}

.joinTwitter {
    width: 250px!important;
    position: absolute;
    bottom: 100%;
    border-style: solid;
    border-color: #ddd transparent #e9e9e9;
    padding: 10px 0px;
    background-color: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9));
    background: -webkit-linear-gradient(top, #fafafa, #e9e9e9);
    background: -moz-linear-gradient(top, #fafafa, #e9e9e9);
    background: -ms-linear-gradient(top, #fafafa, #e9e9e9);
    background: -o-linear-gradient(top, #fafafa, #e9e9e9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9', GradientType=0);
    z-index: 100;
    box-shadow: 1px -5px 10px #ddd;
    right: 0px;
    text-align: center;
    border-top: 1px solid #ccc;
}

.joinYouTube {
    width: 250px!important;
    position: absolute;
    bottom: 100%;
    border-style: solid;
    border-color: #ddd transparent #e9e9e9;
    padding: 10px 0px;
    background-color: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9));
    background: -webkit-linear-gradient(top, #fafafa, #e9e9e9);
    background: -moz-linear-gradient(top, #fafafa, #e9e9e9);
    background: -ms-linear-gradient(top, #fafafa, #e9e9e9);
    background: -o-linear-gradient(top, #fafafa, #e9e9e9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9', GradientType=0);
    z-index: 100;
    box-shadow: 1px -5px 10px #ddd;
    right: 0px;
    text-align: center;
    border-top: 1px solid #ccc;
}

.joinInstagram {
    width:250px!important;
    position:absolute;
    bottom:100%;
    border-style:solid;
    border-color:#ddd transparent #e9e9e9;
    padding:10px 0px;
    background-color:#fafafa;
    background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9));
    background:-webkit-linear-gradient(top, #fafafa, #e9e9e9);

    background:-moz-linear-gradient(top, #fafafa, #e9e9e9);
    background:-ms-linear-gradient(top, #fafafa, #e9e9e9);
    background:-o-linear-gradient(top, #fafafa, #e9e9e9);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9', GradientType=0);
    z-index:100;
    box-shadow: 1px -5px 10px #ddd;
    right:0px;
    text-align:center;
    border-top: 1px solid #ccc;
}

.joinLinkedIn {
    width: 250px!important;
    position: absolute;
    bottom: 100%;
    border-style: solid;
    border-color: #ddd transparent #e9e9e9;
    padding: 10px 0px;
    background-color: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9));
    background: -webkit-linear-gradient(top, #fafafa, #e9e9e9);
    background: -moz-linear-gradient(top, #fafafa, #e9e9e9);
    background: -ms-linear-gradient(top, #fafafa, #e9e9e9);
    background: -o-linear-gradient(top, #fafafa, #e9e9e9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9', GradientType=0);
    z-index: 100;
    box-shadow: 1px -5px 10px #ddd;
    right: 0px;
    text-align: center;
    border-top: 1px solid #ccc;
}

.joinGoogle {
    width: 250px!important;
    position: absolute;
    bottom: 100%;
    border-style: solid;
    border-color: #ddd transparent #e9e9e9;
    padding: 10px 0px;
    background-color: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9));
    background: -webkit-linear-gradient(top, #fafafa, #e9e9e9);
    background: -moz-linear-gradient(top, #fafafa, #e9e9e9);
    background: -ms-linear-gradient(top, #fafafa, #e9e9e9);
    background: -o-linear-gradient(top, #fafafa, #e9e9e9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9', GradientType=0);
    z-index: 100;
    box-shadow: 1px -5px 10px #ddd;
    right: 0px;
    text-align: center;
    border-top: 1px solid #ccc;
}

.Slideshare {
    width: 250px!important;
    position: absolute;
    bottom: 100%;
    border-style: solid;
    border-color: #ddd transparent #e9e9e9;
    padding: 10px 0px;
    background-color: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9));
    background: -webkit-linear-gradient(top, #fafafa, #e9e9e9);
    background: -moz-linear-gradient(top, #fafafa, #e9e9e9);
    background: -ms-linear-gradient(top, #fafafa, #e9e9e9);
    background: -o-linear-gradient(top, #fafafa, #e9e9e9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9', GradientType=0);
    z-index: 100;
    box-shadow: 1px -5px 10px #ddd;
    right: 0px;
    text-align: center;
    border-top: 1px solid #ccc;
}

.xingshare {
    width: 250px!important;
    position: absolute;
    bottom: 100%;
    border-style: solid;
    border-color: #ddd transparent #e9e9e9;
    padding: 10px 0px;
    background-color: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9));
    background: -webkit-linear-gradient(top, #fafafa, #e9e9e9);
    background: -moz-linear-gradient(top, #fafafa, #e9e9e9);
    background: -ms-linear-gradient(top, #fafafa, #e9e9e9);
    background: -o-linear-gradient(top, #fafafa, #e9e9e9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9', GradientType=0);
    z-index: 100;
    box-shadow: 1px -5px 10px #ddd;
    right: 0px;
    text-align: center;
    border-top: 1px solid #ccc;
}

.shareEmail {
    width: 250px!important;
    position: absolute;
    bottom: 100%;
    border-style: solid;
    border-color: #ddd transparent #e9e9e9;
    padding: 10px 0px;
    background-color: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9));
    background: -webkit-linear-gradient(top, #fafafa, #e9e9e9);
    background: -moz-linear-gradient(top, #fafafa, #e9e9e9);
    background: -ms-linear-gradient(top, #fafafa, #e9e9e9);
    background: -o-linear-gradient(top, #fafafa, #e9e9e9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9', GradientType=0);
    z-index: 100;
    box-shadow: 1px -5px 10px #ddd;
    right: 0px;
    text-align: center;
    border-top: 1px solid #ccc;
}

.socialLinksGroup .contBlock {
    height: 230px;
    padding: 10px 20px;
}

.socialLinksGroup .contBlock span {
    font-size: 17px;
    color: #000;
    padding: 10px 0;
    font-weight: bold;
    font: 18px/25px BentonSansMedium, Arial, Helvetica, sans-serif;
}

.socialLinksGroup .contBlock span img {
    margin-bottom: 8px;
}

.socialLinksGroup .contBlock span.icon-arrow-right {
    background: url(../images/nav-arrow-right-icon.png) no-repeat right 5px;
    background-size: 11px;
    float: right;
    width: 15px;
}

.socialLinksGroup .contBlock ul {
    padding: 20px 0%;
    width: 100%;
    float: left;
    text-align: left;
}

.socialLinksGroup .contBlock ul li {
    width: 100%;
    border-bottom: #ccc 1px solid;
    float: left;
    padding: 3px 0px 0;
    line-height: 25px;
}

.socialLinksGroup .contBlock ul li a {
    color: #222;
    display: block;
}

.multiSocialBlock {
    float: left;
    position: relative;
}

section.socialLinksGroup {
    position: relative
}

section.socialLinksGroup ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

section.socialLinksGroup li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline;
}

section.socialLinksGroup .headline {
    display: inline-block;
    margin: 0;
    font: 15px/1.6 BentonSansMedium, Arial, Helvetica, sans-serif;
    width: auto;
    float: none;
    color: #000;
    padding-left: 20px;
}

section.socialLinksGroup .nav {
    vertical-align: top
}

section.socialLinksGroup .nav li {
    margin: 0 4px
}

section.socialLinksGroup .nav li a:hover {
    text-decoration: none;
}

section.socialLinksGroup .nav li a img {
    height: 24px;
    width: 24px
}

section.socialLinksGroup .nav li:last-child {
    margin-right: 0
}

.socialLinksWrap ul li.shareIcon {
    float: right;
    position: relative;
    top: 2px;
    padding-left: 20px;
}

section.socialLinksGroup .contentBlocks>li {
    display: none;
    position: absolute;
    bottom: 100%;
    right: 0;
    z-index: 100;
    font-size: 12px;
    line-height: 1.25
}

section.socialLinksGroup .contentBlocks>li .linkContent {
    width: 186px;
    min-height: 261px;
    border-width: 1px 0 20px;
    border-style: solid;
    border-color: #DDD transparent #e9e9e9;
    padding: 34px 29px 5px 30px;
    background-color: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9));
    background: -webkit-linear-gradient(top, #fafafa, #e9e9e9);
    background: -moz-linear-gradient(top, #fafafa, #e9e9e9);
    background: -ms-linear-gradient(top, #fafafa, #e9e9e9);
    background: -o-linear-gradient(top, #fafafa, #e9e9e9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9', GradientType=0);
    text-align: center
}

section.socialLinksGroup .contentBlocks>li .linkContent .icon {
    height: 72px
}

section.socialLinksGroup .contentBlocks>li .linkContent .description {
    font-weight: bold;
    font: 18px/25px BentonSansMedium, Arial, Helvetica, sans-serif;
    padding: 7px 0 22px
}

section.socialLinksGroup .contentBlocks>li .linkContent .followShareWrap {
    text-align: left;
    display: block;
    font-size: 12px;
    line-height: 1.25
}

section.socialLinksGroup .contentBlocks>li .linkContent .followShareWrap li {
    display: block;
    margin: 0;
    padding: 9px 0 7px
}

section.socialLinksGroup .contentBlocks>li .linkContent .followShareWrap li.share, section.socialLinksGroup .contentBlocks>li .linkContent .followShareWrap li.single {
    border-bottom: 1px solid #ddd
}

section.socialLinksGroup .contentBlocks>li .linkContent .followShareWrap li a {
    width: auto;
    display: block;
    cursor: pointer;
    color: #000
}

section.socialLinksGroup .contentBlocks>li .linkContent .followShareWrap li a .icon-arrow-right:before {
    color: #008fd3;
    font-size: 10px;
    margin-top: 2px;
    float: right;
    text-decoration: none
}

#select-country {
    background: url(../images/nav-arrow-up-gray.png) no-repeat right center;
    background-size: 20px;
    padding-right: 15px;
    margin-right: 5px;
}

.desktopInfoWrap .legal {
    background: url(../images/nav-arrow-up-gray.png) no-repeat right center;
    background-size: 20px;
    padding-right: 15px;
}

.mobileInfoWrap .legal {
    background: url(../images/nav-arrow-icon-gray.png) no-repeat right center;
    background-size: 20px;
    padding-right: 23px;
}
