@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 -- */


@charset "UTF-8";/*!
 * SAP Success Connect 2016
 * Copyright 2016 SuccessFactors
 *
 *  CONTENTS:
 *  - Variables and Fonts
 *  - General Layout
 *  - Component Styles
 *
 */@media print {
    * {
        -webkit-transition: none!important;
        transition: none!important
    }
}

@media screen {
@    font-face {
        font-family: "BentonSans";
        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");
    }
}

body {
    color: #333;
    font: normal 14px/23px Arial,Helvetica,san-serif
}

h1 {
    font: 300 44px/48px "BentonSans",Helvetica,Arial,san-serif
}

h2 {
    color: #093c71;
    font: 300 36px/40px Arial,Helvetica,san-serif;
    margin: 0 0 .5em
}

h3 {
    color: #093c71;
    font: 300 30px/34px Arial,Helvetica,san-serif;
    margin: 0 0 .5em
}

h4,h5,h6 {
    font: bold 19px/23px Arial,Helvetica,san-serif;
    text-transform: none
}

p,ul,ol,dl,ul li,ol li {
    font: normal 14px/23px Arial,Helvetica,san-serif;
    color: #333;
    margin-bottom: 12px
}

ul li,ol li {
    line-height: 19px;
    margin: 0 0 12px
}

.big-gray {
    color: #666;
    font: 300 34px/39px Arial,Helvetica,san-serif
}

.med-gray {
    color: #999;
    font: 400 20px/25px Arial,Helvetica,san-serif
}

.text--orange {
    color: #eb7300
}

.text--gold {
    color: #f0ab00
}

.text--bold {
    font-weight: bold
}

.text--sm {
    font-size: 12px;
    line-height: 16px
}

@media all and (max-width:767px) {
    h1 {
        font-size: 32px;
        line-height: 36px
    }

    h2 {
        font-size: 26px;
        line-height: 30px
    }

    h3 {
        font-size: 20px;
        line-height: 24px
    }

    h4,h5,h6 {
        font-size: 16px;
        text-transform: none
    }
}

.site-header {
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100
}

.site-logos {
    padding-top: 20px;
    padding-bottom: 20px
}

.site-headline {
    margin: 0
}

