body {
    padding-bottom: 0;
    overflow-x: hidden;
}
h1,
h2 {
    font-size: 30px;
}
h3 {
    font-size: 22px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 14px;
}
a {
    color: #3799c7;
}
pre {
    word-break: break-word;
}
p span.warning {
    color: #bb6633;
}
p b.telephone {
    font-size: 24px;
    display: block;
}
img.toleft {
    float: left;
    margin: 0 10px 10px 0;
}
img.toleft+div>ul>li {
    list-style: none;
}
table.cookies,
table.data,
#mdetos table {
    background-color: rgba(255,255,255,.5);
    border-collapse: collapse;
    font-size: small;
}
table.cookies th,
table.cookies td,
table.data th,
table.data td,
#mdetos table th,
#mdetos table td {
    border: 1px solid #000000;
    padding: 4px 6px;
}
.container {
    max-width: 1200px;
    width: 100%;
}
.row {
    margin-left: 0;
    margin-right: 0;
}

/**********/
/* TICKER */
/**********/
@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.ticker-wrap {
    position: fixed;
    top: 55px;
    width: 100%;
    overflow: hidden;
    height: 4rem;
    background-color: rgba(200, 30, 30, 0.9);
    padding-left: 100%;
    box-sizing: content-box;
    z-index: 18;
}
.ticker-wrap {
    top: 102px;
}
.smartbanner-show .ticker-wrap {
    top: 182px;
}
.ticker {
    display: inline-block;
    height: 4rem;
    line-height: 4rem;
    white-space: nowrap;
    padding-right: 100%;
    box-sizing: content-box;

    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: ticker;
    animation-name: ticker;
    -webkit-animation-duration: 25s;
    animation-duration: 25s;
}
.ticker-item {
    display: inline-block;
    padding: 0 2rem;
    font-size: 2rem;
    font-weight: bold;
    color: white;
}
.ticker-item a {
    color: #fff;
    text-decoration: underline;
}
/***********************/
/* HEADER & NAVIGATION */
/***********************/
.navbar .container {
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
}
.navbar-brand {
    padding-right: 5px;
}
.navbar-brand > img {
    position: relative;
    top: -6px;
    height: 28px;
}
.navbar-text {
    margin: 23px 0 0 0;
    font-size: 12px;
    font-style: italic;
    color: #000;
    float: left;
}
.navbar-group {
    border-radius: 3px;
    margin-bottom: 5px;
}
.navbar-form {
    padding: 3px 5px;
    margin-top: 0;
    margin-bottom: 0px;
    float: right;
    border: none;
    box-shadow: none;
    border-radius: 3px;
    margin-right: -10px;
    background-color: #eaf4fe;
}
.navbar-form,
.navbar-form .form-group,
.navbar-form .form-control {
    display: inline-block;
}
.navbar-form .form-group {
    vertical-align: middle;
    margin-bottom: 0;
}
.navbar-form .form-control {
    width: 105px;
    border-color: #3799c7;
    height: 25px;
    padding: 6px;
}