@media screen and (max-width:767px) {
    .site-header .container {
        padding: 0 10px
    }

    .site-logos {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.site-navigation {
    background: #093c71;
    color: #fff;
    min-height: 50px;
    position: relative
}

.site-navigation__list,.site-navigation-subList {
    list-style: none outside none;
    margin: 0;
    padding: 0
}

.site-navigation__listItem {
    float: left;
    display: block;
    margin: 0 -1px 0 0
}

.site-navigation__listItem:hover .site-navigation__listLink {
    background-color: #0096d6;
    border-color: #093c71;
    color: #fff;
    cursor: pointer;
    margin: 0 -1px;
    padding-right: 20px;
    padding-left: 20px;
    z-index: 10
}

.site-navigation__listItem:first-child .site-navigation__listLink {
    border-left-color: #093c71
}

.site-navigation__listLink {
    background-color: #093c71;
    border-right: 1px solid rgba(255,255,255,0.4);
    border-left: 1px solid rgba(255,255,255,0.4);
    color: rgba(255,255,255,0.6);
    display: block;
    font: bold 16px/1 Arial,Helvetica,san-serif;
    padding: 17px 19px;
    position: relative;
    -webkit-transition: background-color .3s ease,color .3s ease;
    transition: background-color .3s ease,color .3s ease;
    z-index: 1
}

.site-navigation__listLink .fa {
    font-size: 12px;
    line-height: 14px;
    padding: 0 0 0 5px;
    position: relative;
    top: -2px
}

.site-navigation__listLink:link,.site-navigation__listLink:visited {
    color: rgba(255,255,255,0.6)
}

.site-navigation__listLink:hover,.site-navigation__listLink:active,.site-navigation__listLink:focus {
    text-decoration: none;
    outline: 0
}

.active .site-navigation__listLink {
    background-color: #0096d6;
    border-color: #093c71;
    color: #fff;
    margin: 0 -1px;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 5
}

.site-navigation-subList {
    background: #0096d6;
    display: none;
    left: 0;
    padding: 15px 0;
    position: absolute;
    text-align: center;
    top: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 100%
}

.site-navigation-subList .container {
    padding-right: 30px;
    padding-left: 30px
}

.site-navigation__listItem:hover .site-navigation-subList {
    display: block
}

.site-navigation-subItem {
    display: inline-block;
    line-height: 18px;
    margin-bottom: 0;
    padding: 0 4px;
    text-align: left;
    vertical-align: bottom;
    width: 10%
}

.site-navigation-subItem img {
    margin-top: 10px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.site-navigation-subLink {
    color: #fff;
    display: block
}

.site-navigation-subLink:link,.site-navigation-subLink:visited {
    color: #fff
}

.site-navigation-subLink:hover,.site-navigation-subLink:active {
    color: #fff
}

.site-navigation-subLink:hover img,.site-navigation-subLink:active img {
    opacity: .6
}

.site-nav--language {
    float: right;
    position: relative
}

.site-nav--languageLink {
    border-color: #093c71
}

.site-nav--languageList {
    padding: 0
}

.site-nav--languageItem {
    display: block;
    padding: 0;
    width: 100%
}

.site-nav--languageItemLink {
    display: block;
    padding: 10px;
    text-align: left
}

.site-nav--languageItemLink:hover,.site-nav--languageItemLink:active {
    color: #093c71;
    text-decoration: none
}

@media screen and (max-width:992px) {
    .site-navigation__listLink {
        font-size: 14px;
        padding: 19px 15px
    }
}

@media screen and (min-width:768px) {
    #sap-logo {
        float: right
    }

    .logo--mobile {
        display: none
    }

    .logo--desktop {
        display: block
    }

    .site-navigation__listItem:hover .site-navigation__listLink {
        margin-bottom: -1px;
        padding-bottom: 18px
    }

    .site-navigation-subList {
        border-top: 1px solid #093c71
    }

    .site-navigation-subTitle {
        display: block;
        height: 53px
    }
}

@media screen and (max-width:1025px) {
    .site-navigation .col-sm-12 {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width:991px) and (min-width:768px) {
    .site-navigation__listItem.active .site-navigation__listLink {
        padding-right: 16px;
        padding-left: 16px
    }

    .site-navigation__listItem:hover .site-navigation__listLink {
        padding-right: 16px;
        padding-left: 16px;
        padding-bottom: 20px
    }

    .site-navigation-subList .container {
        padding-left: 10px;
        padding-right: 10px
    }

    .site-navigation-subItem {
        font-size: 12px
    }
}

@media screen and (max-width:767px) {
    .site-headline {
        margin: 2px 0
    }

    .logo--desktop {
        display: none
    }

    .logo--mobile {
        display: block;
        max-height: 30px
    }

    #header-logo-sap {
        float: right
    }

    .site-logos,.site-navigation {
        display: inline-block;
        vertical-align: middle
    }

    .site-header .site-logos {
        width: -webkit-calc(100% - 65px);
        width: calc(100% - 65px)
    }

    .site-navigation {
        background: #fff;
        color: #a8a8a8;
        height: auto;
        position: static;
        width: 60px
    }

    .site-navigation .col-sm-12 {
        padding-left: 15px;
        padding-right: 15px
    }

    .site-navigation__toggle {
        border: 0;
        height: 30px;
        padding: 3px 0 0;
        position: relative;
        top: 8px;
        width: 100%
    }

    .site-navigation__toggle.active .icon-bar {
        left: 0;
        position: absolute;
        top: 12px
    }

    .site-navigation__toggle.active .icon-bar.top-bar {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .site-navigation__toggle.active .icon-bar.middle-bar {
        display: none
    }

    .site-navigation__toggle.active .icon-bar.bottom-bar {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .icon-bar {
        background: #a8a8a8;
        border-radius: 4px;
        display: block;
        height: 4px;
        margin: 4px 0;
        -webkit-transition: -webkit-transform .3s ease,display 0s ease .4s;
        transition: transform .3s ease,display 0s ease .4s;
        width: 100%
    }

    .site-navigation__list {
        background: #093c71;
        bottom: 0;
        display: none;
        left: 0;
        top: 49px;
        overflow-x: scroll;
        padding-bottom: 50px;
        position: fixed;
        width: 100%
    }

    .site-navigation-subList {
        padding: 0;
        position: relative
    }

    .site-navigation-subList .container {
        padding: 0
    }

    .site-navigation__listItem,.site-navigation-subItem {
        display: block;
        padding: 0;
        width: 100%
    }

    .site-navigation__listItem:hover .site-navigation-subList {
        display: none
    }

    .site-navigation__listItem:hover,.site-navigation__listItem:active,.site-navigation__listItem:focus {
        border-top: 1px solid #093c71
    }

    .site-navigation__listItem.active {
        border-top: 1px solid #093c71
    }

    .site-navigation__listItem.active .site-navigation__listLink {
        background-color: transparent
    }

    .site-navigation__listItem.active .site-navigation__listLink:link,.site-navigation__listItem.active .site-navigation__listLink:visited,.site-navigation__listItem.active .site-navigation__listLink:hover,.site-navigation__listItem.active .site-navigation__listLink:active,.site-navigation__listItem.active .site-navigation__listLink:focus {
        color: #fff
    }

    .site-navigation__listItem.hover {
        border-top: 1px solid #093c71
    }

    .site-navigation__listItem.hover .site-navigation-subList {
        border-top: 1px solid rgba(255,255,255,0.5);
        display: block
    }

    .site-navigation__listItem.hover .site-navigation__listLink {
        background: #0096d6;
        color: #093c71
    }

    .site-navigation__listItem.hover .site-navigation__listLink:link,.site-navigation__listItem.hover .site-navigation__listLink:visited,.site-navigation__listItem.hover .site-navigation__listLink:hover,.site-navigation__listItem.hover .site-navigation__listLink:active,.site-navigation__listItem.hover .site-navigation__listLink:focus {
        color: #093c71
    }

    .site-navigation__listItem.hover .site-navigation__listLink .fa {
        float: right;
        top: 2px;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .site-navigation__listLink {
        color: #fff;
        font-size: 20px;
        padding: 15px 20px
    }

    .site-navigation__listLink:hover,.site-navigation__listLink:active,.site-navigation__listLink:focus {
        background: #0076cb;
        border: 0;
        color: #fff;
        outline: 0;
        text-decoration: none
    }

    .site-navigation__listLink .fa {
        float: right;
        top: 6px;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .site-navigation-subItem {
        border-bottom: 1px solid rgba(255,255,255,0.5)
    }

    .site-navigation-subItem:last-child {
        border-bottom: 0
    }

    .site-navigation-subLink {
        display: block;
        padding: 15px 20px
    }

    .site-navigation-subLink:hover,.site-navigation-subLink:active,.site-navigation-subLink:focus {
        background: #0076cb;
        border: 0;
        color: #fff;
        outline: 0;
        text-decoration: none
    }

    .site-navigation-subLink img {
        display: none
    }

    .site-navigation-subLink .fa {
        display: none
    }
}

@media screen {
    body {
        background: #fff;
        padding-top: 150px
    }

    main .container {
        padding-right: 24px;
        padding-left: 24px
    }

    section {
        padding: 40px 0
    }

    .section--bgwhite {
        background-color: #fff
    }

    .section--bgltgray {
        background-color: #f5f5f5
    }

    a {
        color: #0096d6;
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }

    a:link,a:visited {
        color: #0096d6
    }

    a:hover,a:active,a:focus {
        color: #1d5f95
    }

    img,video,iframe,embed {
        /*height: auto;*/
        max-width: 100%
    }

    hr {
        border-color: #ccc;
        margin: 30px 0
    }

    .container {
        margin: 0 auto;
        max-width: 1025px;
        width: 100%
    }

    .position-static {
        position: static
    }

    .site-content {
        position: relative;
        z-index: 50
    }

    .no-margin {
        margin: 0
    }

    .nowrap {
        white-space: nowrap
    }

    .img-right {
        float: left;
        margin-left: 15px;
        vertical-align: middle
    }

    .img-left {
        float: left;
        margin-right: 15px;
        vertical-align: middle
    }

    .divider {
        display: inline-block;
        padding: 0 10px;
        vertical-align: text-top
    }

    .btn {
        background-color: #0076cb;
        border-radius: 4px;
        color: #fff;
        display: inline-block;
        font: bold 13px/1 Arial,Helvetica,san-serif;
        padding: 9px 10px 8px;
        text-align: center;
        text-transform: uppercase;
        vertical-align: middle;
        white-space: nowrap
    }

    .btn:link,.btn:visited {
        color: #fff
    }

    .btn:hover,.btn:active,.btn:focus {
        background-color: #0067b2;
        color: #fff;
        outline: 0
    }

    .btn--arrow {
        background-image: url(../../designs/successconnect/images/cta-button-arrow-gold.png);
        background-position: 96% 50%;
        background-repeat: no-repeat;
        padding-right: 40px
    }

    .sold-out {
        border-top: 1px solid #da1a32;
        border-bottom: 1px solid #da1a32;
        color: #da1a32;
        display: inline-block;
        font: bold 12px/1 Arial,Helvetica,san-serif;
        padding: 5px 0 4px;
        position: relative;
        text-transform: uppercase;
        top: -3px;
        vertical-align: middle
    }
}

@media screen and (min-width:992px) {
    main .container {
        padding-right: 45px;
        padding-left: 45px
    }
}

@media screen and (min-width:768px) {
    main .container {
        padding-right: 40px;
        padding-left: 40px
    }
}

@media screen and (max-width:767px) {
    body {
        padding-top: 49px
    }

    section {
        padding: 30px 0
    }

    hr {
        border-color: #ccc;
        margin: 20px 0
    }

    a[href^=tel] {
        line-height: 44px
    }
}

.select-custom {
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 3px;
    height: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1
}

.select-custom:before {
    background-color: #fff;
    border-left: 1px solid #ccc;
    bottom: 1px;
    color: #0096d6;
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 16px;
    height: 100%;
    padding: 4px 8px;
    position: absolute;
    right: 1px;
    top: 0;
    width: 28px;
    z-index: -1
}

.select-custom__dropdown {
    background: transparent;
    border: 0;
    font: 400 13px/1 Arial,Helvetica,san-serif;
    height: 28px;
    padding: 6px 9px 5px;
    width: 114%
}

.page-footer {
    background: #093c71;
    color: #fff;
    font-size: 13px;
    padding: 70px 0;
    position: relative;
    z-index: 40;
}

.page-footer a {
    color: #fff
}

.page-footer a:link,.page-footer a:visited {
    color: #fff
}

.page-footer a:hover,.page-footer a:active {
    color: #70d4ff;
    text-decoration: none
}

.page-footer p,.page-footer ul,.page-footer ol {
    color: #fff
}

.site-footer__copyright,.footer-nav__list,.footer-social__list {
    margin: 0;
    padding: 0
}

.footer-nav__list,.footer-social__list {
    list-style: none outside none
}

.footer-nav__listItem,.footer-social__listItem {
    display: inline-block;
    padding: 0 7px
}

.footer-social__listItem {
    font-size: 18px
}

@media all and (max-width:768px) {
    .page-footer {
        padding-top: 30px
    }

    .site-footer__copyright,.footer-nav__list,.footer-social__list {
        text-align: center;
        margin: 7px 0
    }
}

.hero.section {
    height: 498px
}

.hero-component {
    background-color: #093c71;
    height: 498px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
    z-index: 1
}

.hero--fixed {
    position: fixed;
    top: 150px
}

.hero-background {
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 1
}

.hero-background__placeholder {
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    margin: 0 auto;
    opacity: .6;
    position: relative;
    -webkit-transition: background-size 12s ease-in-out,opacity 10s ease-in-out;
    transition: background-size 12s ease-in-out,opacity 10s ease-in-out;
    width: 100%
}

.hero-pattern {
    background-color: transparent;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.hero-pattern__placeholder {
    background-position: center 31%;
    background-repeat: no-repeat;
    background-size: auto 224%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 6s ease-in-out;
    transition: opacity 6s ease-in-out;
    width: 100%
}

.hero-gradient {
    background: transparent;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

.hero-content {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 6
}

.hero-content__headline {
    color: #fff;
    font: 300 42px/50px "BentonSans",Helvetica,Arial,san-serif;
    margin: 0 auto 30px;
    max-width: 700px;
    text-shadow: 0 0 6px rgba(0,0,0,0.9)
}

.hero-content__button {
    background: #f0ab00;
    border-radius: 4px;
    color: #000;
    display: inline-block;
    font: normal 20px/1 Arial,Helvetica,san-serif;
    overflow: hidden
}

.hero-content__button a {
    display: block;
    padding: 12px 18px
}

.hero-content__button a:link,.hero-content__button a:visited {
    color: #000
}

.hero-content__button a:hover,.hero-content__button a:active {
    background: #eb7300;
    color: #000
}

@media all and (min-width:992px) {
    .hero-background__placeholder {
        background-size: auto 100%
    }

    .hero-gradient {
        background: -webkit-linear-gradient(left,#093c71 0,#093c71 5%,rgba(9,60,113,0) 25%,rgba(9,60,113,0) 75%,#093c71 95%,#093c71 100%);
        background: -webkit-gradient(linear,left top,right top,from(#093c71),color-stop(5%,#093c71),color-stop(25%,rgba(9,60,113,0)),color-stop(75%,rgba(9,60,113,0)),color-stop(95%,#093c71),to(#093c71));
        background: linear-gradient(to right,#093c71 0,#093c71 5%,rgba(9,60,113,0) 25%,rgba(9,60,113,0) 75%,#093c71 95%,#093c71 100%)
    }
}

@media all and (max-width:991px) {
    .hero.section,.hero-component {
        height: 420px
    }

    .hero-background__placeholder {
        background-size: 105% auto
    }

    .hero-pattern__placeholder {
        background-size: 130% auto;
        background-position: center 13%
    }
}

@media all and (max-width:767px) {
    .hero.section,.hero-component {
        height: 375px
    }

    .hero--fixed {
        top: 49px
    }

    .hero-background__placeholder {
        background-size: auto 105%
    }

    .hero-pattern__placeholder {
        background-size: auto 175%;
        background-position: center bottom
    }

    .hero-content__headline {
        font-size: 30px;
        line-height: 40px
    }
}

.city-hero-component {
    background-color: #1d5f95;
    background-repeat: no-repeat;
    background-position: center;
    height: 178px
}

.city-hero__title {
    color: #fff;
    font: 300 38px/43px "BentonSans",Helvetica,Arial,san-serif;
    margin: 0
}

.city-hero__subtitle {
    color: #fff;
    font: 300 30px/43px "BentonSans",Helvetica,Arial,san-serif;
    margin: 0
}

@media all and (min-width:768px) {
    .city-hero__content {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media all and (max-width:767px) {
    .city-hero-component {
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .city-hero__title {
        font-size: 28px;
        line-height: 34px
    }

    .city-hero__subtitle {
        font-size: 24px;
        line-height: 28px
    }
}

.gallery-component {
    background: #f5f5f5;
    padding: 0;
    position: relative;
    z-index: 5
}

.slide-gallery,.slide-gallery__item {
    list-style: none outside none;
    margin: 0;
    padding: 0
}

.slide-gallery {
    background: #fff;
    height: 205px;
    position: relative;
    width: 100%
}

.slide-gallery__item {
    background: #fff;
    color: #000;
    cursor: pointer;
    float: left;
    height: 100%;
    padding-right: 5px;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 10%
}

.slide-gallery__item:last-child {
    padding-right: 0
}

.slide-gallery__itemContent {
    background-size: 610px auto;
    background-repeat: no-repeat;
    float: left;
    height: 205px;
    opacity: .65;
    -webkit-transition: width .15s ease;
    transition: width .15s ease;
    width: 100%
}

.slide-gallery__itemText {
    background: #fff;
    background-color: rgba(255,255,255,0.8);
    bottom: 0;
    display: none;
    height: 65px;
    left: 0;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    right: 0;
    width: 100%
}

.slide-gallery__itemHeadline {
    font: bold 17px/1 Arial,Helvetica,san-serif;
    margin: 0
}

.slide-gallery__itemSubhead {
    margin: 0
}

.slide-gallery__item:hover .slide-gallery__itemContent {
    opacity: 1
}

.slide-gallery__item.open {
    width: 60%
}

.slide-gallery__item.open .slide-gallery__itemContent {
    opacity: 1
}

.slide-gallery__item.open .slide-gallery__itemText {
    display: block
}

@media all and (max-width:767px) {
    .slide-gallery {
        margin: 0 -9px;
        width: auto
    }

    .slide-gallery__item {
        position: static
    }

    .slide-gallery__itemText {
        height: 70px;
        z-index: 100
    }

    .slide-gallery__itemSubhead {
        font-size: 12px;
        line-height: 16px;
        margin-top: 2px
    }
}

@media all and (max-width:350px) {
    .slide-gallery__itemText {
        height: 80px
    }

    .slide-gallery__itemHeadline {
        font-size: 15px;
        line-height: 1
    }
}

.video-js .vjs-big-play-button:before,.video-js .vjs-control:before,.video-js .vjs-modal-dialog,.vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button:before,.video-js .vjs-control:before {
    text-align: center
}

@font-face {
    font-family:VideoJS;src:url("global/css/fonts/VideoJS/VideoJS.eot?#iefix") format("eot")
}

@font-face {
    font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAA4wAAoAAAAAFfAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeBGNtYXAAAAE0AAAAOgAAAUriLxC2Z2x5ZgAAAXAAAAnnAAAO5OV/F/5oZWFkAAALWAAAACsAAAA2C4eUa2hoZWEAAAuEAAAAGAAAACQOogcfaG10eAAAC5wAAAAPAAAAeNIAAABsb2NhAAALrAAAAD4AAAA+MMgtQm1heHAAAAvsAAAAHwAAACABLwB5bmFtZQAADAwAAAElAAACCtXH9aBwb3N0AAANNAAAAPkAAAF5vawAenicY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPwoyw7iLmSHCDOCCADu/Qo9AAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD7K/v8PUvCREUTzM0DVAwEjG8OIBwCOWgbUAAB4nI1XfVBU1xV/574vlsUlj/14grDs48FuAgaR3X2LEnY3UZSgEkTwAySAgkIwI8bRfFDjTszYCWRMW9lNa4y2meokmq+2k5ia0dpkmknbkWgSSW3GyaaNf0RTx0wxX7A3Pe/tQmIgHXf3vXvvueeee+45v3POXQYY/PCD/CBDGAYkIE2sxg+OXSJmhmH1OaFX6MU5C5PDMCZi5Rg2i+ELGSthwM14NCbgYGSBIZfhFA1H6Zu0OS0NDkMVfg+npdFm+maCvigI0JBIQIMg0BdJGdTj9ylj7nr+b97+Hl8C1+H2xNAvjPqxjIgaKtItICkSnIISeo40QQls4xxjlzgHsnGGvi7BxQiMlSlkPMhfCh67rAUEUQ6CHxW2O7JARCkKnlUQ7UEIyAEQZe4MdDW9xr5OPFuKbubpRxcPDY8da4MOelDfAYJLW+sGKn/Vlmjfv5+NdB4oOfTazJn3tGxZtL9xFNZX7PPRUbjcRg/SMB2EL+gblXn7shbO/WUbF9u/H5XQ9eKO8iMMr9tY35qYoRi20wGuXV/CHaGDk2fdgHwCk5HUXQpCcgHfBV2NjV3jkq4PHTSUSBwuOQALvxPAps6fiftk6P6yJpcm5bB4dFkgoh195mbiSTnkL3jupq7jh4ZZdvjQRVB4PPx3SsVTu5D/6kd85RU66ttXAeuuXYN1E/Y2sMMzZkZiZNRZlRS/ynr9Xr8Cql2RVNbutXslYo7B9ngsFqcDbCQO22PxeIxcpgMxkh6PjUdwkvw6hvRpZeoCFKshDQzJVr++DWyLx+hAXJcGp3TJMV1ME45xCNvHLsWRrpOZSduOoG0zERuIIwuIkhNkBREglQKLiODD45FQE0BTiE214xE2wp8zOt9NjH3GRtDMk7Ehoq2tzCzGxdyMEQJuD0qGIrQ58ApoWQE3D2h1h6zwuB14wYFIDAA5CZ11jT+92gFZ7B7/p7+hV8jFxBl4aG03wLiVXtBbCylLfIJzkPUAvWAw0yvsVdKdBbC6nnruP/RFkHqWJLZ2Auxdtgy+6qTf7l1WswTJcJ6mGVxwXj92UtfU2WXUNX+qBUCxK6D4FR4f/cufG1sZbiSkMcwdMdoxBxTTEXIp4SCXMNhHoFjvTTFP4vkoPReNRmPRCTwa+3qY0DR7qn7Vjh612wRRTaI04HWCnZ+gIzvS/ZJP0+mynphCui4hzmG0id6+aLSv2BV3FQMYDTHrlGQ/SZ+q4ZdF8aLa5Ar8GW3tVNKEj13cF0buMaesx1i9CL/Uo1tM0h+74o9HjQ+UcPaxy8mH9ccwK8KpKA3rHdIUjTKpfIBxuokpxUGBIILm84ATvHh8tAIe2iZj8KvYwUOXawHMVNgxZvlwSa0z8Zkokkxn3ey2nYTsbMO3mPh8cji7zklsPLD9a9f2s2w/uSt/FgSytWzw5bmS3PielU1P56aGrlz6NzlnbT8h/Wtb+1OxIqxBbC9g7kINUbtAEDxsKWSCe46eltCPmaiUxy2IrODIB8EmixaQrU4IAQ6THg6BFpAdWsCquT16DkL9ccIC/FGeP5AuiDExe8bx+QtzWVsmHcm0kdzqecdn5IhRkTc/zfNPm3ns5sw4Pq86l9gyofh6jkTF5iFChjYbbzZQWFvYb8qZAWyGiV9ya+5bFgnzpuWt3FuX8KYMmsiYZepPseBgGhZcOMt0+4Q8fDOTftJjHIuhdaLsFXFM9AclTi9jbGRq8ZvIOykZei77kfo53eoppVPovbGiyV63p/p/dkWETTjmhjTIm8RP284b04bcNYlRsvO6Gp2JeaiIueVHsgJGF2aASlCQLuG8EsBomzb++/AXmwhaOoLhL7iQ4/uc449gWJ56/XWDARn74v/PL1bRBB4TBEyYrqezSkUPHaWjPWCm13ogAzJ66LVpbTEuXccDZlyXxBQ/IrzKOPS7gAkkIyZ0N6joE6M246aDsO1kgucTJ/EdFWA5pbAcTfoSP4hJeBCni7nEn5IclL4kpDgmMMuH8Kpk0+WrBUIeKCyWS0nPVz7NW86Hnl55GxR5KB3+9tszL+wVRulXNTUn6D8SJvIl3PzP46eZST/tQTllTDXTzmxCaTYna7eJAqcWuD1ulBXQsMz5fQEBCfowCF5FVDF/2yysB9OW5veVEtRAFOy41FoeJEiAOZhDiFstsKAwJ8Hijs72q1jWvWx+uKU5XFZDLx189OK8ojW1u0By5dtLHUN/rwkte68PnhnYVbt0bvWiub9w1+f4C0L3hIuXZ8+xlVSt0eb3tgQsmVZnem5R3U0uf/fmFdqiLTvY3nPnet5/v4f9pLB6QX2krnnFQ1tXtN+2ePlAaUNWcfiWwrncn4ca9ml3hFeHHm+u2bq4MhxUZs3bMH/3jgaPUtlVunFjg2/8yRzf3cHsssKZqlnOqyCWworWykW9lXnspk0ffrjpfCreIpjPWbwnFxt3PAkcQgkUuH1auUMf+txJQ0hK1k1zsNaqQdaLMxfoq9AGGxtJQ+fGw53cE/TY8pWhJruZHiMAcCexFS/eGDp6hntiXGE/gvI7163b29ExfiHxNsnqub/a6/QmPoAn4GpZ2c9cZRX5/57IWUNYuubiQBAddhuxAKe6PA5vuV5dkk0VXkMM3zk42W3Awrgka8LQgjZY+tQIffd5+vnHasnHL/cczldyS4r79i6su6Nu9oPQ8lbaid2Pt9/bXtTTynevq7bkPkITV47d+3NugOzo4M3y77Zxbnb2nhWrl0T/kO4u3H1ig33e1lD6JDYjiKkCHOioF0pZv6T6gxxipxLNhFc8xERA48vq5ZfXdL/QV6c8W3PfwjIsZyI3Csvo72e4FpTVwTv/UYNAKtY+8MB84vogZ1Xr5lW38iJdPZ74xunzO4Gk7BARIkytjlyCoPVoIb3IluMfAYRhEoAO2aGXKc2TNAJaSwdzQEeq7jC7TWYF2Y2jrEIXlyVEhunBs5t7K62a7Z6qB0923/+vPT2v7mwpqV/mTEsTiCB5zz735HOP9VbVWtKKZK08uDJ7vcQN02HogGegY5iNnKUHh12ti9/zzHvsauy+tx+e375j94LuA64MV/5MQbZVNT95/re7jlxZVaVuW5Nffsd9TXfOpXcv6m2Bn3x6FgXg/oz+P0h/ce8g2mTEWxVTzzQzrTruNCcRdbu6VY87gLVXc4uSjXfosak7XxWM4oyl+ockmzCFhJXaGwK8e6sCW2T3sLmPnh5qSZtx9JHFL6QBHGnsTjdtWQ8PFygWtQTIkrI84NILfQSC65FUMFsnOYFHEoSmUCD49a4rt3985PTsd8GzB/5KEnzmhhORgVOZPM+yb5KmpRu38jQqviH6826Lrdrxx6DZdFPo2fVbTiy9AUpDJ3SxGYvpK7u+Rhz8D4BCxssAeJxjYGRgYABi/vcdWfH8Nl8ZuNkZQODSliXbkWl2BrA4BwMTiAIAKDsJfgB4nGNgZGBgZwCChWASxGZkQAVyABOTANd4nGNnYGBgHwAMADNUANMAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IAAHicY2BkYGCQY8hlYGcAASYg5gJCBob/YD4DABa6AakAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2P2XLCMAxFfYE4CWlZSveFP8hHOY4gHhw79VLav68hMNOH6kG60mg5YhM22pr9b1vGMMEUM2TgyFGgxBwVbnCLBZZYYY07bHCPBzziCc94wSve8I4PbGeDFj/VydVSOakpG0T0VH1ZHXuq+xhoftHaHq+yV+21o1P7brWLWnvpiExNJpBb/i18q8D9ZxSOcj8oY8iVPjZBBU2+kGIIypokuqTI+cx3qXMq7Z6PQIsx1DYGrQxtLul50YV50rVcCiNJc0enX4qdkNRYe8j2g46+SIMHapXJw1GFdIWH2DfalQknZeTDWsRW2bqlBK3ORIz9AqJUapQAAAA=) format("woff"),url(data:application/x-font-ttf;charset=utf-8;base64,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ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype");font-weight:normal;font-style:normal
}

.vjs-icon-play,.video-js .vjs-big-play-button,.video-js .vjs-play-control {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-play:before,.video-js .vjs-big-play-button:before,.video-js .vjs-play-control:before {
    content: '\f101'
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: '\f102'
}

.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing:before {
    content: '\f103'
}

.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0,.video-js .vjs-volume-menu-button.vjs-vol-0 {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0:before,.video-js .vjs-volume-menu-button.vjs-vol-0:before {
    content: '\f104'
}

.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1,.video-js .vjs-volume-menu-button.vjs-vol-1 {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1:before,.video-js .vjs-volume-menu-button.vjs-vol-1:before {
    content: '\f105'
}

.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2,.video-js .vjs-volume-menu-button.vjs-vol-2 {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2:before,.video-js .vjs-volume-menu-button.vjs-vol-2:before {
    content: '\f106'
}

.vjs-icon-volume-high,.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-high:before,.video-js .vjs-mute-control:before,.video-js .vjs-volume-menu-button:before {
    content: '\f107'
}

.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control:before {
    content: '\f108'
}

.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control:before {
    content: '\f109'
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-square:before {
    content: '\f10a'
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: '\f10b'
}

.vjs-icon-subtitles,.video-js .vjs-subtitles-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-subtitles:before,.video-js .vjs-subtitles-button:before {
    content: '\f10c'
}

.vjs-icon-captions,.video-js .vjs-captions-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-captions:before,.video-js .vjs-captions-button:before {
    content: '\f10d'
}

.vjs-icon-chapters,.video-js .vjs-chapters-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-chapters:before,.video-js .vjs-chapters-button:before {
    content: '\f10e'
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-share:before {
    content: '\f10f'
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-cog:before {
    content: '\f110'
}

.vjs-icon-circle,.video-js .vjs-mouse-display,.video-js .vjs-play-progress,.video-js .vjs-volume-level {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-circle:before,.video-js .vjs-mouse-display:before,.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before {
    content: '\f111'
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: '\f112'
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: '\f113'
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-hd:before {
    content: '\f114'
}

.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button:before {
    content: '\f115'
}

.vjs-icon-replay {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-replay:before {
    content: '\f116'
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: '\f117'
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-gplus:before {
    content: '\f118'
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: '\f119'
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: '\f11a'
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: '\f11b'
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: '\f11c'
}

.vjs-icon-audio-description {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-audio-description:before {
    content: '\f11d'
}

.video-js {
    display: block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-family: Arial,Helvetica,sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100%!important;
    height: 100%!important
}

.video-js *,.video-js *:before,.video-js *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0
}

.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3 {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-js.vjs-16-9 {
    padding-top: 56.25%
}

.video-js.vjs-4-3 {
    padding-top: 75%
}

.video-js.vjs-fill {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: auto
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen {
    width: 100%!important;
    height: 100%!important;
    padding-top: 0!important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none!important
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block!important;
    opacity: 1;
    visibility: visible
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a,.vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43,51,63,0.7);
    border-radius: .3em;
    -webkit-transition: all .4s;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -0.75em;
    margin-left: -1.5em
}

.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus {
    outline: 0;
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115,133,159,0.5);
    -webkit-transition: all 0s;
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button {
    display: none
}

.video-js button {
    background: 0;
    border: 0;
    color: inherit;
    display: inline-block;
    overflow: visible;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    -webkit-transition: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    overflow: auto
}

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.vjs-menu li:focus,.vjs-menu li:hover {
    outline: 0;
    background-color: #73859f;
    background-color: rgba(115,133,159,0.5)
}

.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em 0;
    font-weight: bold;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43,51,63,0.7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgba(43,51,63,0.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-menu-button-popup:hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block
}

.video-js .vjs-menu-button-inline {
    -webkit-transition: all .4s;
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.video-js .vjs-menu-button-inline.vjs-slider-active {
    -webkit-transition: none;
    transition: none
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3.0em;
    background-color: #2b333f;
    background-color: rgba(43,51,63,0.7)
}

.vjs-has-started .vjs-control-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .1s,opacity .1s;
    transition: visibility .1s,opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s,opacity 1s;
    transition: visibility 1s,opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar {
    display: none!important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

@media �screen {
    .vjs-user-inactive.vjs-playing .vjs-control-bar:before {
        content: ""
    }
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    outline: 0;
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -webkit-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-control:before {
    font-size: 1.8em;
    line-height: 1.67
}

.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus {
    text-shadow: 0 0 1em white
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.vjs-live .vjs-progress-control {
    display: none
}

.video-js .vjs-progress-holder {
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-transition: all .2s;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.666666666666666666em
}

.video-js .vjs-progress-control:hover .vjs-mouse-display:after,.video-js .vjs-progress-control:hover .vjs-play-progress:after {
    display: block;
    font-size: .6em
}

.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: .3em;
    margin: 0;
    padding: 0;
    width: 0;
    left: 0;
    top: 0
}

.video-js .vjs-mouse-display:before {
    display: none
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    position: absolute;
    top: -0.333333333333333em;
    right: -0.5em;
    font-size: .9em
}

.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after {
    display: none;
    position: absolute;
    top: -2.4em;
    right: -1.5em;
    font-size: .9em;
    color: #000;
    content: attr(data-current-time);
    padding: .2em .5em;
    background-color: #fff;
    background-color: rgba(255,255,255,0.8);
    border-radius: .3em
}

.video-js .vjs-play-progress:before,.video-js .vjs-play-progress:after {
    z-index: 1
}

.video-js .vjs-load-progress {
    background: #bfc7d3;
    background: rgba(115,133,159,0.5)
}

.video-js .vjs-load-progress div {
    background: white;
    background: rgba(115,133,159,0.75)
}

.video-js.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s,opacity 1s;
    transition: visibility 1s,opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
    display: none
}

.video-js .vjs-progress-control .vjs-mouse-display:after {
    color: #fff;
    background-color: #000;
    background-color: rgba(0,0,0,0.8)
}

.video-js .vjs-slider {
    outline: 0;
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em 0 .45em;
    background-color: #73859f;
    background-color: rgba(115,133,159,0.5)
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em white;
    -webkit-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button {
    cursor: pointer;
    -webkit-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-volume-control {
    width: 5em;
    -webkit-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
    display: block;
    width: 0;
    height: 0;
    border-top-color: transparent
}

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
    left: .5em;
    height: 8em
}

.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
    left: -2em
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
    height: 0;
    width: 0;
    overflow-x: hidden;
    overflow-y: hidden
}

.vjs-volume-menu-button-vertical:hover .vjs-menu-content,.vjs-volume-menu-button-vertical:focus .vjs-menu-content,.vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content {
    height: 8em;
    width: 2.9em
}

.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,.vjs-volume-menu-button-horizontal:focus .vjs-menu-content,.vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content,.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
    height: 2.9em;
    width: 8em
}

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
    background-color: transparent!important
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-poster img {
    display: block;
    vertical-align: middle;
    margin: 0 auto;
    max-height: 100%;
    padding: 0;
    width: 100%
}

.vjs-has-started .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.vjs-controls-disabled .vjs-poster {
    display: none
}

.vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js .vjs-time-control {
    -webkit-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em
}

.vjs-live .vjs-time-control {
    display: none
}

.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time {
    display: none
}

.video-js .vjs-duration,.vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em;
    background-color: #000;
    background-color: rgba(0,0,0,0.5)
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    -ms-transform: translateY(-3em);
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -ms-transform: translateY(-1.5em);
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em)
}

.video-js .vjs-fullscreen-control {
    width: 3.8em;
    cursor: pointer;
    -webkit-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: 'X';
    font-family: Arial,Helvetica,sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -0.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43,51,63,0.7);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px
}

.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner {
    display: block
}

.vjs-loading-spinner:before,.vjs-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: white
}

.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6,0.2,0,0.8) infinite,vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(0.6,0.2,0,0.8) infinite,vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: white
}

.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: white;
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

@keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: white
    }

    60% {
        border-top-color: #73859f
    }

    100% {
        border-top-color: #73859f
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: white
    }

    60% {
        border-top-color: #73859f
    }

    100% {
        border-top-color: #73859f
    }
}

.vjs-chapters-button .vjs-menu {
    left: -10em;
    width: 0
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button {
    display: none
}

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control {
    display: none
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button {
    display: none
}

.vjs-caption-settings {
    position: relative;
    top: 1em;
    background-color: #2b333f;
    background-color: rgba(43,51,63,0.75);
    color: #fff;
    margin: 0 auto;
    padding: .5em;
    height: 15em;
    font-size: 12px;
    width: 40em
}

.vjs-caption-settings .vjs-tracksettings {
    top: 0;
    bottom: 2em;
    left: 0;
    right: 0;
    position: absolute;
    overflow: auto
}

.vjs-caption-settings .vjs-tracksettings-colors,.vjs-caption-settings .vjs-tracksettings-font {
    float: left
}

.vjs-caption-settings .vjs-tracksettings-colors:after,.vjs-caption-settings .vjs-tracksettings-font:after,.vjs-caption-settings .vjs-tracksettings-controls:after {
    clear: both
}

.vjs-caption-settings .vjs-tracksettings-controls {
    position: absolute;
    bottom: 1em;
    right: 1em
}

.vjs-caption-settings .vjs-tracksetting {
    margin: 5px;
    padding: 3px;
    min-height: 40px
}

.vjs-caption-settings .vjs-tracksetting label {
    display: block;
    width: 100px;
    margin-bottom: 5px
}

.vjs-caption-settings .vjs-tracksetting span {
    display: inline;
    margin-left: 5px
}

.vjs-caption-settings .vjs-tracksetting>div {
    margin-bottom: 5px;
    min-height: 20px
}

.vjs-caption-settings .vjs-tracksetting>div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    min-height: 0
}

.vjs-caption-settings label>input {
    margin-right: 10px
}

.vjs-caption-settings input[type="button"] {
    width: 40px;
    height: 40px
}

.video-js .vjs-modal-dialog {
    background: rgba(0,0,0,0.8);
    background: -webkit-linear-gradient(-90deg,rgba(0,0,0,0.8),rgba(255,255,255,0));
    background: -webkit-linear-gradient(270deg,rgba(0,0,0,0.8),rgba(255,255,255,0));
    background: linear-gradient(180deg,rgba(0,0,0,0.8),rgba(255,255,255,0))
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.section.video {
    position: relative;
    z-index: 10
}

.video-component__overlay {
    background: #000;
    display: inline-block
}

.video-component__link {
    display: block;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.video-component__link:hover .video-component__img {
    opacity: .7
}

.video-component__link:hover .video-component__play {
    opacity: 1
}

.video-component__img {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 100%
}

.video-component__play {
    background: transparent url("../../designs/successconnect/images/video-thumb-play.png") 0 0 no-repeat;
    background-size: contain;
    display: block;
    left: 50%;
    height: 96px;
    opacity: .8;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    top: 50%;
    width: 96px
}

@media all and (max-width:767px) {
    .video-component__overlay {
        margin: 14px 0
    }
}

.video-js {
    height: auto;
    padding-top: 56.25%!important;
    width: 100%
}

.video-js .vjs-big-play-button {
    background: transparent url("../../designs/successconnect/images/video-thumb-play.png") 0 0 no-repeat;
    background-size: contain;
    border: 0;
    left: 50%;
    height: 96px;
    opacity: .8;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    top: 50%;
    width: 96px
}

.video-js .vjs-big-play-button:before,.video-js .vjs-big-play-button:after {
    display: none
}

.video-js:hover .vjs-big-play-button {
    background-color: transparent;
    opacity: 1
}

.modal-dialog {
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%)!important;
    -ms-transform: translateX(-50%) translateY(-50%)!important;
    transform: translateX(-50%) translateY(-50%)!important;
    max-width: 100%
}

.modal-backdrop.in {
    opacity: .7
}

@media all and (max-width:768px) {
    .modal-dialog {
        width: 100%
    }
}

.promos-component {
    background: #fff;
    display: block;
    padding: 0;
    position: relative;
    z-index: 5
}

.promos-slider {
    position: relative
}

.promo-slider__inner {
    max-height: 300px;
    overflow: hidden;
    position: relative;
    z-index: 5
}

.promo-slider__slide {
    background-color: #fff;
    max-height: 300px;
    height: 100%;
    width: 100%
}

.promo-slider__slide a {
    display: block
}

.promo-slider__arrow {
    background-color: transparent;
    bottom: 0;
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 7%;
    z-index: 15
}

.promo-slider__arrow img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.arrow--left {
    background-image: none;
    left: 0
}

.arrow--left img {
    left: 0
}

.arrow--right {
    background-image: none;
    right: 0
}

.arrow--right img {
    right: 0
}

.promo-slider__pager {
    bottom: 10px;
    left: 0;
    list: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 10
}

.promo-slider__pager span {
    background: #ccc;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 12px;
    margin: 0 5px;
    overflow: hidden;
    text-indent: -999px;
    width: 12px
}

.promo-slider__pager span.cycle-pager-active {
    background: #0096d6;
    border-color: #0096d6
}

.promoitem-image {
    height: 100%
}

.slide-image {
    height: 100%
}

.slide-image__link {
    display: block;
    height: 100%;
    position: relative;
    text-align: center;
    width: 100%
}

.slide-image__img {
    max-height: 100%
}

@media all and (max-width:767px) {
    .promo-slider__inner {
        height: 200px
    }

    .slide-image__img {
        top: 0;
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        max-width: none
    }
}

@media all and (max-width:350px) {
    .promo-slider__inner {
        height: 175px
    }
}

.promoitem-countdown {
    max-height: 100%;
    height: 100%
}

.slide-countdown {
    max-height: 100%;
    margin: 0 auto;
    max-width: 820px
}

.slide-countdown__timer {
    display: inline-block;
    vertical-align: middle;
    width: 50%
}

.slide-countdown__sign {
    display: inline-block;
    max-height: 100%;
    vertical-align: middle;
    width: 49%
}

.slide-countdown__sign img {
    max-height: 100%
}

.slide-countdown__header {
    font: 300 40px/1 "BentonSans",Helvetica,Arial,san-serif
}

.slide-countdown__text {
    font: bold 18px/24px Arial,Helvetica,san-serif
}

#clockdiv>div {
    display: inline-block;
    vertical-align: baseline
}

#clockdiv .days,#clockdiv .hours,#clockdiv .minutes,#clockdiv .seconds,#clockdiv .colon {
    color: #eb7300;
    font: bold 32px/1 Arial,Helvetica,san-serif
}

#clockdiv .smalltext {
    font: normal 12px/1 Arial,Helvetica,san-serif
}

@media all and (max-width:767px) {
    .promos-slider {
        margin: 0 -9px
    }

    .arrow--left {
        left: 10px
    }

    .arrow--right {
        right: 10px
    }

    .slide-countdown {
        height: 100%;
        position: relative;
        width: 90%
    }

    .slide-countdown__timer {
        height: 100%;
        padding: 20px 0
    }

    .slide-countdown__header {
        font-size: 26px
    }

    #clockdiv .days,#clockdiv .hours,#clockdiv .minutes,#clockdiv .seconds,#clockdiv .colon {
        font-size: 28px
    }

    .slide-countdown__text {
        font-size: 16px;
        line-height: 20px
    }

    .slide-countdown__sign {
        vertical-align: bottom
    }
}

@media all and (max-width:475px) {
    .slide-countdown__timer {
        padding: 10px 0;
        position: relative;
        width: 70%;
        z-index: 20
    }

    #clockdiv .days,#clockdiv .hours,#clockdiv .minutes,#clockdiv .seconds,#clockdiv .colon {
        font-size: 24px;
        line-height: 30px
    }

    #clockdiv .smalltext {
        font-size: 11px
    }

    .slide-countdown__text {
        font-size: 14px;
        line-height: 16px;
        margin-top: 10px;
        width: 80%
    }

    .slide-countdown__sign {
        bottom: 0;
        position: absolute;
        right: -13%;
        width: 58%;
        z-index: 10
    }
}

.promoitem-speaker {
    height: 100%
}

.slide-speaker {
    max-height: 100%;
    height: 100%;
    position: relative
}

.slide-speaker__content {
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-52%);
    -ms-transform: translateY(-52%);
    transform: translateY(-52%);
    width: 100%
}

.slide-speaker__quote {
    color: #333;
    font: 300 48px/52px Arial,Helvetica,san-serif;
    margin-top: 0;
    text-align: center
}

.slide-speaker__info {
    margin-top: 30px
}

a.slide-speaker__video {
    display: inline-block;
    margin-right: 35px;
    position: relative;
    vertical-align: middle
}

.slide-speaker__img {
    max-width: 128px
}

.slide-speaker__playButton {
    bottom: 0;
    position: absolute;
    right: -14px
}

.slide-speaker__details {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    max-width: 250px
}

.slide-speaker__title {
    color: #333;
    font: normal 19px/32px Arial,Helvetica,san-serif;
    margin: 0
}

.slide-speaker__topic {
    border-bottom: 1px solid #999;
    color: #999;
    display: inline-block;
    font: normal 15px/23px Arial,Helvetica,san-serif;
    text-transform: uppercase
}

.slide-speaker__bio {
    line-height: 18px;
    margin: 0
}

@media screen and (max-width:991px) {
    .slide-speaker__quote {
        font-size: 38px;
        line-height: 42px
    }
}

@media screen and (max-width:767px) {
    .slide-speaker__quote {
        font-size: 28px;
        line-height: 32px
    }

    .slide-speaker__info {
        margin-top: 0
    }

    a.slide-speaker__video {
        margin-right: 15px;
        max-width: 36%
    }

    .slide-speaker__img {
        width: 60px
    }

    .slide-speaker__playButton {
        right: -9px;
        width: 26px
    }

    .slide-speaker__details {
        max-width: 300px;
        width: 60%
    }

    .slide-speaker__title {
        font-size: 17px;
        line-height: 23px
    }

    .slide-speaker__topic {
        font-size: 12px;
        line-height: 16px
    }

    .slide-speaker__bio {
        font-size: 12px;
        line-height: 16px
    }
}

@media screen and (max-width:550px) {
    .slide-speaker__quote {
        font-size: 21px;
        line-height: 25px
    }

    .slide-speaker__bio {
        font-size: 11px;
        line-height: 13px
    }
}

.highlight-title__body {
    margin-bottom: 30px
}

.highlights__row {
    margin-left: -20px;
    margin-right: -20px
}

.hightlight-grid {
    max-width: 100%
}

.hightlight-grid:after {
    content: " ";
    display: block;
    clear: both
}

.hightlight-grid__item {
    padding: 1px;
    margin: 0
}

.highlight-tile {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    height: 417px;
    max-height: 417px;
    margin: 0 6px 12px;
    overflow: hidden;
    position: relative;
    -webkit-transition: max-height .5s ease;
    transition: max-height .5s ease
}

.highlight-tile--short .highlight-tile {
    height: 320px;
    max-height: 320px
}

.highlight-tile__content {
    padding: 29px 15px 35px 15px
}

.content--expanded {
    height: auto;
    max-height: 1000px
}

.highlight-tile--short .content--expanded {
    height: auto;
    max-height: 1000px
}

.highlight-tile__image {
    text-align: center;
    margin-bottom: 20px
}

.highlight-tile__image img {
    width: auto!important
}

.highlight-tile__header {
    margin: 0
}

.highlight-tile__info:last-of-type {
    margin-bottom: 13px
}

.highlight-tile__twitter {
    margin: 12px 0 12px 0
}

.highlight-expand {
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,0.8) 30%,white 45%,white 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(30%,rgba(255,255,255,0.8)),color-stop(45%,white),to(white));
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0.8) 30%,white 45%,white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0);
    bottom: 0;
    color: #008fd3;
    cursor: pointer;
    display: block;
    height: 65px;
    left: 0;
    padding: 25px 15px 20px;
    position: absolute;
    text-decoration: none;
    width: 100%;
    z-index: 100
}

.highlight-expand:hover,.highlight-expand:active,.highlight-expand:focus {
    border: 0;
    outline: 0
}

.highlight-expand.expanded {
    background: transparent;
    -webkit-filter: none;
    filter: none
}

.highlight-expand .fa {
    font-size: 10px;
    position: relative;
    top: -1px
}

.highlight-expand__more {
    display: block
}

.highlight-expand__less {
    display: none
}

.expanded .highlight-expand__more {
    display: none
}

.expanded .highlight-expand__less {
    display: block
}

@media screen and (max-width:768px) and (min-width:650px) {
    .highlight-tile--short .highlight-tile {
        height: 240px;
        max-height: 240px
    }
}

@media screen and (max-width:650px) and (min-width:600px) {
    .highlight-tile--short .highlight-tile {
        height: 280px;
        max-height: 280px
    }
}

@media all and (max-width:600px) {
    .highlight-tile {
        height: auto
    }

    .highlight-tile--short .highlight-tile {
        height: auto
    }

    .highlight-tile--short .highlight-tile__content {
        padding: 20px 15px 15px
    }

    .highlight-tile--short .highlight-tile__bodytext {
        margin-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .city-signup-component {
        padding-bottom: 0
    }
}

.emailform.form {
    border: 4px solid #999;
    padding: 0 20px;
    width: 100%
}

.emailform.form img {
    border: 0
}

.emailform.form .left {
    float: none
}

#form {
    margin-top: 20px!important;
    width: auto
}

.sfsf-form-v2 .custom-select:before {
    width: 30px
}

.sfsf-form-v2 .formprivacy {
    line-height: 16px
}

.reg-info {
    border: 4px solid #999;
    padding: 0 20px 20px
}

.reg-info__title {
    color: #333;
    font: bold 18px/12px "BentonSans",Helvetica,Arial,san-serif;
    margin: -4px 0 25px -10px;
    text-transform: uppercase
}

.reg-info__title img {
    display: inline-block;
    vertical-align: middle;
    max-width: 190px
}

.reg-info__title div {
    display: inline-block;
    margin: 0 0 5px 5px;
    vertical-align: bottom
}

.reg-info__itemTitle {
    font: 300 20px/26px Arial,Helvetica,san-serif;
    margin-bottom: 5px
}

.reg-info__countdown {
    color: #f3901d;
    font-weight: bold
}

.reg-info__countdown .glyphicon {
    font-size: 23px;
    margin-right: 3px;
    position: relative;
    top: 6px
}

@media screen and (max-width:935px) and (min-width:850px) {
    .reg-info__title {
        font-size: 16px;
        margin-right: -10px
    }
}

@media screen and (max-width:850px) and (min-width:767px) {
    .reg-info__title {
        font-size: 16px;
        margin-left: -16px;
        margin-right: -16px;
        white-space: nowrap
    }

    .reg-info__title div {
        margin-left: 0
    }
}

@media screen and (max-width:767px) {
    .reg-info {
        margin: 30px 0
    }
}

@media screen and (max-width:767px) {
    .info-imageOnly {
        margin-top: 30px;
        text-align: center
    }
}

.city-confirmation__img {
    max-width: 60px
}

.addtocalendar-component {
    padding: 1em 0
}

.add-to-calendar-icon {
    width: 21px;
    position: relative;
    margin-right: 5px;
    top: -1px;
    left: -0px
}

.addeventatc {
    display: inline-block;
    position: relative;
    z-index: 10;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 300;
    color: #008fd3!important;
    text-decoration: none;
    font-size: 1em;
    cursor: pointer
}

.addeventatc:hover {
    color: #555;
    font-size: 1em;
    text-decoration: none
}

.addeventatc .start,.addeventatc .end,.addeventatc .timezone,.addeventatc .title,.addeventatc .description,.addeventatc .location,.addeventatc .organizer,.addeventatc .organizer_email,.addeventatc .facebook_event,.addeventatc .all_day_event,.addeventatc .date_format,.addeventatc .alarm_reminder,.addeventatc .recurring,.addeventatc .attendees {
    display: none!important
}

.addeventatc_dropdown {
    background: #fff;
    border: 1px solid;
    border-color: #c8c8c8 #bebebe #a8a8a8;
    -webkit-box-shadow: 1px 3px 6px rgba(0,0,0,0.15);
    box-shadow: 1px 3px 6px rgba(0,0,0,0.15);
    display: none;
    margin-top: 4px;
    margin-left: -1px;
    padding: 6px 0 0 0;
    position: absolute;
    text-align: left;
    width: 200px;
    z-index: 99999
}

.addeventatc_dropdown span {
    display: block;
    line-height: 100%;
    background: #fff;
    text-decoration: none;
    font-size: 14px;
    color: #333;
    padding: 9px 10px 9px 40px
}

.addeventatc_dropdown span:hover {
    background-color: #f4f4f4;
    color: #000;
    text-decoration: none;
    font-size: 14px
}

.addeventatc_dropdown em {
    color: #999!important;
    font-size: 12px!important
}

.addeventatc_dropdown .frs {
    background: #fff;
    color: #cacaca!important;
    cursor: pointer;
    font-size: 9px!important;
    font-style: normal!important;
    font-weight: normal!important;
    line-height: 110%!important;
    padding-left: 10px;
    position: absolute;
    right: 10px;
    text-align: right;
    text-decoration: none;
    top: 5px;
    z-index: 101
}

.addeventatc_dropdown .frs:hover {
    color: #999!important
}

.addeventatc_dropdown .ateappleical {
    background-image: url(../../../content/dam/successconnect/addtocalendar/dropdown-apple-t1.png);
    background-position: 13px 50%;
    background-repeat: no-repeat
}

.addeventatc_dropdown .ateoutlook {
    background-image: url(../../../content/dam/successconnect/addtocalendar/dropdown-outlook-t1.png);
    background-position: 13px 50%;
    background-repeat: no-repeat
}

.addeventatc_dropdown .ateoutlookcom {
    background-image: url(../../../content/dam/successconnect/addtocalendar/dropdown-outlook-t1.png);
    background-position: 13px 50%;
    background-repeat: no-repeat
}

.addeventatc_dropdown .ategoogle {
    background-image: url(../../../content/dam/successconnect/addtocalendar/dropdown-google-t1.png);
    background-position: 13px 50%;
    background-repeat: no-repeat
}

.addeventatc_dropdown .ateyahoo {
    background-image: url(../../../content/dam/successconnect/addtocalendar/dropdown-yahoo-t1.png);
    background-position: 13px 50%;
    background-repeat: no-repeat
}

.addeventatc_dropdown .atefacebook {
    background-image: url(../../../content/dam/successconnect/addtocalendar/dropdown-facebook-t1.png);
    background-position: 13px 50%;
    background-repeat: no-repeat
}

.addeventatc_dropdown .copyx {
    height: 21px;
    display: block;
    position: relative;
    cursor: default
}

.addeventatc_dropdown .brx {
    background: #e0e0e0;
    height: 1px;
    overflow: hidden;
    position: absolute;
    left: 10px;
    right: 10px;
    top: 9px;
    z-index: 100
}

.venue-item {
    padding-top: 40px
}

.venue-item__header {
    color: #333;
    font: bold 19px/30px Arial,Helvetica,san-serif;
    margin: 0
}

.venue-item__info {
    padding-top: 40px
}

.venue-item em,.venue-item i {
    color: #9b9b9b;
    display: block;
    font: 400 italic 12px/17px Arial,Helvetica,san-serif
}

.venue-item__map {
    height: 190px;
    padding-left: 10px
}

.venue-item__map iframe {
    height: 100%;
    width: 100%
}

.venue-item__image {
    height: 190px;
    overflow: hidden;
    padding-right: 10px
}

.venue-item__image img {
    height: auto;
    left: 50%;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: auto
}

@media all and (max-width:767px) {
    .venue-item__image {
        height: auto;
        padding-right: 15px
    }

    .venue-item__image img {
        min-height: 0;
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        max-width: 100%;
        min-width: 0
    }

    .venue-item__map {
        padding-left: 15px
    }
}

.venue-entertainment {
    background-position: center top;
    background-repeat: no-repeat;
    padding-bottom: 0
}

.venue-entertainment__content {
    background-position: right bottom;
    background-repeat: no-repeat
}

.venue-entertainment__events {
    padding: 10px 0
}

.event-item {
    background-size: cover;
    background-position: center center;
    display: inline-block;
    height: 360px;
    margin-bottom: 25px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.event-item:hover .event-item__content,.event-item:focus .event-item__content,.event-item.event-open .event-item__content {
    max-height: 100%;
    height: auto
}

.event-item:hover .event-item__body,.event-item:focus .event-item__body,.event-item.event-open .event-item__body {
    display: block
}

.event-item__content {
    background-color: rgba(0,0,0,0.6);
    bottom: 0;
    color: #fff;
    max-height: 75px;
    height: 75px;
    left: 0;
    overflow: hidden;
    padding: 13px 20px;
    position: absolute;
    -webkit-transition: max-height .5s cubic-bezier(0.4,0,0.2,1);
    transition: max-height .5s cubic-bezier(0.4,0,0.2,1);
    width: 100%
}

.event-item__content p,.event-item__content ol,.event-item__content ul,.event-item__content ol li,.event-item__content ul li {
    color: #fff
}

.event-item__header {
    font: 300 22px/26px Arial,Helvetica,san-serif;
    margin: 0 0 .6em
}

.event-item__body {
    display: none
}

.event-item__website {
    text-align: right
}

.event-item__link {
    color: #008fd3
}

.event-item__link:link,.event-item__link:visited {
    color: #008fd3
}

@media screen and (max-width:1025px) {
    .venue-entertainment {
        background-position: top left
    }
}

@media screen and (max-width:800px) {
    .event-item .event-item__content {
        max-height: 100%;
        height: auto
    }

    .event-item .event-item__body {
        display: block
    }
}

.details-download p {
    line-height: 18px
}

.details-download img {
    margin-bottom: 10px
}

.package-items {
    width: -webkit-calc(100% - 97px);
    width: calc(100% - 97px)
}

.package-item:last-child .sponsor-package__details {
    padding-bottom: 0
}

.sponsor-package__details {
    padding: 10px 0
}

.sponsor-package__header,.sponsor-package__body {
    margin: 0
}

.sponsor-package__soldOut {
    display: inline-block;
    max-height: 23px;
    margin-left: 10px;
    vertical-align: top
}

.sponsor-package__children {
    padding-top: 15px
}

.sponsor-package__child:last-child p {
    margin-bottom: 0
}

.sponsor-tiers {
    padding-top: 0
}

.sponsor-tier__header {
    background: #f5f5f5;
    padding: 6px 0 7px;
    text-align: center
}

.sponsor-tier {
    text-align: center
}

.sponsor-tier__itemsImg {
    display: inline-block;
    padding: 20px 40px;
    vertical-align: middle
}

.logo--small {
    width: 19%
}

.logo--medium {
    width: 32%
}

.logo--large {
    padding: 20px 50px;
    width: 49%
}

@media all and (max-width:768px) {
    .sponsor-tier__itemsImg {
        padding: 10px 20px
    }

    .logo--small {
        width: 32%
    }

    .logo--medium {
        width: 49%
    }

    .logo--large {
        width: 100%
    }
}

@media all and (max-width:575px) {
    .logo--small {
        width: 49%
    }

    .logo--medium {
        width: 100%
    }
}

.sponsors-global {
    border-top: 4px solid #999
}

.sponsors-global__items {
    text-align: center
}

.sponsors-global__item {
    display: inline-block;
    padding: 20px 40px;
    vertical-align: middle;
    width: 49%
}

@media all and (max-width:600px) {
    .sponsors-global__item {
        padding: 10px 20px;
        width: 100%
    }
}

.expandable-list__controls {
    margin-top: 12px
}

.expandable-list__container {
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom: 0;
    margin: 5px 0
}

.print-button {
    background: transparent;
    border: 0;
    color: #0096d6;
    float: right;
    font-size: 12px;
    padding: 0;
    text-transform: uppercase
}

.print-button:hover,.print-button:active,.print-button:focus {
    color: #0096d6;
    text-decoration: none
}

.print-button:hover .print-button__text,.print-button:active .print-button__text,.print-button:focus .print-button__text {
    text-decoration: underline
}

.print-button .fa {
    font-size: 18px;
    margin-left: 4px;
    position: relative;
    top: 1px
}

.print-button__text {
    font-weight: bold
}

.expandable-item {
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    -webkit-transition: min-height .5s ease-in-out;
    transition: min-height .5s ease-in-out
}

.expandable-item__header {
    cursor: pointer;
    display: block;
    padding: 26px 30px;
    position: relative
}

.expandable-item__header * {
    color: #666
}

.expandable-item__header .sold-out {
    color: red
}

.expandable-item__header .fa-stack {
    margin-right: 30px
}

.expandable-item__header .fa-stack-2x {
    color: #008fd3
}

.expandable-item__header .fa-stack-1x {
    color: #fff
}

.expandable-item__header:hover,.expandable-item__header:active,.expandable-item__header:focus {
    outline: 0;
    text-decoration: none
}

.expandable-item__header:hover .fa-stack-2x,.expandable-item__header:active .fa-stack-2x,.expandable-item__header:focus .fa-stack-2x {
    color: #093c71
}

.expandable-item__header:focus {
    border: 0;
    outline: 0
}

.expandable-item__body * {
    color: #666
}

.expandable-item__body ul li,.expandable-item__body ol li {
    margin: 0
}

.agenda-item__title {
    display: inline-block;
    font: normal 20px/24px Arial,Helvetica,san-serif;
    margin: 5px 0
}

.agenda-item__details {
    list-style: none outside none;
    padding: 0 30px 20px 97px;
    margin: 0
}

.agenda-details__time {
    display: inline-block;
    font-weight: normal;
    margin-bottom: 8px;
    text-transform: lowercase;
    vertical-align: top;
    width: 115px
}

.agenda-details__description {
    display: inline-block;
    margin-bottom: 8px;
    vertical-align: top;
    width: -webkit-calc(100% - 120px);
    width: calc(100% - 120px)
}

.track-list__header {
    background: #ccc;
    padding: 8px 0 8px 15px
}

.track-list__title {
    color: #000;
    font: bold 20px/28px Arial,Helvetica,san-serif;
    margin: 0
}

.track-list__filter {
    margin-right: -7px
}

.track-item--cats {
    display: none
}

.track-item__headerInfo,.track-item__date,.track-item__info {
    display: inline-block;
    vertical-align: middle
}

.track-item__headerInfo {
    width: -webkit-calc(100% - 73px);
    width: calc(100% - 73px)
}

.track-item__date {
    margin: 0;
    padding: 0 30px 0 0;
    width: 150px
}

.track-date__day,.track-date__monthDate,.track-date__time {
    display: block
}

.track-date__day {
    color: #333;
    font: bold 25px/27px Arial,Helvetica,san-serif
}

.track-date__monthDate,.track-date__time {
    font: 300 12px/18px Arial,Helvetica,san-serif
}

.track-item__info {
    width: -webkit-calc(100% - 155px);
    width: calc(100% - 155px)
}

.track-info__levelLang {
    font: 300 14px/1 Arial,Helvetica,san-serif;
    margin: 0;
    text-transform: uppercase
}

.track-info__title {
    display: inline-block;
    font: 400 30px/36px Arial,Helvetica,san-serif;
    margin: 5px 15px 0 0;
    vertical-align: middle
}

.track-info__presenter {
    margin: 0
}

.track-info__description.open-hide {
    height: 23px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.track-info__seats {
    top: 1px
}

.track-item__details {
    padding: 0 30px 26px 255px
}

.training-fees__title,.training-items__title {
    margin-top: 30px
}

.training-item__title {
    display: inline-block;
    font: 400 30px/36px Arial,Helvetica,san-serif;
    margin: 0;
    position: relative;
    vertical-align: middle;
    max-width: -webkit-calc(100% - 100px);
    max-width: calc(100% - 100px)
}

.training-fees__halfday {
    margin-right: 20px
}

.training-item__details {
    padding: 0 30px 26px 97px
}

.training-item__dateTime {
    font: bold 19px/30px Arial,Helvetica,san-serif
}

.faq-category__question {
    display: inline-block;
    vertical-align: middle;
    width: -webkit-calc(100% - 72px);
    width: calc(100% - 72px)
}

@media screen and (max-width:767px) {
    .expandable-item__header {
        padding: 15px 10px
    }

    .expandable-item__header .fa-stack {
        font-size: 14px;
        margin-right: 10px
    }

    .agenda-item__title {
        margin: 0
    }

    .agenda-item__details {
        font-size: 13px;
        padding: 0 15px 20px 49px
    }

    .agenda-details__time {
        width: 105px
    }

    .agenda-details__description {
        width: -webkit-calc(100% - 110px);
        width: calc(100% - 110px)
    }

    .track-list__header {
        padding: 6px 0
    }

    .track-list__header>div {
        padding-left: 10px;
        padding-right: 10px
    }

    .track-list__title {
        font-size: 16px
    }

    .track-list__filter {
        margin-right: 0
    }

    .track-item__headerInfo {
        width: -webkit-calc(100% - 50px);
        width: calc(100% - 50px)
    }

    .track-item__date,.track-item__info {
        display: block;
        margin: 0;
        width: 100%
    }

    .track-item__date {
        padding: 0
    }

    .track-date__day,.track-date__monthDate,.track-date__time {
        display: inline-block;
        font-size: 12px;
        vertical-align: middle
    }

    .track-info__levelLang {
        font-size: 12px
    }

    .track-info__title {
        font-size: 18px;
        line-height: 22px;
        margin: 7px 10px 7px 0
    }

    .track-info__seats {
        font-weight: bold;
        padding: 3px
    }

    .track-info__presenter {
        font-size: 13px;
        line-height: 15px
    }

    .track-item__details {
        padding: 0 15px 15px 49px
    }

    .track-item__details p {
        font-size: 13px;
        line-height: 15px
    }

    .training-item__title {
        font-size: 18px;
        line-height: 22px;
        width: -webkit-calc(100% - 50px);
        width: calc(100% - 50px)
    }

    .training-item__details {
        padding: 0 15px 10px 51px
    }

    .training-item__dateTime {
        font-size: 14px;
        line-height: 23px
    }

    .training-item__description {
        font-size: 13px;
        line-height: 20px
    }
}

@media screen {
    .item--closed .expandable-item__header:hover,.item--closed .expandable-item__header:active {
        background-color: #f5f5f5
    }

    .item--closed .expandable-item__body {
        display: none
    }

    .item--open {
        background: -webkit-linear-gradient(top,#e8e8e8 0,rgba(232,232,232,0) 10%,rgba(232,232,232,0) 90%,#e8e8e8 100%);
        background: -webkit-gradient(linear,left top,left bottom,from(#e8e8e8),color-stop(10%,rgba(232,232,232,0)),color-stop(90%,rgba(232,232,232,0)),to(#e8e8e8));
        background: linear-gradient(to bottom,#e8e8e8 0,rgba(232,232,232,0) 10%,rgba(232,232,232,0) 90%,#e8e8e8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8',endColorstr='#ffffff',GradientType=0);
        max-height: 600px!important
    }

    .item--open .expandable-item__body {
        display: block
    }

    .item--open .open-hide {
        padding-top: 23px
    }
}

@media screen and (max-width:767px) {
    .expandable-list__controls {
        margin-top: 2px
    }
}

.contact-us__tabsNav {
    background-color: #f0ab00;
    border-bottom: 0;
    padding: 10px 10px 0
}

.contact-us__tabsNavItem {
    background-color: #eb7300;
    border-radius: 4px 4px 0 0;
    color: #fff;
    display: inline-block;
    float: none;
    height: 30px;
    margin: 0 10px 0 0!important;
    text-align: center;
    max-width: 45%;
    width: 165px
}

.contact-us__tabsNavItem a {
    background-color: transparent!important;
    border-width: 0!important;
    color: #fff;
    font: bold 14px/19px Arial,Helvetica,san-serif;
    padding: 5px 15px!important
}

.contact-us__tabsNavItem a:hover,.contact-us__tabsNavItem a:active,.contact-us__tabsNavItem a:focus {
    background-color: transparent!important;
    border-width: 0!important;
    color: #ccc;
    outline: 0
}

.contact-us__tabsNavItem.active {
    background-color: #fff;
    color: #000
}

.contact-us__tabsNavItem.active a {
    border-width: 0!important;
    color: #fff
}

.contact-us__tabsContent {
    padding-top: 40px
}

@media screen and (max-width:767px) {
    .contact-us__tabsContent {
        padding-top: 30px
    }
}

.contact-us__title {
    color: #000;
    font: bold 19px/28px Arial,Helvetica,san-serif;
    margin-bottom: 0
}

.contact-us__icon {
    float: left;
    font-size: 54px;
    margin-right: 20px
}

.contact-us__icon.fa-phone {
    -webkit-transform: rotate(14deg);
    -ms-transform: rotate(14deg);
    transform: rotate(14deg)
}

.phone--large {
    font: normal 24px/32px Arial,Helvetica,san-serif;
    display: block
}

.contact-us__section {
    margin-bottom: -25px
}

.contact-us__section .col-sm-4 {
    padding-bottom: 50px
}

.contact-us__section .col-sm-4:after {
    bottom: 25px;
    background-color: #ccc;
    content: "";
    height: 1px;
    left: 15px;
    position: absolute;
    right: 15px;
    width: auto
}

.contact-section__title {
    margin-top: 0
}

.contact-section__info {
    margin-bottom: 0
}

.contact-section__name {
    color: #9b9b9b
}

.contact-section__divider {
    margin: 25px 0
}

@media screen and (min-width:768px) {
    .contact-us__section {
        display: table;
        height: 100%;
        table-layout: fixed
    }

    .contact-us__section .row {
        display: table-row;
        height: 100%
    }

    .contact-us__section .col-sm-4 {
        display: table-cell;
        float: none
    }

    .contact-us__section.no-table {
        margin: 0 25px -25px;
        min-width: 50%
    }

    .contact-us__section.no-table .row {
        display: block
    }

    .contact-us__section.no-table .col-sm-4 {
        width: 240px
    }
}

@media screen and (max-width:767px) {
    .phone--large {
        margin-bottom: 25px
    }

    .contact-us__section {
        padding: 0 15px
    }
}

.faq__title {
    color: #000;
    font: bold 20px/26px Arial,Helvetica,san-serif
}

.faq__list {
    list-style: none outside none;
    padding: 0
}

.faq__listItem {
    font: normal 20px/26px Arial,Helvetica,san-serif;
    margin: 0
}

.faq-category__title {
    background: #ccc;
    color: #000;
    font: bold 20px/28px Arial,Helvetica,san-serif;
    margin: 0;
    padding: 8px 0 8px 15px
}

.faq-category__question {
    color: #666;
    font: normal 20px/26px Arial,Helvetica,san-serif
}

.faq-category__answer {
    color: #666;
    line-height: 20px;
    padding: 0 30px 26px 101px
}

@media screen and (max-width:991px) {
    .faq__listItem {
        padding: 8px 0
    }
}

@media screen and (max-width:767px) {
    .faq__listItem {
        font-size: 14px;
        line-height: 20px
    }

    .faq-category__answer {
        padding: 0 30px 26px 52px
    }
}

@media print {
    body {
        padding-top: 0
    }

    .logo--mobile,.site-navigation__listItem,.site-navigation__list,.city-hero-component,.select-custom,.expandable-list__controls,.expandable-item__header .fa-stack,.print-button,.back-to-top,.track-info__description.open-hide,.footer-nav,.footer-social {
        display: none;
        overflow: hidden
    }

    .site-navigation__listItem.active {
        display: block
    }

    .site-navigation__listItem.active .fa {
        display: none
    }

    .site-header {
        position: static
    }

    .site-navigation__listLink {
        border-width: 0
    }

    .page-footer .col-sm-4 {
        height: auto;
        width: 100%
    }

    .container {
        padding: 0!important
    }

    .sponsors-global {
        border-top: 0
    }

    .expandable-list__container {
        border: none!important
    }

    .expandable-item {
        border-bottom: 1px solid #ccc;
        max-height: none!important;
        height: auto!important;
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .expandable-item__header {
        display: block;
        padding: 0!important
    }

    .expandable-item__body {
        margin-top: 10pt
    }

    .expandable-item__body * {
        padding: 0!important
    }

    a[href]:after {
        content: ""
    }

    abbr[title]:after {
        content: ""
    }
}



.sfsf-form-v2 {
    font-family: "Helvetica Neue",Helvetica,Arial,Trebuchet MS,sans-serif
}

.ja_jp .sfsf-form-v2 {
    font-family: "Helvetica Neue",Helvetica,Arial,"MS PGothic","Microsoft YaHei New","Microsoft Yahei","微软雅黑",宋体,"华文细黑",sans-serif
}

.sfsf-form-v2 p {
    clear: both;
    margin-bottom: 10px;
    font-size: 12px;
    color: #76767b
}

.sfsf-form-v2 fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    display: block
}

.sfsf-form-v2 legend {
    font-weight: bold
}

.sfsf-form-v2 label {
    display: block;
    margin: 5px 5px 3px 0;
    font-size: 12px;
    color: #333;
    font-weight: bold
}

.sfsf-form-v2 label:hover {
    cursor: pointer
}

.sfsf-form-v2 input {
    background: #f7f7f7;
    border: 1px solid #999;
    padding: 5px;
    margin: 0;
    font-size: 12px;
    color: #555;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.sfsf-form-v2 input[type='radio'],.sfsf-form-v2 input[type='checkbox'] {
    width: auto;
    background: 0;
    border: 0
}

.sfsf-form-v2 input:focus,.sfsf-form-v2 textarea:focus,.sfsf-form-v2 select:focus {
    background: #fdfae7;
    outline: 0;
    border-color: #555
}

.sfsf-form-v2 input[type='radio']:focus,.sfsf-form-v2 input[type='checkbox']:focus {
    background: 0
}

.sfsf-form-v2 .custom-select {
    border: 1px solid #999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1;
    background: #f7f7f7;
    margin: 0;
    overflow: hidden
}

.sfsf-form-v2 .custom-select:before {
    background-color: #f7f7f7;
    color: #76767b;
    display: block;
    font-family: Verdana,sans-serif;
    font-size: 18px;
    height: 100%;
    line-height: 1.4em;
    padding: 0 5px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    width: 1em;
    z-index: -1;
    content: "\25BE";
    border-left: 1px solid #ccc;
    text-shadow: 0 0 7px rgba(0,0,0,0.4)
}

.sfsf-form-v2 .custom-select select {
    height: 28px;
    background: 0;
    border: 0 none;
    box-shadow: none;
    display: block;
    font-size: 12px;
    line-height: 1.4em;
    color: #555;
    margin: 0;
    padding: 5px;
    width: 110%;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.sfsf-form-v2 .custom-select select::-ms-expand {
    display: none
}

.sfsf-form-v2 .custom-select select:focus {
    outline: 0
}

:-moz-any(.custom-select):before {
    background: #f7f7f7;
    pointer-events: none;
    z-index: 1
}

.sfsf-form-v2 .custom-select select::-moz-selection {
    background: #f7f7f7;
    text-shadow: none
}

.sfsf-form-v2 .custom-select select::selection {
    background: #f7f7f7;
    text-shadow: none
}

.sfsf-form-v2 textarea {
    background: #f7f7f7;
    border: 1px solid #999;
    padding: 5px;
    font-size: 12px;
    color: #555
}

.sfsf-form-v2 input[type='submit'] {
    display: block;
    width: 160px;
    line-height: 32px;
    padding: 0 10px 0 15px;
    margin: 20px 0;
    border: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    background: #1aa0da url('../successfactors/images/icon_yellow_trial.png') no-repeat 93% 50%;
    background: url('../successfactors/images/icon_yellow_trial.png') no-repeat 93% 50%,-moz-linear-gradient(top,#1aa0da 0,#0085bf 100%);
    background: url('../successfactors/images/icon_yellow_trial.png') no-repeat 93% 50%,-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1aa0da),color-stop(100%,#0085bf));
    background: url('../successfactors/images/icon_yellow_trial.png') no-repeat 93% 50%,-webkit-linear-gradient(top,#1aa0da 0,#0085bf 100%);
    background: url('../successfactors/images/icon_yellow_trial.png') no-repeat 93% 50%,-o-linear-gradient(top,#1aa0da 0,#0085bf 100%);
    background: url('../successfactors/images/icon_yellow_trial.png') no-repeat 93% 50%,-ms-linear-gradient(top,#1aa0da 0,#0085bf 100%);
    background: url('../successfactors/images/icon_yellow_trial.png') no-repeat 93% 50%,linear-gradient(top,#1aa0da 0,#0085bf 100%);
    -pie-background: url('../successfactors/clientlibs/legacy/mages/icon_yellow_trial.png') no-repeat 93% 50%,linear-gradient(top,#1aa0da 0,#0085bf 100%)
}

.sfsf-form-v2 input[type='submit']:hover {
    text-decoration: none;
    cursor: pointer
}

.sfsf-form-v2 input.error,.sfsf-form-v2 select.error,.sfsf-form-v2 textarea.error {
    background: #ffe9e9;
    color: #666
}

.sfsf-form-v2 label.error {
    display: none!important
}

.sfsf-form-v2 #explicit-tele-error {
    background: #ffe9e9!important;
    padding: 5px;
    margin: 5px 0
}

.sfsf-form-v2 #explicit-email-error {
    background: #ffe9e9!important;
    padding: 5px;
    margin: 5px 0 20px
}

.sfsf-form-v2 #wta-error {
    background: #ffe9e9!important;
    padding: 5px;
    margin: 5px 0 20px
}

.sfsf-form-v2 .formprivacy {
    height: 50px;
    overflow-y: scroll;
    margin: 10px 0;
    color: #76767b;
    font-size: 12px
}

.sfsf-form-v2 #explicit-opt-in-copy,.sfsf-form-v2 #implicit-opt-in-copy {
    margin: 20px 0 0 0
}

.sfsf-form-v2 #explicit-opt-in-copy #WTAChecked {
    float: left;
    margin: 2px 10px 0 0
}

.sfsf-form-v2 #explicit-email {
    display: inline-block;
    width: 80px;
    text-align: right;
    font-weight: bold
}

.sfsf-form-v2 #explicit-opt-in-country-email {
    color: #76767b;
    font-size: 12px
}

.sfsf-form-v2 #explicit-opt-in-country-tele {
    color: #76767b;
    font-size: 12px;
    margin: 10px 0
}

.sfsf-form-v2 #explicit-tele {
    display: inline-block;
    width: 80px;
    text-align: right;
    font-weight: bold
}

.sfsf-form-v2 input[name="EmailOptIn"] {
    margin: 0 5px 0 15px
}

.sfsf-form-v2 input[name="PhoneOptIn"] {
    margin: 0 5px 0 15px
}

.sfsf-form-v2 #explicit-opt-in-country p {
    line-height: 1.2em;
    font-weight: bold
}

.sfsf-form-v2 .section {
    margin: 0 0 15px
}

.sfsf-form-v2.horizontal-form .col-1 {
    width: 45%;
    float: left
}

.sfsf-form-v2.horizontal-form .col-2 {
    width: 45%;
    float: left;
    margin: 0 0 0 7%
}

@media all and (max-width:767px) {
    .sfsf-form-v2.horizontal-form .col-1,.sfsf-form-v2.horizontal-form .col-2 {
        width: 100%
    }

    .sfsf-form-v2.horizontal-form .col-2 {
        margin-left: 0
    }
}

.sfsf-form-v2.horizontal-form .form-field.form-field-left {
    width: 48%;
    float: left
}

.sfsf-form-v2.horizontal-form .form-field.form-field-right {
    width: 48%;
    float: right
}

.sfsf-form-v2 .section {
    margin: 0 0 8px
}

.sfsf-form-v2.vertical-form .form-field.form-field-left {
    width: 48%;
    float: left
}

.sfsf-form-v2.vertical-form .form-field.form-field-right {
    width: 48%;
    float: right
}

a:link {
    text-decoration: none
}

a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

a:active {
    text-decoration: none
}

img {
    border: 0
}

@font-face {
    font-family:blenderPro;src:url('fonts/BlenderPro-BookWeb.eot')
}

@font-face {
    font-family:blenderPro;src:url('fonts/BlenderPro-BookWeb.woff') format("woff")
}

body {
    background: #e3e3e3;
    font-family: Helvetica,Helvetica Neue,Arial,sans-serif;
    margin: 0
}

body.ja_jp {
    font-family: "Helvetica Neue",Helvetica,Arial,"MS PGothic","Microsoft YaHei New","Microsoft Yahei","微软雅黑",宋体,"华文细黑",sans-serif
}

a {
    color: #0096d6;
    font-weight: normal;
    text-decoration: none
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0
}

h1 {
    color: #333;
    font-size: 26px;
    font-weight: 300;
    line-height: 32px
}

h2 {
    line-height: 25px;
    font-size: 16px;
    color: #515151;
    font-weight: bold;
    margin-bottom: 25px
}

h3 {
    font-size: 16px;
    color: #333;
    line-height: 23px;
    margin-bottom: 27px;
    font-weight: bold
}

h4 {
    text-transform: uppercase;
    color: #000;
    font-size: 13px
}

ol,ul {
    padding: 0 0 0 20px;
    font-size: 14px
}

ol li,ul li {
    line-height: 24px;
    color: #666
}

ul ul li {
    list-style: disc
}

p {
    color: #333;
    font-size: 14px;
    line-height: 22px
}

.wide-white-text {
    margin-right: 40px
}

.sapLogo.sap_logo img {
    width: 100%
}

.sapLogo.sap_logo {
    float: right
}

.successFactorsLogo.successfactors_logo {
    display: inline-block;
    margin-top: 10px
}

.home #header .logoright {
    float: right
}

.home #header {
    background: #fff;
    height: 80px;
    padding-top: 11px
}

.home #nav-text {
    margin-top: 18px
}

#header {
    background: #fff;
    height: 73px;
    padding-top: 11px
}

#header #nav {
    height: 40px;
    width: 706px;
    background: transparent;
    position: absolute;
    top: 34px;
    right: 22px;
    text-align: right;
    padding: 0;
    font-weight: 100
}

#nav-text {
    font-size: 20px;
    color: black;
    margin-top: 12px;
    line-height: 14px
}

#additionalCallout .addthis_toolbox {
    margin-top: 25px
}

#header #nav ul {
    margin: 0;
    padding: 0;
    font-size: 12px;
    height: 40px;
    width: 400px;
    float: left;
    top: 0;
    position: absolute
}

#header #nav ul li {
    list-style: none;
    margin: 0;
    float: left;
    padding: 10px 0 10px 0;
    height: 25px;
    overflow: visible
}

#header #nav ul li a:link,#header #nav ul li a:visited {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    padding: 10px 11px 11px;
    height: 35px
}

#header #nav ul li.active a,#header #nav ul li a:hover,#header #nav ul li.selected a {
    text-decoration: underline;
    background: #f7f7f7;
    color: #58595b;
    padding: 10px 11px 11px
}

.por {
    position: relative
}

.page-wrap {
    margin: 0 auto;
    width: 936px;
    padding: 30px
}

#main .page-wrap {
    padding: 30px!important
}

#header .page-wrap {
    padding: 0 15px;
    width: 966px
}

#footer .page-wrap {
    padding: 0;
    width: 996px
}

.col1 {
    width: 627px;
    float: left;
    margin-bottom: 38px;
    padding-right: 21px
}

#main .main-content-compact,#main .main-content {
    background: #fff;
    border: 1px solid #c2c2c2;
    border-top: 0;
    margin-top: 0;
    border-radius: 0 0 5px 5px;
    position: relative;
    z-index: 2;
    width: 936px;
    margin-left: auto;
    margin-right: auto;
    behavior: url(/etc/designs/successfactors/clientlibs/legacy/css/PIE.htc)
}

.shadow {
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    behavior: url(/etc/designs/successfactors/clientlibs/legacy/css/PIE.htc)
}

#main .main-content .col1 h3,#main .main-content .col1 h4 {
    margin-right: 0;
    padding-top: 0
}

.lt_gray {
    background: RGB(247,247,247)
}

.blue {
    background: #1897d3
}

.orange {
    background: #f18f30
}

.green {
    background: #7ac143
}

.turquoise {
    background: #00aaa6
}

.magenta {
    background: #c60651
}

.sky-blue {
    background: #26bcd7
}

.teal {
    background: #00b274
}

.yellow {
    background: #ffcf01
}

.lawn-green {
    background: #d5e04e
}

.ocean-blue {
    background: #56a0d3
}

.sap-gold {
    background: #f0ab00
}