.navbar-form .btn {
    height: 27px;
    padding: 0px;
    width: 80px;
}
.navbar-form .btn img {
    display: none;
}
.navbar-form .form-links {
    font-size: 11px;
    height: 14px;
}
.navbar-form .form-links a {
    min-width: 120px;
    display: inline-block;
    padding: 1px 2px;
}
.navbar-toggle {
    background: #3799c7 linear-gradient(to bottom, #3799c7, #77bfdd) repeat scroll 0 0;
    border-color: #fff;
    float: none;
    padding: 12px 9px;
    margin: 3px 5px;
}
.navbar-toggle:hover {
    background-image: none;
}
.navbar-toggle .icon-bar {
    background-color: #fff;
}
.nav li > a:hover,
.nav li.dropdown.open > a,
.nav .dropdown-menu > li a:hover {
    background: #e0f2ff;
}
.nav li > a:focus {
    background-color: transparent;
}
.nav li.dropdown > a:focus {
    color: #3799c7;
}
/*.navbar {
    background-color: transparent;
    background-image: linear-gradient(to bottom, #A4CCE0, rgba(164, 204, 224, 0.9), rgba(164, 204, 224, 0.5));
}*/
.navbar-wrapper {
    margin-top: 0;
    top: unset;
}
.navbar-wrapper .navbar {
    border-radius: 0;
    padding: 0;
}
.navbar {
    background-color: transparent;
    background-image: linear-gradient(to bottom, #A4CCE0, rgba(164, 204, 224, 0.9), rgba(164, 204, 224, 0.5));
}
.navbar-fixed-top {
    top: unset;
}
.navbar-fixed-top .container {
    margin: auto;
}

.navbar-nav {
    background-color: #ffffff;
    border-radius: 3px;
    margin: 94px 0 5px 0;
    padding: 4px;
    float: none;
    display: flex;
}
.navbar-subnav {
    margin: 0 0 5px 0;
}
.navbar-collapse.collapsing .navbar-nav,
.navbar-collapse.collapse.in .navbar-nav {
    margin-top: 0;
    display: block;
}
.navbar-nav > li {
    flex: 1 1 auto;
}
.navbar-nav > li > a {
    padding: 6px 2px;
    border-radius: 3px;
    text-align: center;
}
.navbar-nav > li > a .leaf {
    margin: -7px -2px 0 5px;
}
.navbar-collapse.collapsing .navbar-nav > li > a,
.navbar-collapse.collapse.in .navbar-nav > li > a {
    text-align: left;
    padding: 6px 15px;
}
.btn-primary,
.navbar-nav > li.active > a {
    background: #3799c7 linear-gradient(to bottom, #3799c7, #77bfdd) repeat scroll 0 0;
    color: #ffffff;
}
.btn-primary {
    border: 1px solid #ffffff;
    padding: 8px 30px;
    z-index: 10;
}
.btn-primary:focus,
.btn-primary:hover {
    border: 1px solid #ffffff;
    background: #3799c7;
    color: #ffffff;
}
.navbar-btn {
    margin: 7px 0 7px 2px;
    padding: 9px 10px;
    position: relative;
    float: right;
}
.navbar-btn > img {
    display: none;
}

/*****************/
/* Advertisement */
/*****************/
.mdebn {
    display: none;
    position: absolute;
    width: 728px;
    height: 90px;
    z-index: 10;
    margin-right: 286px;
    right: 0;
}
.mdesk {
    display: none;
    position: fixed;
    top: 5px;
    left: 50%;
    width: 160px;
    height: 600px;
    margin-left: 610px;
}

/************/
/* CAROUSEL */
/************/
.carousel,
.carousel .item,
.carousel-inner > .item > img {
    height: 625px;
    margin-bottom: 0;
}
.tickerView .carousel,
.tickerView .carousel .item,
.tickerView .carousel-inner > .item > img {
    height: 625px;
}
.carousel-inner > .item > img {
    max-width: none;
}
.carousel-indicators {
    width: 150px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto 10px;
}
.carousel-indicators li {
    border-color: #3799c7;
}
.carousel .item {
    background-color: transparent;
    background-size: cover;
    background-position: 50% center;
}
.carousel .first-slide {
    background-image: url(../img/backgrounds/sky.jpg);
}
.carousel .first-slide .featurette-image {
    background: url(../img/misc/devices.png) no-repeat center center / 550px auto;
}
.carousel .second-slide {
    background-image: url(../img/carousel/bg2.jpg);
}
.carousel .second-slide .featurette-image {
    background: url(../img/misc/phoneFeatures.png) no-repeat center center;
}
.carousel .third-slide {
    background-image: url(../img/carousel/bg3.jpg);
}
.carousel .third-slide .featurette-image {
    background: url(../img/misc/laptop.png) no-repeat center center;
}
.carousel .fourth-slide {
    background-image: url(../img/carousel/bg5.jpg);
}
.carousel .fourth-slide .featurette-image {
    background: url(../img/misc/phones.png) no-repeat center center;
    padding-top: 455px; /*500px;*/
}
.muk .carousel .fourth-slide .featurette-image {
    background: url(../img/misc/phones_couk.png) no-repeat center center;
}
.mfr .carousel .fourth-slide .featurette-image {
    background: url(../img/misc/phones_fr.png) no-repeat center center;
}
.carousel .fifth-slide {
    background-image: url(../img/carousel/bg4.jpg);
}
.carousel .fifth-slide .featurette-image {
    background: url(../img/misc/shields.png) no-repeat center center;
}
.carousel .sixth-slide {
    background-image: url(../img/carousel/bg6.jpg);
    background-position: right center;
}
.carousel .sixth-slide .featurette-image {
    background: url(../img/misc/laptopGreen.png) no-repeat center center;
}
.carousel .eighth-slide {
    background-image: url(../img/carousel/bg7.jpg);
}
.carousel .seventh-slide {
    background: url(../img/awards/bg.jpg) no-repeat center center;
    background-size: auto 1250px;
}
.carousel .seventh-slide h2 {
    color: #454545;
    text-shadow: none;
}
.carousel .seventh-slide .row > div {
    height: 190px;
    color: #454545;
    text-shadow: none;
    padding-right: 5px;
    padding-left: 5px;
}
.carousel .seventh-slide span {
    display: none;
}
.carousel .seventh-slide img {
    width: 100%;
    max-width: 90px;
    display: block;
    margin: 0 auto 5px;
}
.carousel-caption {
    top: 0;
    padding-bottom: 0;
    padding-right: 0px;
    max-width: 1200px;
    width: 100%;
    left: 0;
    right: auto;
    text-shadow: 0 0 3px #000000;
}
.carousel-caption,
.carousel-caption .row,
.carousel-caption .row > div {
    height: 100%;
}
.carousel .item ul {
    padding: 0 5% 0 15%;
    text-align: left;
    list-style-image: url(../img/icons/check.png);
}
.featurette ul:not(.nav) li,
.carousel .item  ul li {
    font-size: 12.5pt;
    padding-bottom: 5px;
}
.carousel-control-wrapper {
    width: 100%;
    position: absolute;
    top: 0;
}
.carousel-control-wrapper .container {
    position: relative;
}
.carousel-control {
    width: 25px;
    height: 700px;
    z-index: 11;
}
.carousel-caption,
.carousel-control,
.subnav .subnavbar {
    padding-top: 102px;
}
.tickerView .carousel-caption,
.tickerView .carousel-control,
.tickerView .subnav .subnavbar {
    padding-top: 142px;
}
.carousel .btn-caption div:not(.extended-btn) {
    padding: 50px 0 5px;
    font-size: 18px;
}
.carousel-caption .btn-caption .extended-btn .footnote {
    position: absolute;
    bottom: 20px;
    font-size: 12px;
    margin: 0 10px;
}
.carousel-control-wrapper .container {
    max-width: 1220px;
}
.carousel-control.left,
.carousel-control.right {
    background-image: none;
    opacity: 1;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    background: none;
}
.carousel-control .glyphicon-chevron-left {
    margin-left: -15px;
}
.carousel-control .glyphicon-chevron-right {
    margin-right: -13px;
}
.carousel-control:hover .glyphicon {
    color: #3799c7;
}

/*************************/
/* MARKETING CONTAINER & */
/*  |- FEATURETTE ROWS   */
/*************************/
.navbar-wrapper + .container .featurette:first-child {
    padding-top: 150px;
}

.featurette-divider.glyphicon {
    background-color: #fff;
    border-radius: 25px;
    color: #77bfdd;
    font-size: 20px;
    height: 26px;
    width: 26px;
    padding: 6px 0 0 4px;
    margin: -25px 0 -20px 47.8%;
    cursor: pointer;
    text-decoration: none;
}
.featurette-divider.glyphicon:hover {
    background-color: #77bfdd;
    color: #fff;
}
.featurette > .container {
    padding-bottom: 50px;
}
.subnav .featurette .container {
    padding-top: 20px;
}
.container.marketing {
    max-width: 100%;
    padding: 0;
}
.marketing .featurette {
    color: #454545;
    background-size: cover;
    background-position: center center;
}
.tickerView .ticker-wrap + .marketing .featurette:first-child {
    padding-top: 160px;
}
.mainpage.marketing .featurette {
    min-height: 800px;
}
.marketing .featurette.productComparison {
    background-image: url(../img/backgrounds/desk.jpg);
}
.marketing .featurette.productComparison .container {
    color: #222;
}
.marketing .featurette.productComparison .packages:nth-last-child(2) {
    padding-bottom: 40px;
}
.marketing .featurette.productComparison .ITsecurityBadge {
    width: calc(100% - 20px);
    max-width: 300px;
    margin: 20px 10px 0 10px;
}
.marketing .featurette.freemailFeatures,
.marketing .featurette.plusmailFeatures,
.marketing .featurette.promailFeatures,
.marketing .featurette.powermailFeatures,
.marketing .featurette.productFeatures
.marketing .featurette.productFeatures {
    background-image: url(../img/backgrounds/features.jpg);
}
.marketing .featurette.freemailFeatureText,
.marketing .featurette.plusmailFeatureText,
.marketing .featurette.promailFeatureText,
.marketing .featurette.powermailFeatureText,
.marketing .featurette.mobileApps {
    background-image: url(../img/backgrounds/grass.jpg);
}
.marketing .featurette.freemailFeatureText>.container>.container-block,
.marketing .featurette.plusmailFeatureText>.container>.container-block,
.marketing .featurette.promailFeatureText>.container>.container-block,
.marketing .featurette.powermailFeatureText>.container>.container-block {
    margin-top: 75px;
    margin-bottom: 25px;
}
.marketing .featurette.avatar {
    background-image: url(../img/backgrounds/network.jpg);
}
.marketing .featurette.partners,
.marketing .featurette.privacy,
.marketing .featurette.tos,
.marketing .featurette.cancelForm,
.marketing .featurette.authorityinquiries,
.marketing .featurette.advantages,
.marketing .featurette.career {
    background-image:  url(../img/backgrounds/sky.jpg);
}
.marketing .featurette.productComparisonTable {
    background-image: url(../img/backgrounds/sky.jpg);
}
.marketing .featurette.productComparison.contractual {
    background-image: url(../img/backgrounds/stars.jpg);
}
.marketing .featurette.freemailFeatureText {
    background-image: url(../img/backgrounds/grass.jpg);
}
.marketing .featurette.freemailFeatureText>.container>.container-block {
    margin-top: 75px;
    margin-bottom: 25px;
}
.marketing .featurette.donations,
.marketing .featurette.plantingpress,
.marketing .featurette.sustainability1 {
    background-image: url(../img/backgrounds/sust_bg1.jpg);
}
.marketing .featurette.sustainability2 {
    background-image: url(../img/backgrounds/sust_bg2.jpg);
}
.marketing .featurette.plantingphotos,
.marketing .featurette.sustainability3 {
    background-image: url(../img/backgrounds/sust_bg3.jpg);
}
.marketing .featurette.plantingpress:nth-child(2),
.marketing .featurette.sustainability4 {
    background-image: url(../img/backgrounds/sust_bg4.jpg);
}
.marketing .featurette.sustainability5 {
    background-image: url(../img/backgrounds/sust_bg5.jpg);
}
.marketing .featurette.impressum,
.marketing .featurette.about {
    background-image: url(../img/backgrounds/team.jpg);
    background-position: center top;
}
.marketing .featurette.awards {
    background-image: url(../img/awards/bg.jpg);
    background-size: 500px auto;
    background-repeat: repeat-y;
    background-position: top center;
}
.marketing .featurette.team {
    background-image: url(../img/backgrounds/mountain.jpg);
    background-position: center bottom;
}
.marketing .featurette.laptop {
    background-image: url(../img/backgrounds/girl.jpg);
    background-size: auto;
    background-position: left -200px;
}
.marketing .featurette.freemailOverview,
.marketing .featurette.plusmailOverview,
.marketing .featurette.promailOverview,
.marketing .featurette.powermailOverview {
    background-image: url(../img/backgrounds/girl.jpg);
    padding-top: 200px !important;
}
.marketing .featurette.freemailOverview {
    background-image: url(../img/backgrounds/mountaineer.jpg);
    background-size: cover;
    background-position: center;
}.marketing .featurette.promailOverview {
    background-image: url(../img/backgrounds/guy.jpg);
    background-size: cover;
    background-position: top;
}
.marketing .featurette.powermailOverview {
    background-image: url(../img/backgrounds/hero.jpg);
    background-size: cover;
    background-position: center;
}
.marketing .featurette.freemail {
    background-image: url(../img/backgrounds/paperplane.jpg);
    background-position: center top;
    background-size: auto;
}
.marketing .featurette.freemailOverview .container-block,
.marketing .featurette.plusmailOverview .container-block,
.marketing .featurette.promailOverview .container-block,
.marketing .featurette.powermailOverview  .container-block {
    padding-top: 0;
    padding-bottom: 0;
}
.marketing .featurette.productComparison.contractual .periodSwitchWrapper h6,
.marketing .featurette.productComparison.contractual .packages-header,
.marketing .featurette.productComparison.contractual .footnote,
.marketing .featurette.productComparison.contractual .footnote .footnoteToggle {
    color: #ffffff;
}
.productTitle.regLink {
    position: relative;
    top: -30px;
    left: -45px;
}

.marketing .featurette.mobileApps > .container > h3 {
    margin-bottom: 90px;
}
.marketing .featurette.mobileApps .row > .container-block {
    text-align: center;
    padding: 0 15px;
}
.marketing .featurette.mobileApps .appLinks {
    margin: 40px;
}
.marketing .featurette .container:not(.packages) > h1,
.marketing .featurette .container:not(.packages) > h2,
.marketing .featurette .container:not(.packages) > h3,
.marketing .featurette .container:not(.packages) > h4 {
    text-align: center;
}
.marketing .featurette.team h2 {
    margin-bottom: 50px;
}
.marketing .featurette.team .container {
    padding-bottom: 150px;
}
.marketing .featurette.team.extended .container {
    padding-bottom: 300px;
}

.marketing .featurette.privacy li,
.marketing .featurette.tos li {
    font-size: 14px;
}

.marketing .featurette.error {
    min-height: 600px;
}

.marketing .appLinks {
    text-align: center;
}
.marketing .appLinks a {
    margin-right: 10px;
}
.marketing .txtLght {
    color: #fff;
}
.marketing .avatar .container {
    text-align: center;
}
/*.marketing .avatar .container .row {
    margin-top: 60px;
}*/
.marketing .avatar .container-block.col-md-6 {
    padding: 0 0 2px 0;
    margin-top: 38px;
}
.marketing .avatar .container-block .featurette-image {
    margin-top: -6px;
}
.marketing .avatar .img-block {
    padding: 0;
}
.marketing .advantages h2 {
    text-align: center;
    /*color: #000;*/
}
.marketing .advantages .container > .row {
    /*margin-top: 120px;*/
    margin-top: 12px;
}
.marketing .advantages .row.container-block > div {
    text-align: center;
    /*margin: 25px 0 40px;*/
    margin: 20px 0 20px;
}
.marketing .advantages .row > div:nth-child(odd) {
    clear: left;
}
.marketing .advantages img {
    max-width: 90px;
    width: 100%;
    margin-bottom: 25px;
}
.appLinks img {
    margin-bottom: 10px;
}
/****** New style ******/
.navbar-btn .lock {
    position: absolute;
    height: 22px;
    left: 8px;
    top: 6px;
}
#langSelect {
    padding: 0;
    margin: 0;
    border: 0;
}
#langSelect:active {
    box-shadow: none;
}
#langBtn,
#langMenu .lang-btn {
    padding: 9px;
    margin-bottom: 7px;
    margin-right: 0;
}
#langMenu {
    display: none;
    position: absolute;
    left: 1px;
    top: 55px;
}
.subnavbar {
    position: fixed;
    text-align: center;
    background-color: #fff;
    z-index: 5;
}
.subnavbar .container {
    padding: 0;
}
.subnavbar .nav {
   padding: 0;
   margin: 0;
   border-radius: 0;
}
.subnavbar .nav .email {
    background-image: url('../img/icons/functions/e-mail.png');
}
.subnavbar .nav .addressbook,
.help .subnavbar .nav li:nth-child(3) a {
    background-image: url('../img/icons/functions/addressbook.png');
}
.subnavbar .nav .storage,
.help .subnavbar .nav li:nth-child(5) a {
    background-image: url('../img/icons/functions/online-storage.png');
}
.subnavbar .nav .calendar,
.help .subnavbar .nav li:nth-child(4) a {
    background-image: url('../img/icons/functions/calendar.png');
}
.subnavbar .nav .messages,
.help .subnavbar .nav li:nth-child(2) a {
    background-image: url('../img/icons/mobile/messages.png');
}
.subnavbar .nav .color {
    background-image: url('../img/icons/mobile/color.png');
}
.subnavbar .nav .postcard {
    background-image: url('../img/icons/functions/more.png');
}
.help .subnavbar .nav li:nth-child(1) a {
    background-image: url('../img/icons/help/home.png');
}
.help .subnavbar .nav li:nth-child(6) a {
    background-image: url('../img/icons/help/settings.png');
}
.help .subnavbar .nav li:nth-child(7) a {
    background-image: url('../img/icons/help/navigation.png');
}
.subnav .subnavbar .nav .more {
    background-image: url('../img/icons/functions/more.png');
}
.subnav .subnavbar .nav .ssl {
    background-image: url('../img/icons/security/shield-ssl.png');
}
.subnav .subnavbar .nav .dataProtection {
    background-image: url('../img/icons/security/shield-dataprotection.png');
}
.en .subnav .subnavbar .nav .dataProtection {
    background-image: url('../img/icons/security/shield-dataprotection_en.png');
}
.fr .subnav .subnavbar .nav .dataProtection {
    background-image: url('../img/icons/security/shield-dataprotection_fr.png');
}
.subnav .subnavbar .nav .dane {
    background-image: url('../img/icons/security/shield-dane.png');
}
.subnav .subnavbar .nav .dkim {
    background-image: url('../img/icons/security/shield-dkim.png');
}
.subnav .subnavbar .nav .secondFactor {
    background-image: url('../img/icons/security/shield-2-factor.png');
}
.en .subnav .subnavbar .nav .secondFactor {
    background-image: url('../img/icons/security/shield-2-factor_en.png');
}
.fr .subnav .subnavbar .nav .secondFactor {
    background-image: url('../img/icons/security/shield-2-factor_fr.png');
}
.subnavbar .nav li {
    flex: 1 1 0;
}
.subnavbar .nav li a {
    background-position: center 15px;
    background-repeat: no-repeat;
    background-size: auto 25%;
    padding-top: 50px;
    height: 90px;
    color: #333;
    background-color: transparent;
    font-size: 12px;
}
.subnavbar .nav li:hover a {
    background-color: #e0f2ff;
}
.subnavbar .nav .glyphicon {
    border-bottom: 2px solid #3799c7;
    color: #3799c7;
    font-size: 10px;
    height: 3px;
    position: absolute;
    top: unset;
    bottom: 0;
    left: 0;
    width: 100%;
    display: none;
}
.subnavbar .nav li.active .glyphicon {
    display: block;
}
.marketing.subnav .featurette:nth-child(2) {
    margin-top: 192px;
}
.tickerView .marketing.subnav .featurette:nth-child(2) {
    margin-top: 232px;
}
.subnav .featurette ul {
    list-style-type: none;
    padding: 0;
}
.subnav .featurette .container .btn {
    margin-top: 50px;
}
.anchor {
    visibility: hidden;
    position: absolute;
    margin-top: -102px;
}
.tickerView .anchor {
    margin-top: -142px;
}
.anchor.first {
    margin-top: -145px;
}
#functions .featurette:nth-child(2) .anchor {
    margin-top: -260px;
}
.tickerView #functions .featurette:nth-child(2) .anchor {
    margin-top: -300px;
}
.marketing.subnav .anchor {
    margin-top: -170px;
}
.tickerView .marketing.subnav .anchor {
    margin-top: -210px;
}
#security .featurette:nth-child(2) h1 {
    margin-top: 0;
}
#security .featurette:nth-child(2) h3 {
    margin-bottom: 0;
}
#security .anchor {
    margin-top: -250px;
}
.tickerView #security .anchor {
    margin-top: -290px;
}
.smartbanner-show .anchor {
    margin-top: -134px;
}
.smartbanner-show .anchor.first {
    margin-top: -225px;
}
.container-block {
    background-color: rgba(255, 255, 255, 0.75);
    border: 1px solid #77bfdd;
    border-radius: 5px;
    padding: 25px 20px;
}
.extra-description {
    background-color: rgba(255, 255, 255, 0.4);
}
.col-clr {
    background-color: rgba(55, 153, 199, 0.5);
}
.col-clr {
    padding: 5px 0;
}
.packages-header {
    text-align: center;
    margin: 25px 0 50px; /*50px 0;*/
}
.packages-header span {
    font-weight: bold;
}
.packages {
    position: relative;
    padding: 0;
}
.packages-cols {
    width: 100%;
}
.packages-cols .container {
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 0;
}
.packages-cols .container > div:nth-child(1) {
    height: 110px;
    margin-top: -20px;
}
.packages-cols .duration {
    font-size: 9pt;
}
.packages-buttons .btn {
    width: 100%;
    white-space: normal;
    padding: 8px 2px;
}