.sidebar {
    float: right;
    width: 230px;
    padding-left: 18px
}

.sidebar.sidebar-container {
    width: 284px;
    border: solid 4px #f18f30;
    padding-left: 0;
    box-sizing: border-box;
    margin-top: -250px
}

.sidebar.sidebar-container .railParagraph .form.section,.sidebar.sidebar-container .railParagraph .freetrial_form.section {
    padding: 15px;
    min-height: 300px
}

.sidebar .sidebar {
    float: none;
    width: 249px
}

#main .main-content .sidebar h4 {
    border-bottom: 0;
    margin-bottom: 5px
}

span,fieldset,footer {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

footer {
    display: block
}

#footer {
    background: none repeat scroll 0 0 #e3e3e3;
    font-size: 14px;
    padding-top: 40px;
    position: relative;
    top: -27px;
    z-index: 1
}

#footer ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#footer li {
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #999
}

#footer p,#footer li a {
    font-size: 12px;
    line-height: 18px;
    color: #999;
    margin-bottom: 10px
}

#footer p.small {
    font-size: 11px
}

#footer li a,#footer p a {
    font-weight: normal;
    color: #999
}

#footer a:hover {
    text-decoration: underline
}

#footer #footerimages {
    margin: 0 2px 34px
}

#footer #footerimages div {
    float: left;
    position: relative
}