.features {
    display: flex;
    justify-content: center;
    align-content: stretch;
    flex-flow: row wrap;
}
.basicMail,
.featureList {
    background-image: linear-gradient(to bottom, rgba(55, 152, 198, 0.5), rgba(255, 255, 255, 0.5));/*linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.1));*/
    border: 1px solid white;
    border-radius: 7px;
    /*color: #000;*/
    box-shadow: 2px 2px 5px #333333;
}
.basicMail {
    position: relative;
    margin-bottom: 30px;
}
.basicMail>img {
    position: absolute;
    top: -30px;
    left: 30px;
}
.basicMail>div {
    overflow: hidden;
}
.featureList {
    width: 100%;
    margin: 3px 0;
    padding: 10px;
}
.featureList h4 {
    margin: 0 0 20px 5px;
    padding-left: 35px;
    font-weight: bold;
    font-size: 170%;
}
.featureList .emailFeat {
    background: transparent url('../img/icons/product/mail.png') no-repeat scroll 0 3px;
}
.featureList .accSecurityFeat {
    background: transparent url('../img/icons/product/account-security.png') no-repeat scroll 0 3px;
}
.featureList .storageFeat {
    background: transparent url('../img/icons/product/storage.png') no-repeat scroll 0 3px;
}
.featureList .serverSecurityFeat {
    background: transparent url('../img/icons/product/server-security.png') no-repeat scroll 0 3px;
}
.featureList .contactFeat {
    background: transparent url('../img/icons/product/contact.png') no-repeat scroll 0 3px;
}
.featureList .uiFeat {
    background: transparent url('../img/icons/product/gui.png') no-repeat scroll 0 3px;
}
.featureList .calendarFeat {
    background: transparent url('../img/icons/product/calendar.png') no-repeat scroll 0 3px;
}
.featureList .smsFeat {
    background: transparent url('../img/icons/product/sms.png') no-repeat scroll 0 3px;
}
.basicMail ul {
    margin: 35px 15px 10px;
    list-style: none;
}
.featureList ul {
    list-style-image: url("../img/icons/check_black_s.png");
    padding-left: 36px;
}
.featureList li {
    padding-left: 4px;
}
.basicMail ul li,
.featureList ul li {
    font-size: 11pt;
}
.productHead {
    margin-bottom: 40px;
}
.productHead span {
    font-weight: bold;
    font-size: 105%
}
.productHead.clear {
    margin-bottom: -30px;
    width: auto;
    float: none;
    clear: both;
}