#footer #footerimages div a {
    background: url(images/footerImage_hoverBG.png) no-repeat 0 0;
    display: block;
    position: absolute;
    width: 154px;
    height: 40px;
    bottom: 0;
    left: 0;
    padding: 36px 6px 0;
    font-size: 16px;
    color: white;
    line-height: 17px;
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
    text-decoration: none;
    z-index: 2
}

#superfooter .social-icons li {
    background: url('images/social_icons.png') no-repeat 0 0;
    padding-left: 25px;
    height: 20px;
    margin-bottom: 5px
}

#superfooter li.icon-google {
    background-position: 0 0
}

#superfooter li.icon-linkedin {
    background-position: 0 -20px
}

#superfooter li.icon-twitter {
    background-position: 0 -40px
}

#superfooter li.icon-facebook {
    background-position: 0 -60px
}

#superfooter li.icon-youtube {
    background-position: 0 -82px
}

#superfooter li.icon-flickr {
    background-position: 0 -110px
}

#superfooter li.icon-gplus {
    background-position: 0 3px
}

#superfooter {
    padding-bottom: 40px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc
}

#superfooter h3 {
    font-size: 14px;
    font-weight: bold;
    color: #666;
    margin-bottom: 15px
}

#superfooter li a {
    font-size: 12px
}