.laptop .container > .col-sm-12 {
    background: url('../img/misc/laptop_empty.png') no-repeat scroll 0 0 / 100% auto;
    padding: 4% 12% 7%;
}
#laptopSlider {
    height: unset;
    position: unset;
}
#laptopSlider .carousel-inner {
    height: inherit;
}
#laptopSlider .carousel-inner img {
    height: unset;
    width: 100%;
}
#laptopSlider .carousel-control-wrapper {
    margin: auto;
    left: 0;
    right: 0;
    width: 95%;
    top: 35%;
}
#laptopSlider .carousel-control {
    visibility: visible;
    height: 50px;
    /*margin-top: 0;*/
    padding-top: 0;
}
#functions .featurette.bg1 {
    background-image: url("../img/backgrounds/func_bg1.jpg");
}
#functions .featurette.bg2 {
    background-image: url("../img/backgrounds/func_bg2.jpg");
    color: #222;
}
#functions .featurette.bg3 {
    background-image: url("../img/backgrounds/func_bg3.jpg?1");
}
.muk #functions .featurette.bg3 {
    background-image: url("../img/backgrounds/func_bg3_couk.jpg");
}
.mfr #functions .featurette.bg3 {
    background-image: url("../img/backgrounds/func_bg3_fr.jpg");
}
#functions .featurette.bg4 {
    background-image: url("../img/backgrounds/func_bg4.jpg?1");
}
#functions .featurette.bg5 {
    background-image: url("../img/backgrounds/sky.jpg");
}
#functions .featurette .container {
    text-align: center;
}
#security .subnavbar .nav li a {
    white-space: nowrap;
    font-size: 0;
    background-size: auto 70%;
}
#security .featurette.bg1 {
    background-image: url("../img/backgrounds/sec_bg1.jpg");
    background-position: 15% center;
}
#security .featurette.bg2 {
    background-image: url("../img/backgrounds/sec_bg2.jpg");
}
#security .featurette.bg1 .container {
    padding: 50px 15px 75px;
    text-shadow: 0 0 3px #000;
    color: #fff;
}
#security .featurette.bg1 h2 {
    color: #fff;
}
#security .featurette .container img {
    margin-top: 25px;
    height: 75px;
}
#security .featurette ul {
    list-style-image: url("../img/icons/check_black.png");
    padding-left: 30px;
}
/*#functions .featurette:nth-child(2),
#security .featurette:nth-child(2) {
    margin-top: 145px;
}
.mde #functions .featurette:nth-child(2),
.mde #security .featurette:nth-child(2) {
    margin-top: 192px;
}
#functions .anchor,
#security .anchor {
    margin-top: -115px;
}
.mde #functions .anchor,
.mde #security .anchor {
    margin-top: -165px;
}*/
.smartbanner-show #functions .anchor,
.smartbanner-show #security .anchor {
    margin-top: -195px;
}
.smartbanner-show #functions .anchor.first,
.smartbanner-show #security .anchor.first {
    margin-top: -225px;
}
.awards .container {
    text-align: center;
}
.awards .container h1 {
    margin-bottom: 50px;
}
.awards .container .details {
    /*background-color: rgba(255, 255, 255, 0.65);
    border: 1px solid #77bfdd;
    border-radius: 5px;*/
    padding: 10px 5px;
}
.awards.featurette .container .details {
    padding: 15px;
    margin-bottom: 75px;
}
.awards.featurette .container .details img {
    max-width: 250px;
    width: 100%
}
.awards .container p {
    margin-top: 25px;
}
.awards .container p span {
    font-size: 18px;
    margin: 10px 0;
    display: block;
}
.team:not(.extended) .container > div {
    padding-right: 3px;
    padding-left: 3px;
}
.team:not(.extended) .info,
.team.extended .container > div {
    margin-bottom: 50px;
    text-align: center;
    padding-bottom: 20px;
}
.team .container img {
    box-shadow: 0 0 10px #333333;
    margin-bottom: 10px;
}
.team.extended .container img {
    display: inline-block;
    vertical-align: middle;
    margin-top: 20px;
}
.team:not(.extended) .info {
    padding: 25px 10px;
}
.team.extended .container .info {
    display: inline-block;
    vertical-align: middle;
}
.team.extended .container .info h3 {
    font-weight: bold;
}
.subnavbar .nav .about {
    background-image: url('../img/icons/about/icon-people.png');
}
.subnavbar .nav .envAware {
    background-image: url('../img/icons/about/icon-leaf.png');
}
.subnavbar .nav .envTransReport {
    background-image: url('../img/icons/about/icon-report.png');
}
.featurette.environment {
    background-image: url('../img/backgrounds/environment.jpg');
}
.featurette.environment .container-block {
    background-color: rgba(255, 255, 255, 0.6);
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 10px;
}
.featurette.environment .container-block {
    border-color: #76B82A;
}
.featurette.environment .container img {
    margin-bottom: 15px;
}
.support .featurette .container-block {
    position: relative;
    text-align: center;
    padding: 10px 15px 100px 15px;
    margin-bottom: 25px;
    margin-top: 25px;
}
/***************/
/* MOBILE APPS */
/***************/
.featurette.mobile {
    background-image: url(../img/backgrounds/sky.jpg);
}
.featurette.mobile h4,
.featurette.mobile h6 {
    text-align: center;
}
.featurette.mobile #mobileCarousel {
    height: 500px;
}
.featurette.mobile .carousel-inner {
    border: 1px solid #77bfdd;
    background-color: rgba(255, 255, 255, 0.5);
}
.featurette.mobile .carousel .item {
    height: 427px;
}
.featurette.mobile .carousel .item div[class^=col] {
    height: 390px;
}
.featurette.mobile .carousel h2 {
    text-align: center;
    margin-top: 30px;
}
.featurette.mobile .download {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 15px;
    right: 0;
    left: 0;
}
.featurette.mobile .carousel-control {
    height: 427px;
    padding-top: 0;
}
.featurette.mobile .carousel-control .glyphicon-chevron-left {
    margin-left: -42px;
}
.featurette.mobile ul:not(.nav)/*,
.featurette.help .container-block ul,
.featurette.career ul,
.featurette.press ul*/ {
    list-style-image: url(../img/icons/check_black.png);
}
.featurette.mobile .subnavbar {
    position: relative;
    background-color: transparent;
}
.featurette.mobile .navbar-nav {
    background-color: transparent;
}
.mobileDetails {
    margin-top: 25px;
}
.mobileDetails > div {
    display: none;
}
.mobileDetails div.active {
    display: block;
}
.mobileDetails > div > div[class^=col]:nth-child(1) {
    padding-bottom: 100px;
    position: relative;
}
.featurette.mobile .mobileDetails .download {
    bottom: 25px;
}
/******************/
/* SUSTAINABILITY */
/******************/
.sustainability .container-block {
    padding: 15px 20px;
    background-color: rgba(255, 255, 255, 0.85);
}
.sustainability h1,
.sustainability .featurette:not(.sustainability2):not(.plantingpress) h2,
.sustainability .row .btn-caption {
    color: #fff;
    text-shadow: 0px 0px 4px #000;
}
.featurette.sustainability3 .infoTable {
    background-color: rgba(221, 235, 244, 0.8);
}
.featurette.sustainability3 .infoTable > * {
    padding: 5px 10px;
}
.featurette.sustainability3 .infoTable div:nth-child(even) {
    background-color: rgba(205, 228, 239, 0.8);
}
.sustainability .container-block .btn-caption {
    padding-top: 40px;
}
/****************************/
/* SUSTAINABILITY DONATIONS */
/****************************/
.featurette.donations .container-block {
    border-color: #76B82A;
}
.sustainability .featurette .form-container {
    background-color: rgba(256, 256, 256, 0.7);
    padding: 35px 25px;
    border-radius: 5px;
    border: 1px solid #c1c7c9;
}
/*********************************/
/* SUSTAINABILITY PRESS & IMAGES */
/*********************************/
.featurette.plantingpress img,
.featurette.plantingphotos img {
    border: 5px solid #fff;
    box-shadow: 0px 0px 5px #555;
    border-radius: 4px;
}
/**************/
/* HELP & FAQ */
/**************/
.featurette .nav-side {
    padding: 0 15px;
    margin-right: -15px;
    margin-left: -15px;
}
.featurette .nav-side-left {
    margin-bottom: 25px;
}
.featurette .nav-side-right {
    margin-top: 25px;
}
.featurette .nav-side ul {
    list-style-type: none;
    padding-left: 0;
}
.featurette .nav-side ul li {
    padding: 0;
    display: inline-block;
    margin: 5px 5px 5px 0;
}
.featurette .nav-side ul li a {
    padding: 0 5px;
}
.featurette .nav-side ul li a,
.featurette .nav-side .panel-heading a {
    color: #5a5a5a;
    border-bottom: 1px solid #77bfdd;
    text-decoration: none;
}
.featurette .nav-side ul li:hover a,
.featurette .nav-side .panel-heading:hover a {
    text-decoration: none;
}
.featurette .nav-side ul li:hover a,
.featurette .nav-side .panel-heading:hover a {
    color: #23527c;
    background-color: #e0f2ff;
    text-decoration: none;
}
.featurette .nav-side .panel {
    box-shadow: none;
    background-color: transparent;
}
.featurette .nav-side .panel-group {
    margin-top: 10px;
}
.featurette .nav-side .panel-heading {
    padding: 0;
    margin: 0;
}
.featurette .nav-side .panel-heading a,
.featurette .nav-side .panel-body a {
    display: block;
    padding: 5px;
}
.featurette .nav-side .panel-group .panel-body {
    border: none;
}
.container.marketing .featurette.help {
    background-image: url(../img/backgrounds/sky.jpg);
    padding-top: 102px;
    min-height: 750px;
}
.featurette.help .subnavbar {
    position: relative;
    background-color: transparent;
    margin: 0 -15px 25px -15px;
}
.featurette.help .subnavbar .navbar-nav {
    background-color: transparent;
}
.featurette.help .subnavbar .nav li a {
    background-size: auto 30%;
    height: 82px;
    padding-top: 40px;
    background-position: center 10px;
}
.featurette.help .container-block img,
.featurette.faq .container-block img {
    margin-bottom: 10px;
    border: 1px solid #999;
}
.featurette.faq ul li,
.featurette.help ul li {
    font-size: 14px;
}
.featurette.faq {
    background-image: url(../img/backgrounds/faq.jpg);
}
.featurette.faq .container-block ul,
.featurette.help .container-block ul {
    list-style-image: url(../img/icons/check_black.png);
}
/*.featurette.help .video-container {
    position: relative;
    max-width: 560px;
    width: 100%;
    padding-bottom: 315px;
    height: 0;
}
.featurette.help .video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}*/
/***********/
/* SUPPORT */
/***********/
.support .featurette.helpFAQ {
    background-image: url(../img/backgrounds/sky.jpg);
}
.support .featurette .container-block img {
    max-height: 100px;
}
.support .featurette .container-block .footer {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
}
.support .featurette .container-block .footer .btn {
    white-space: normal;
    margin: 0 10px;
}

.support .featurette.contactForm {
    min-height: 750px;
    color: #333;
    background-image: url(../img/backgrounds/contact.jpg);
}
.support .featurette.contactForm .error_list {
    list-style-image: none;
    color: #ff0000;
    margin-bottom: 30px;
}
.support .featurette.contactForm .form-group label.invalid {
    color: #ff0000;
}
.support .featurette.contactForm .form-group.empty label.invalid {
    color: #FF787D;
}
.support .featurette.contactForm .note {
    display: none;
    background-color: #e2712c;
    color: #fff; margin: 2px 0;
    padding: 3px 5px;
    border-radius: 2px;
}

.support .featurette.contactForm #backBtn {
    margin-top: 50px;
}
/******************
* formular styles *
******************/
.form-container {
    padding: 30px 0px 15px;
}
.form-container .form-group {
    position: relative;
    margin-bottom: 30px;
}
.form-container .form-group > label {
    width: 100%;
    display: block;
    font-size: 110%;
    font-weight: normal;
}
.form-container .form-group > label.required:after {
    content: " *";
}
.form-container .form-group > input,
.form-container .form-group > textarea {
    width: 100%;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #a1a3a7;
    resize: none;
    background-color: rgba(255, 255, 255, 0.7);
}
.form-container input[type=radio] {
    margin: 5px;
    vertical-align: middle;
}
.form-container input[type=radio] + label {
    font-weight: normal;
    margin-top: 5px;
    margin-right: 30px;
    vertical-align: middle;
}
/********************************************
* blog, press & faq side navigation headers *
********************************************/
.featurette.blog .nav-side h1,
.featurette.faq .nav-side h1,
.featurette.press .nav-side h1 {
    font-size: 20px;
    display: inline-block;
}
.featurette.blog .nav-side h4,
.featurette.faq .nav-side h4,
.featurette.press .nav-side h4 {
    display: inline-block;
}