.infield-label {
    position: relative
}

.infield-label label {
    color: #999;
    position: absolute;
    top: 5px;
    left: 7px;
    text-align: left
}

.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9,.span-10,.span-11,.span-12,.span-13,.span-15 {
    float: left;
    margin-right: 6px
}

.span-3 {
    width: 144px
}

.span-4 {
    width: 194px
}

.span-5 {
    width: 244px
}

.span-6 {
    width: 294px
}

.span-7 {
    width: 344px
}

.span-8 {
    width: 394px
}

.span-9 {
    width: 444px
}

.span-10 {
    width: 494px
}

.span-11 {
    width: 544px
}

.span-12 {
    width: 594px
}

.span-13 {
    width: 644px
}

.span-15 {
    width: 744px
}

.container:after,.page-wrap:after,.clearfix:after {
    clear: both
}

.container:before,.container:after,.page-wrap:before,.page-wrap:after,.clearfix:before,.clearfix:after {
    content: "";
    display: table
}

.clearfix:after,.page-wrap:after,.container:after {
    clear: both
}

.clearfix:before,.clearfix:after,.container:before,.container:after,.page-wrap:before,.page-wrap:after {
    content: "";
    display: table
}

.container:before,.container:after,.page-wrap:before,.page-wrap:after,.clearfix:before,.clearfix:after {
    content: "";
    display: table
}