/*************************
* video iframe container *
**************************/
.featurette .video-container {
    position: relative;
    height: 0;
}
.featurette .video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.featurette.plantingphotos .video-container {
    padding-bottom: 155%;
    max-width: 100%;
    margin: 0 7%;
}
.featurette.help .video-container {
    max-width: 560px;
    padding-bottom: 315px;
}

/******************
* floating labels *
*******************/
.form-container .form-group > label {
    position: absolute;
    top: -17px;
    left: 5px;
    font-size: 85%;
    transition: 0.2s ease all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 20px;
    max-width: 100%;

}
.form-container .float-field.empty > label {
    left: 10px;
    top: 5px;
    font-size: 120%;
    transition: 0.2s ease all;
    width: auto;
    color: #a1a3a7;
}

.container.footnote {
    padding: 0 10px !important;
    font-size: small;
    margin-bottom: 20px;
}

.centered {
    text-align: center;
}
.mastfoot {
    background: #626262;
    color: #ffffff;
    overflow: hidden;
}
.mastfoot a {
    color: #77bfdd;
}
.mastfoot .inner {
    margin: 0 auto 0;
    padding: 0 15px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1100px;/*800px;*/
}
.mastfoot .footcol {
    min-width: 225px;/*185px;*/
    width: 23%;
    line-height: 0.95;
    margin: 15px auto;
}
.mastfoot .footcol h5 {
    margin-bottom: 15px;
}
.mastfoot .footcol img {
    float: left;
    margin-right: 8px;
}
.mastfoot #bsi {
    width: 100%;
    max-width: 230px;
    margin-bottom: 20px;
}
.mastfoot #datatree {
    margin-left: 10px;
}
.mastfoot .footcol span {
    font-size: 11px;
}
.mastfoot .footcol ul {
    font-size: 12px;
    line-height: 1.4;
    padding-left: 0;
    list-style-type: none;
    list-style-image: none;
}
.mastfoot p {
    margin-top: 8px;
    font-size: 12px;
}