.clearfix:before,.clearfix:after,.container:before,.container:after,.page-wrap:before,.page-wrap:after {
    content: "";
    display: table
}

.append-2 {
    padding-right: 30px
}

#footer .span-12 a,#footer .span-8 a,#footer .span-12,#footer .span-8 {
    font-weight: normal;
    color: #999;
    line-height: 1.4
}

#footer .span-12 a,#footer .span-8 a {
    margin: 0 5px 20px 5px
}

.container {
    width: 100%
}

.last,div.last {
    margin-right: 0!important;
    padding-right: 0!important
}

.icons-bg {
    background-image: url("images/bg-supergraphic.png")!important;
    background-position: -325px -33px;
    background-repeat: no-repeat
}

.gray-bg {
    background-color: #f7f7f7
}

.dark-gray-bg {
    background-color: #575358
}

#additionalCallout {
    position: absolute;
    right: 0;
    top: 0
}

.border {
    border: 1px solid #ccc
}

.topBannerOverlay>img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.page-bar.pageBar .container .page-wrap {
    width: 994px;
    margin: 0 auto
}

.page-bar-head {
    font-family: BlenderPro,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    clear: both;
    line-height: 1.1
}

.med {
    width: 50%
}

.valprop .valprop-inner {
    position: absolute;
    z-index: 10
}

.valprop.normal .valprop-inner {
    width: 402px!important
}

.valprop.wide .valprop-inner {
    width: 590px!important
}

.valprop.full-width .valprop-inner {
    width: 994px!important
}

.valprop-inner .page-bar-head {
    font-family: BlenderPro,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    clear: both;
    line-height: 1.1;
    z-index: 1;
    margin: 0
}

.valprop-inner h1.subhead {
    font-family: BlenderPro,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    clear: both;
    line-height: 1.1;
    z-index: 1;
    margin-top: 15px
}

#topBannerOverlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 996px;
    height: 250px
}

.super_graphic {
    position: absolute;
    top: 0;
    right: -73px;
    width: 479px;
    height: 268px;
    background: url(images/SFSFsupergraphic.png);
    opacity: .60
}

.grey-background {
    width: 100%
}

@font-face {
    font-family:'carrot';src:url('fonts/carrot.eot');src:url('fonts/carrot.eot?#iefix') format('embedded-opentype'),url('fonts/carrot.woff') format('woff'),url('fonts/carrot.ttf') format('truetype');font-weight:normal;font-style:normal
}
[data-icon]:before {
    font-family: 'carrot';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.icon-downarrow {
    font-family: 'carrot';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 47px;
    margin-left: 3px;
    margin-top: -4px
}

.icon-downarrow:before {
    content: "\e000"
}

.sidebar .ppc-landpage-hor-form .form_row select {
    border: none!important;
    border-radius: 0!important;
    margin-bottom: 0!important
}

.page-downloads h1 {
    font-size: 30px
}

.sidebar #form {
    width: auto;
    margin-top: 0!important
}

.form-field.form-field-left,.form-field.form-field-right {
    overflow: hidden
}

.sidebar .railParagraph .form.section,.sidebar .railParagraph .freetrial_form.section {
    background-color: rgba(255,255,255,0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b2ffffff',endColorstr='#b2ffffff')
}

.sidebar h5.lp-vertical-download-headline {
    font-family: blenderPro,Helvetica,sans-serif;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    left: 50px;
    top: -8px;
    margin: 5px 0 0 0
}

.sidebar .csc-textpic {
    margin-top: 38px
}

.left {
    float: left
}

#main .main-content {
    background: #fff;
    border: 1px solid #c2c2c2;
    margin-top: 30px;
    border-radius: 0 0 5px 5px;
    position: relative;
    z-index: 2;
    padding-left: 30px;
    padding-top: 20px;
    behavior: url(/etc/designs/successfactors/clientlibs/legacy/css/PIE.htc)
}

#main .main-content-compact {
    background: #fff;
    border: 1px solid #c2c2c2;
    margin-top: 0;
    border-radius: 0 0 5px 5px;
    position: relative;
    z-index: 2;
    padding-left: 30px;
    padding-top: 0;
    behavior: url(/etc/designs/successfactors/clientlibs/legacy/css/PIE.htc)
}

.shadow {
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    behavior: url(/etc/designs/successfactors/clientlibs/legacy/css/PIE.htc)
}

#main .grey-background {
    background: url(images/body-text_bg.gif) repeat-x top center #fff;
    border-radius: 0 0 5px 5px;
    padding: 15px 30px 40px;
    behavior: url(/etc/designs/successfactors/clientlibs/legacy/css/PIE.htc);
    margin-left: -30px;
    margin-top: 20px
}

#colorbox .grey-background {
    background: url(images/body-text_bg.gif) repeat-x top center #fff;
    border-radius: 0 0 5px 5px;
    padding: 15px 30px 40px;
    behavior: url(/etc/designs/successfactors/clientlibs/legacy/css/PIE.htc)
}

.resource_index_page #colorbox .grey-background,.resource_download_page #colorbox .grey-background {
    background: 0
}

.left {
    float: left
}

.grey-background .left {
    margin-right: 28px
}

.grey-background .left#form {
    margin: 0
}

#colorbox #form {
    width: 630px!important
}

#form {
    width: 705px
}

.sidebar .sidebar {
    padding-left: 0;
    float: none;
    width: 249px
}

.landing_page_bar .valprop-inner .page-bar-head {
    font-size: 36px
}

.landing_page_bar .ja_jp .valprop-inner .page-bar-head {
    font-family: Helvetica,Helvetica Neue,Arial,sans-serif;
    font-size: 31px
}

.pageBar.opt-2 a {
    visibility: hidden
}

.opt-2 .super_graphic {
    position: absolute;
    right: 150px;
    top: 19px;
    opacity: .80
}

.opt-2 .basicParagraph {
    width: 630px
}

.page-wrap.main-content-compact.shadow.opt-2 {
    min-height: 480px
}

.pageBar .opt-3 a {
    visibility: hidden
}

.super_graphic .opt-3 {
    visibility: hidden
}

.opt-3 #topBannerOverlay>img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.opt-3 .transparentOverlay {
    position: absolute;
    z-index: 9;
    height: 250px;
    width: 433px;
    background-color: rgba(0,0,0,0.65);
    display: inline-block;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#A5000000',endColorstr='#A5000000');
    top: 0;
    left: 0
}

.opt-3 .basicParagraph {
    width: 630px
}

.page-wrap.main-content-compact.shadow.opt-3 {
    min-height: 480px
}

#lpChatButtonDiv2 {
    display: block;
    background: url('../../../content/dam/successfactors/en_us/images/misc/chat/chat-btn-offline_en_us.png') no-repeat center;
    font-size: 0;
    color: #2c9fd4;
    width: 218px;
    height: 41px;
    margin: 10px 0 0 0
}

#lpChatButtonDiv2.chat-online {
    background: url('../../../content/dam/successfactors/en_us/images/misc/chat/chat-btn-online_en_us.png') no-repeat center
}

#lpChatButtonDiv2 a {
    font-size: 0;
    color: #2c9fd4;
    width: 218px;
    height: 41px;
    display: block
}

#lpChatButtonDiv2 a:hover {
    text-decoration: none;
    color: #CCC
}

#footer-chat-container {
    position: fixed;
    height: 50px;
    padding: 0;
    bottom: 0;
    right: 70px;
    z-index: 9999
}

#footer-chat-box {
    width: 100%;
    position: relative;
    height: 300px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);
    background: #0095d6;
    background: -moz-linear-gradient(top,#0095d6 0,#0085bf 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#0095d6),color-stop(100%,#0085bf));
    background: -webkit-linear-gradient(top,#0095d6 0,#0085bf 100%);
    background: -o-linear-gradient(top,#0095d6 0,#0085bf 100%);
    background: -ms-linear-gradient(top,#0095d6 0,#0085bf 100%);
    background: linear-gradient(to bottom,#0095d6 0,#0085bf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095d6',endColorstr='#0085bf',GradientType=0)
}

#footer-chat-box p {
    font-size: 13px;
    line-height: 1.5em;
    font-weight: 300;
    margin: 0 0 5px;
    color: #666
}

#footer-chat-box:hover {
    margin-top: -220px
}

#footer-chat-title {
    color: #FFF;
    padding: 15px;
    font-weight: bold;
    font-size: 14px;
    line-height: 25px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

#footer-chat-title:after {
    content: "";
    display: block;
    position: absolute;
    width: 22px;
    height: 28px;
    top: 12px;
    right: 23px;
    background: url(../successfactors/images/css-sprite.png) no-repeat -59px -80px
}

#footer-chat-title-text:before {
    content: "";
    display: inline-block;
    width: 36px;
    height: 23px;
    background: green;
    margin: -3px 14px 0 1px;
    vertical-align: middle;
    background: url('../successfactors/images/css-sprite.png') no-repeat -79px -42px
}

#footer-chat-text {
    background: #FFF;
    color: #666;
    padding: 15px;
    height: 200px;
    border: 2px solid #0085c0
}

#footer-chat-text img {
    float: left;
    margin-right: 15px
}

#footer-chat-text a {
    color: #666
}

#footer-chat-box p.footer-chat-text-phone {
    font-size: 16px
}

.sfsf-livechat-icon {
    background: url('../successfactors/images/css-sprite.png');
    width: 33px;
    height: 33px;
    display: inline-block;
    position: relative;
    bottom: -12px
}

.sfsf-livechat-email {
    background-position: -121px -42px
}

.sfsf-livechat-twitter {
    background-position: -121px -85px
}

.sfsf-livechat-phone {
    background-position: -121px 0
}

.livechat-touch {
    display: none;
    position: fixed;
    right: -29px;
    top: 210px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: #0095d6;
    z-index: 1;
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg);
    transition: right .2s ease-out;
    padding: 5px 9px;
    cursor: pointer
}

.livechat-touch span {
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px
}

.livechat-touch:before {
    content: "";
    display: inline-block;
    background: url('../successfactors/images/css-sprite.png') -55px -27px;
    background-size: 110px 160px;
    width: 30px;
    height: 20px;
    margin-right: 6px;
    vertical-align: middle
}

.livechat-touch-close {
    position: absolute;
    display: none;
    width: 22px;
    height: 21px;
    top: 12px;
    right: 12px;
    cursor: pointer;
    background: url('../successfactors/images/livechat-close.png') no-repeat center
}

.livechat-touch.hide {
    right: -58px
}

@media screen and (max-width:1024px) {
    .livechat-touch-close {
        display: block
    }

    #footer-chat-box:hover {
        margin-top: 0!important
    }

    #footer-chat-container {
        top: 50%;
        left: 50%;
        bottom: auto;
        right: auto;
        -webkit-transform: translate3d(-124px,-150px,0);
        transform: translate3d(-124px,-150px,0);
        display: none
    }

    #footer-chat-container.show {
        display: block
    }

    .liveperson_chat.show {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 99999999
    }

    .livechat-touch {
        display: block
    }

    #footer-chat-title:after {
        display: none
    }
}

.footer-chat-text-phone-personalized {
    font-weight: 300;
    display: inline-block;
    color: #666;
    font-size: 13px;
    margin-bottom: 10px
}