/***************
* Modal Dialog *
****************/
#terminationModal .modal-dialog {
    max-width: 450px;
}
.modal-header {
    background-image: linear-gradient(to bottom, #A4CCE0, rgba(164, 204, 224, 0.9), rgba(164, 204, 224, 0.5))
}
.modal-header .close {
    margin-top: 2px;
    font-size: 30px;
}
.modal-header .close:not(:hover) {
    opacity: .5;
}
.modal-title {
    display: inline-block;
}
/*.modal-form {
    padding: 10px 10px;
    margin-top: 20px;
    margin-bottom: 0px;
    border: 1px solid #A4CCE0;
    box-shadow: none;
    border-radius: 3px;
    margin-right: -10px;
    background-color: #eaf4fe;
    width: 100%;
    text-align: center;
}
.modal-form .form-control {
    margin-bottom: 10px;
    border-color: #A4CCE0;
}
.modal-form .btn img {
    display: inline-block;
    height: 18px;
    margin: -2px 10px 0 0;
}*/

/* responsive design */
@media (min-width: 380px) {
    .navbar .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .navbar-brand {
        padding-right: 8px;
    }
    .muk .navbar-brand {
        padding-right: 2px;
    }
    .navbar-btn {
        padding: 9px 20px 9px 35px;
    }
    .navbar-btn > img {
        display: block;
    }
}
@media (min-width: 400px) {
    .navform {
        padding: 3px 15px;
    }

    .navbar-form .form-control {
        width: 120px;
        padding: 6px 8px;/*12px;*/
    }
    .navbar-form .form-control[name="loginPassword"] {
        padding-right: 26px;
    }
    .navbar-form .pwdToggle {
        display: inline;
        background-image: url(../img/icons/eye_pwd.png);
        height: 18px;
        width: 18px;
        position: absolute;
        right: 96px;
        margin-top: 3px;
        cursor: pointer;
    }
    .navbar-form .form-control[name="loginPassword"][type="text"] ~ .pwdToggle {
        background-image: url(../img/icons/eye_slash_pwd.png);
    }
}
@media (min-width: 450px) {
    #laptopSlider .carousel-control-wrapper {
        width: 90%;
        top: 45%;
    }
}
@media (min-width: 500px) {
    h1,
    h2 {
        font-size: 36px;
    }
    h3 {
        font-size: 30px;
        margin: 20px 0 10px;
    }
    h4,
    .featurette.blog .nav-side h1,
    .featurette.faq .nav-side h1,
    .featurette.press .nav-side h1 {
        font-size: 24px;
    }
    .subnav .nav li a {
        background-size: auto 35%;
        font-size: 13px;
    }
    .carousel .seventh-slide h2 {
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 22px;
    }
    .packages-rows {
        padding-top: 52px;
    }
    .packages-cols .col-xs-3 .packageLogo {
        display: none;
    }
    .featurette ul li,
    .carousel .item ul li {
        font-size: 13pt;
    }
    #security .featurette.bg1 .container {
        padding-right: 25%;
    }
    #security .featurette .container img {
        height: 125px;
    }
    .basicMail {
        width: 48.5%;
        float: right;
    }
    .productHead {
        width: 50.5%;
        float: left;
    }
    .productHead.clear {
        margin-bottom: -40px;
    }
    .mastfoot .footcol {
        margin: 15px 10px;
    }
}
@media (min-width: 600px) {
    #security .subnavbar .nav li a {
        font-size: 12px;
        background-size: auto 35%;
    }
    .col-clr {
        padding: 20px 0;
    }
    .featurette ul li,
    .carousel .item ul li {
        font-size: 13.3pt;
    }
    .carousel-caption .btn-caption .extended-btn .footnote {
        bottom: 25px;
    }
    .carousel .item ul {
        padding: 20px 3% 10px 17%;
    }
    .carousel .seventh-slide h2 {
        margin: 30px 0;
        font-size: 30px;
    }
    .carousel .seventh-slide img {
        margin-bottom: 15px;
    }
    .carousel-indicators {
        bottom: 10px;
    }
    .btn-primary {
        padding: 9px 30px;
    }
    .featurette-divider.glyphicon {
        font-size: 30px;
        height: 45px;
        width: 45px;
        padding: 11px 0 0 9px;
    }
    .productHead.clear {
        margin-bottom: -65px;
    }
    .marketing .featurette .container-block.col-md-12 {
        padding: 15px 50px 25px;
    }
    .marketing .advantages h1 {
        padding: 0 50px;
    }
    .marketing .advantages .row > div:nth-child(odd) {
        clear: none;
    }
    .featurette.help .container-block.col-md-9,
    .featurette.faq .container-block.col-md-9 {
        padding: 10px 50px 25px;
    }
}
@media (min-width: 768px) {
    .navbar-brand > img {
        top: 11px;
        height: auto;
    }
    .muk .navbar-brand > img,
    .mch .navbar-brand > img {
        top: 12px;
    }
    .navbar-text {
        margin-top: 45px;
        font-size: 16px;
    }
    .navbar-group {
        margin-bottom: 0;
    }
    .navbar-form {
        background-color: #eaf4fe;
        margin-right: 1px;
        margin-top: 0;
        padding: 10px 10px 6px 10px;
        border-radius: 0 0 3px 3px;
    }
    .navbar-form .form-control {
        display: inline-block;
        height: 28px;
        margin-bottom: 2px;
    }
    .navbar-form .pwdToggle {
        right: 30px;
        margin-top: 5px;
    }
    .navbar-form .form-group {
        display: block;
    }
    .navbar-form .btn {
        width: 100%;
        height: 30px;
    }
    .navbar-form .btn img {
        display: inline-block;
        height: 18px;
        margin: -2px 10px 0 0;
    }
    .navbar-form .form-links a {
        min-width: 97px;
        padding: 3px 2px;
    }
    .subnavbar .nav li a {
        background-size: auto 40%;
        height: 120px;
        padding-top: 70px;
        font-size: 14px;
    }
    .ticker-wrap {
        top: 140px;
    }
    .anchor {
        margin-top: -140px;
    }
    .tickerView .anchor {
        margin-top: -180px;
    }
    .tickerView .ticker-wrap + .marketing .featurette:first-child {
        padding-top: 200px;
    }
    #security .featurette .container img {
        margin-top: 20px;
        height: 100px;
    }
    #security .featurette.bg1 .container {
        padding-top: 100px;
        padding-bottom: 150px;
    }
    .tickerView #functions .featurette:nth-child(2),
    .tickerView #security .featurette:nth-child(2) {
        margin-top: 300px;
    }
    .tickerView #functions .anchor,
    .tickerView #security .anchor {
        margin-top: -280px;
    }
    .subnav .featurette .container {
        padding-top: 25px;
        padding-bottom: 50px;
    }
    .marketing.subnav .featurette:nth-child(2) {
        margin-top: 260px;
    }
    .tickerView .marketing.subnav .featurette:nth-child(2) {
        margin-top: 300px;
    }
    .container.subnav .anchor {
        margin-top: -235px;
    }
    .tickerView .container.subnav .anchor {
        margin-top: -275px;
    }
    .smartbanner-show #functions .anchor,
    .smartbanner-show #security .anchor {
        margin-top: -240px;
    }
    .anchor.first {
        margin-top: -175px;
    }
    .smartbanner-show .anchor.first {
        margin-top: -255px
    }
    .carousel-caption,
    .carousel-control,
    .subnav .subnavbar {
        padding-top: 140px;
    }
    .tickerView .carousel-caption,
    .tickerView .carousel-control,
    .tickerView .subnav .subnavbar {
        padding-top: 180px;
    }
    .carousel-caption {
        left: auto;
        padding-right: 30px;
    }
    .carousel-control {
        visibility: hidden;
    }
    .carousel:hover .carousel-control {
        visibility: visible;
    }
    .carousel .seventh-slide h2 {
        margin: 20px 0;
    }
    .carousel .seventh-slide .row > div {
        height: 100%;
    }
    .carousel .seventh-slide img {
        max-width: 150px;
    }
    .packages-rows {
        padding-top: 86px;
    }
    .packages-cols .col-xs-3 .container > div:nth-child(1) {
        height: 155px;
        margin-top: -30px;
    }
    /*.packages-cols .price {
        font-size: 50pt;
    }*/
    .packages-cols .duration {
        display: inline-block;
        margin-left: -65px;
    }
    .packages-rows .row,
    .packages-cols .container .row:nth-child(n+2) {
        height: auto;
    }
    .productHead.clear {
        position: absolute;
        bottom: -40px;
        margin-bottom: 0;
        width: 50.5%;
        float: none;
        clear: none;
    }
    .marketing .featurette.awards {
        background-image: url(../img/awards/bg.jpg);
        background-size: 1350px auto;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .team.extended .container > div {
        text-align: left;
    }
    .team.extended .container img {
        margin-right: 3%;
    }
    .team.extended .container .info {
        width: 65%;
    }
    .support .featurette .container-block {
        min-height: 725px;
    }
    .container.marketing .featurette.help {
        padding-top: 140px;
    }
    .featurette.help .subnavbar {
        margin: 0 0 25px 0;
    }
    .featurette.help .subnavbar .nav li a {
        background-size: auto 40%;
        height: 70px;
        padding-top: 42px;
    }
}
@media (min-width: 815px) {
    .navbar-btn {
        padding: 9px 50px;
    }
    .navbar-brand > img {
        height: auto;
    }
    .carousel,
    .carousel .item,
    .carousel-inner > .item > img {
        height: 650px;
    }
    .tickerView .carousel,
    .tickerView .carousel .item,
    .tickerView .carousel-inner > .item > img {
        height: 690px;
    }
    .carousel-caption .btn-caption .extended-btn .footnote {
        bottom: 40px;
    }
    .carousel .seventh-slide span {
        display: inline;
    }
    .carousel-indicators {
        bottom: 20px;
    }
    .featureList {
        width: 48%;
        margin-bottom: 22px;/*44px;*/
    }
    .featureList:nth-child(odd) {
        margin-right: 11px;/*22px;*/
    }
    .featureList:nth-child(even) {
        margin-left: 11px;/*22px;*/
    }
    .team.extended .container img {
        margin-right: 5%;
    }
    .team:not(.extended) .container > div {
        padding-right: 15px;
        padding-left: 15px;
    }
    .team:not(.extended) .info {
        padding: 25px 15px;
    }
    .support .featurette .container-block {
        min-height: 650px;
    }
}
@media (min-width: 992px) {
    .navbar-btn {
        margin-left: 15px;
    }
    #langMenu {
        left: 5px;
        padding: 0 9px;
    }
    .carousel-caption .btn-caption .extended-btn .footnote {
        bottom: -5px;
    }
    .marketing .featurette.productComparison.extended {
        background-position: center 30%;
    }
    .marketing .featurette .container-block.col-md-12 {
        padding: 25px 100px 50px;
    }
    .awards .container .details {
        padding: 15px;
    }
    #security .featurette.bg1 .container {
        padding-right: 0;
    }
    #security .featurette .container img {
        height: auto;
        margin-top: 35px;
    }
    .marketing .featurette.laptop {
        background-position: 35% -125px;
    }
    .featurette.mobile .carousel-inner {
        background-color: #fff;
    }
    body.mde.de .featurette.mobile .carousel-inner .item:nth-child(1) {
        background: url('../img/mobileApps/carousel/mailDEApp_mde.jpg') no-repeat top right;
    }
    body.mch.de .featurette.mobile .carousel-inner .item:nth-child(1) {
        background: url('../img/mobileApps/carousel/mailDEApp_mch.jpg') no-repeat top right;
    }
    body.muk.de .featurette.mobile .carousel-inner .item:nth-child(1) {
        background: url('../img/mobileApps/carousel/mailDEApp_muk_de.jpg') no-repeat top right;
    }
    body.mfr.de .featurette.mobile .carousel-inner .item:nth-child(1) {
        background: url('../img/mobileApps/carousel/mailDEApp_mfr_de.jpg') no-repeat top right;
    }

    body.mde.fr .featurette.mobile .carousel-inner .item:nth-child(1) {
        background: url('../img/mobileApps/carousel/mailDEApp_mde_fr.jpg') no-repeat top right;
    }
    body.mch.fr .featurette.mobile .carousel-inner .item:nth-child(1) {
        background: url('../img/mobileApps/carousel/mailDEApp_mch_fr.jpg') no-repeat top right;
    }
    body.muk.fr .featurette.mobile .carousel-inner .item:nth-child(1) {
        background: url('../img/mobileApps/carousel/mailDEApp_muk_fr.jpg') no-repeat top right;
    }
    body.mfr.fr .featurette.mobile .carousel-inner .item:nth-child(1) {
        background: url('../img/mobileApps/carousel/mailDEApp_mfr.jpg') no-repeat top right;
    }

    body.mde.en .featurette.mobile .carousel-inner .item:nth-child(1) {
        background: url('../img/mobileApps/carousel/mailDEApp_mde_en.jpg') no-repeat top right;
    }
    body.mch.en .featurette.mobile .carousel-inner .item:nth-child(1) {
        background: url('../img/mobileApps/carousel/mailDEApp_mch_en.jpg') no-repeat top right;
    }
    body.muk.en .featurette.mobile .carousel-inner .item:nth-child(1) {
        background: url('../img/mobileApps/carousel/mailDEApp_muk.jpg') no-repeat top right;
    }
    body.mfr.en .featurette.mobile .carousel-inner .item:nth-child(1) {
        background: url('../img/mobileApps/carousel/mailDEApp_mfr_en.jpg') no-repeat top right;
    }

    body.de .featurette.mobile .carousel-inner .item:nth-child(2) {
        background: url('../img/mobileApps/carousel/smsFax_de.jpg') no-repeat top right;
    }
    body.en .featurette.mobile .carousel-inner .item:nth-child(2) {
        background: url('../img/mobileApps/carousel/smsFax_en.jpg') no-repeat top right;
    }
    body.fr .featurette.mobile .carousel-inner .item:nth-child(2) {
        background: url('../img/mobileApps/carousel/smsFax_fr.jpg') no-repeat top right;
    }

    .featurette.mobile .carousel-inner .item:nth-child(3) {
        background: url('../img/mobileApps/carousel/synchronise.png') no-repeat top right;
    }

    .featurette.mobile .carousel-inner .item:nth-child(4) {
        background: url('../img/mobileApps/carousel/onlineStorage.jpg') no-repeat top right;
    }

    body.mde .featurette.mobile .carousel-inner .item:nth-child(5),
    body.mch .featurette.mobile .carousel-inner .item:nth-child(5) {
        background: url('../img/mobileApps/carousel/colorWorld_mde.jpg') no-repeat top right;
    }
    body.muk .featurette.mobile .carousel-inner .item:nth-child(5) {
        background: url('../img/mobileApps/carousel/colorWorld_muk.jpg') no-repeat top right;
    }
    body.mfr .featurette.mobile .carousel-inner .item:nth-child(5) {
        background: url('../img/mobileApps/carousel/colorWorld_mfr.jpg') no-repeat top right;
    }

    .featurette.mobile .carousel-inner .item:nth-child(6) {
        background: url('../img/mobileApps/carousel/postcard.jpg') no-repeat top right;
    }

    .mobileDetails > div > div[class^=col]:nth-child(1) {
        height: 500px;
        padding-top: 50px;
    }
    .featurette .nav-side-right {
        margin-left: 0;
        margin-top: 0;
    }
    .featurette .nav-side-left {
        margin-right: 0;
    }
    .featurette .nav-side ul li {
        display: block;
        padding: 0;
        margin: 0;
    }
    .featurette .nav-side ul li a {
        display: block;
        padding: 5px;
    }
    .featurette .nav-side ul li:nth-last-child(1) a {
        border-bottom: none;
    }
        .support .featurette.helpFAQ .container-block {
        min-height: 575px;
    }
    .sustainability .container-block {
        margin-top: 40px;
        padding: 30px 40px;
    }
    .sustainability1 .container-block {
        margin-top: 90px;
    }
    .sustainability .container-block p {
        padding: 5px 0;
    }
}
@media (min-width: 1050px) {
    .support .featurette .container-block {
        min-height: 550px;
    }
}
@media (min-width: 1200px) {
    .free .mdebn {
        display: block;
    }
    .free .navbar-text {
        display: none;
    }
    .mainpage.marketing .featurette.blog .container-block {
        width: 1170px;
    }
    .featureList {
        margin-bottom: 44px;
    }
    .featureList:nth-child(odd) {
        margin-right: 22px;
    }
    .featureList:nth-child(even) {
        margin-left: 22px;
    }
}
@media (min-width: 1555px) {
    .free .mdesk {
        display: block;
    }
}
@media (min-width: 1700px) {
    .marketing .featurette.laptop {
        background-position: left center;
        background-size: cover;
    }
}
/***********/