/*
variables & mixins
*/
/*
scaffolding
*/
/*
colors
*/


@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);


#footer_seperator {
    height: 70px;
    background: #eeeeee;
}


.carousel-edit-mode {
    margin-top: 27px !important;
}

.carousel-edit-mode .item {
    height: auto !important;
    padding-bottom: 27px !important;
}


.carousel-inner {
    margin: 27px 0 !important;
}

.carousel-inner p,
.carousel-inner h3 {
    font-family: "Open Sans", sans-serif !important;
    font-weight: 300;
}

.affix-top + .teaserCarousel,
.fixed-area.affix + .teaserCarousel {
    padding-top: 231px !important;
}

.affix-top {
    width: 100%;
    top: 0;
    position: fixed;
    z-index: 5;
}

.child-nav ul {
    background: #f2f2f2;
}


.body-container .side-nav{color: #2c2c2c;text-decoration: none;}
body{max-width: 100%;overflow-x: hidden;}
.col-xs-1of7,
.col-xs-1of8 {
    float: left;
}
.col-xs-1of7 {
    width: 14.28%;
}
.col-xs-1of8 {
    width: 12.5%;
}
.inline-block {
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.grey-landing {
    background-color: #fe8f1c;
}
.grey-content {
    background-color: #e6e6e7;
}
.grey-light {
    background: #9d9ea0;
}
.transparent-grey {
    background-color: rgba(157, 158, 160, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d9d9ea0, endColorstr=#4d9d9ea0);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d9d9ea0, endColorstr=#4d9d9ea0);
}
.dark-blue {
    background: #005ea8;
}
.blue {
    color: #0081c5!important;
    background-color: transparent;
}
.blue-light {
    background-color: #cedfef;
}
.heading-blue {
    background-color: #f2f2f2;
}
.transparent-blue {
    background-color: rgba(133, 175, 213, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d85afd5, endColorstr=#4d85afd5);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d85afd5, endColorstr=#4d85afd5);
}
.blue-archive {
    background-color: #e9eef7;
}
/*
overwrite bootstrap's grid padding & margin
added white bar on the right side of the page
*/
.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

a:hover, a:focus {
    color: #e3e3e3;
}
a{  color: #f56f02;}
@media (min-width: 480px) and (max-width: 830px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (min-width: 830px) and (max-width: 992px) {
    .container {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    .container {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (min-width: 1200px) {
    .container {
        padding-left: 0;
        padding-right: 0;
    }
}
.radio-group {
    display: table;
    margin: 0 auto;
    text-align: left;
}
.radio-group input[type=radio] {
    display: none;
}
.radio-group label.active:before {
    background: url(img/sprite.png) no-repeat 0 50%;
    content: " ";
    width: 21px;
    height: 21px;
}
.radio-group label:before {
    background: url(img/sprite.png) no-repeat -25px 50%;
    content: " ";
    display: inline-block;
    margin-right: 8px;
    width: 21px;
    height: 21px;
    vertical-align: sub;
}
.radio-group label {
    display: block;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #f2f2f2;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 10px;
    max-width: none;
}
.navbar-form {
    margin-top: 30px;
}
.buttons {
    margin-top: 16px;
}
.content-container {
    margin: 0 auto;
    margin-bottom: 60px;
    max-width: 1200px;
    overflow: hidden;
}
.content-container.no-margin {
    margin-bottom: 0;
}
.caret {
    transition: transform 0.4s linear;
}
.caret.open {
    transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
/*
components
*/
.smImage{width:200px; height:200px;}
.smImage img{width:100%; height:100%;}
.positionedImage.section {
    padding-bottom: 10px;
    height: 200px;
}

header {
    background-color: white;
}
.header-navigation {
    border-style: none;
    height: 30px;
    margin: 0 auto;
    max-width: 1200px;
    padding: 5px 0;
}
.navigation-list {
    float: right;
    margin: 0;
    padding: 0;
}
.navigation-list .navigation-item {
    display: table-cell;
    list-style: none;
    padding: 0 10px;
}
.navigation-list .navigation-item.has-dropdown {
    position: relative;
}
.navigation-list .navigation-item img {
    margin-bottom: 7px;
}
.navigation-list .navigation-item a {
    display: block;
    letter-spacing: 1px;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #666666;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
}

.header-navigation .logo {
    padding-right: 0px;
}
.navigation-list .navigation-item a:hover {
    text-decoration: none;
}
.navigation-sublist {
    background-color: white;
    margin: 5px -15px;
    padding: 10px 18px;
    position: absolute;
    text-align: right;
    transition: height 1s ease-out 0.5s;
    width: 100%;
    z-index: 11;
}
.navigation-sublist li {
    list-style: none;
    padding: 5px 0;
}
.navigation-sublist a:hover {
    color: #c5c5c6;
}
.header-bottom {
    display: none;
}
.footer {
    height: inherit;
    padding: 15px;
}
.footer .footer-wrapper {
    box-sizing: content-box;
    height: 70px;
    margin: 0 auto;
    max-width: 1200px;
    padding: 1%;
}
.footer-navigation {
    padding: 0;
    margin-left: 0;
    margin-top: 2.1%;
}


.no-top-margin {
    margin-top: 0px;
}

.footer-navigation .navigation {
    padding-left: 0px;
}
.footer-navigation .navigation .navigation-item {
    border-left: 1px solid #666666;
}
.footer-navigation .navigation .navigation-item:first-child {
    border-left: none;
}
.footer-logo {
    float: left;
    margin: 0;
    padding: 0;
}
.footer-logo .allegion-logo-large {
    margin-left: 80px;
}
.social-links {
    margin-top: 1.7%;
    padding: 0;
    /*width: 25%;*/
}
.social-links .navigation-item {
    border-left: none;
    padding: 0 4px;
}
.navigation-item {
    display: inline-block;
    list-style: none;
    padding-left: 5px;
    padding-right: 5px;
}
.navigation-item a {
    letter-spacing: 1px;

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #666666;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
}
.navigation-item a:hover {
    text-decoration: none;
}

.copyright{
    /*letter-spacing: 1px;*/

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #666666;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
    padding-left: 5px;
}

.footer .social-links{
    float:right;
}
.connectText{
    /*border-right: 1px solid #666666;
    margin-right: 5px;*/
    padding-top: 7px !important;
}

.header-wrapper {
    margin: 0 auto;
    max-width: 1200px;
    padding-bottom: 27px;
    padding-top: 27px;
    width: 95%;
}
.logo {
    background-color: transparent;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 0px;
}
.greyText {
    color: #9D9EA0;
}
.greyText a {
    color: #9D9EA0;
    text-decoration:none;
}
/*
Main Navigation for Desktop
*/
.fixed-area.affix,
.fixed-area.affix-bottom {
    background: #fff;
    z-index: 17;
}
.fixed-area.affix-bottom {
    position: relative;
}
.fixed-area.affix {
    top: 0;
    position: fixed !important;
    width: 100%;

}
.fixed-area.affix > .row {
    background: #f2f2f2;
}
.fixed-area.affix > .row {
    background: #fff;
}
.fixed-area.affix .header-wrapper {
    padding: 27px 0 ;
}
.fixed-area.affix .main-navigation {
    background: #fff;
}
.fixed-area.affix + #homepage-carousel,
.fixed-area.affix + .teaserCarousel {
    margin-top: 0;
    padding-top: 145px;
}
.fixed-area.affix + .teaserCarousel #homepage-carousel {
    margin-top: 0;
}
.nav-container {
    display: none;
    /*position: absolute;*/
    width: 100%;
    z-index: 10;
}
.nav-container.container {
    width: 100%;
}
.main-navigation,
.child-nav {
    width: 100%;
}
.main-navigation ul,
.child-nav ul {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0;
    border-bottom: 2px solid #eee;
}
.main-navigation ul li,
.child-nav ul li {
    background-color: #ffffff;
}
.main-navigation ul li.selected,
.child-nav ul li.selected {
    background-color: #ffffff;
}
.main-navigation ul li a,
.child-nav ul li a {
    letter-spacing: 1px;
    padding: 13px 0;
    text-transform: uppercase;

    font-family: "Open Sans", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    /* padding-left: 21px; */
}

.main-navigation ul .main-row-li:first-child a {
    padding-left: 0px !important;
}

.main-navigation ul .selected  a,
.main-row-li.selected .main-row-link {
    color: #f16503;
}

.child-row-link {
    color: black;

}


.child-ul li a {
    text-align: left;
    padding-left: 14px !important;
}

.child-nav ul li a:hover {
    color: #f16503
}

.main-row-li {
    padding-left: 28px;
    padding-right: 28px;

}

.main-row-li:first-child {
    padding-left: 0px;
}

@media (min-width: 768px) {
    .nav-justified>.main-row-li  {
        width: auto !important;
    }
}

.main-navigation ul li.active,
.child-nav ul li.active {
    background-color: #fff;
    color: #f16503;
}
.nav li a:hover,
.nav li a:focus {
    background-color: #fff;
    color: #f16503;
}
.dropdown-menu {
    min-width: 100%;
}
.nav-container.affix {
    position: fixed;
    top: 0;
    z-index: 100;
}
/*
Child Navigation for Desktop
*/
.child-nav .child {
    border-top: solid 2px #e7edf6;
    display: none;
}
.child-nav ul {
    display: none;
}
.child-nav ul li {
    background-color: rgba(242, 242, 242, 0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6f2f2f2, endColorstr=#e6f2f2f2);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6f2f2f2, endColorstr=#e6f2f2f2);
}
.child-nav ul li:hover {
    background-color: #bbcce5;
}
.child-nav ul li a {
    color: #1d252d;
}
.multiple-column-box {
    margin: 0 auto;
    max-width: 1200px;
    padding-bottom: 60px;
    padding-top: 60px;
}
.multiple-column-box h1 {
    margin-bottom: 60px;
    margin-top: 0;

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #1d252d;
    font-size: 40px;
    font-weight: 300;
    font-style: normal;
    text-align: center;
}
.multiple-column-box .column {
    float: left;
    margin: 15px;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    /*width: 46.5%;*/
}

.multiple-column-box .full-width{width:97.5%;}/*for all buisness unit coloumns on all templates for half width except content page template(without sideNavigation pages)*/
.multiple-column-box .half-width{width:46.5%;}/*for all buisness unit coloumns on all templates for half width*/
.content-page .multiple-column-box .full-width{width:75%;} /*only for Content Page template*/

.multiple-column-box .column:last-child {
    float: right;
}
.multiple-column-box .column.transparent-grey {
    background-color: rgba(157, 158, 160, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d9d9ea0, endColorstr=#4d9d9ea0);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d9d9ea0, endColorstr=#4d9d9ea0);
}
.multiple-column-box .column.transparent-grey,
.multiple-column-box .column.transparent-blue {
    height: 485px;
}
.multiple-column-box .column .content-links {
    display: table;
    margin: 0;
    width: 100%;
}
.multiple-column-box .column .content-links .wrapper {
    line-height: 2.5em;
    padding-left: 85px;
    padding-top: 36px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}
.multiple-column-box .column .content-links .wrapper a {
    margin-bottom: 10px;

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #1d252d;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
}
.multiple-column-box .column.blue {
    position: relative;
    background-color: rgba(133, 175, 213, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d85afd5, endColorstr=#4d85afd5);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d85afd5, endColorstr=#4d85afd5);
}
.multiple-column-box .column-content.grey,
.multiple-column-box .column-button.grey {
    background: #9d9ea0;
}
.multiple-column-box .column-content.blue,
.multiple-column-box .column-button.blue {
    background: #005ea8;
}
.multiple-column-box .column-content {
    border-bottom: 2px solid #FF671F;
    height: 16%;
    margin-bottom: 2px;
    padding: 17px;
}
.multiple-column-box .column-content.grey-light,
.multiple-column-box .column-content.dark-blue {
    border-bottom: none;
}
.multiple-column-box .column-content.grey-light h2,
.multiple-column-box .column-content.dark-blue h2 {
    color: #f2f2f2;
}
.multiple-column-box .column-content h2 {

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #FF671F;
    font-size: 37px;
    font-weight: 300;
    font-style: normal;
    margin: 0;
    text-align: center;
}
.multiple-column-box .column-button {
    border-radius: 0;
    display: block;
    height: auto;
    padding: 5px 0;
    white-space: normal;
    width: 100%;
}
.multiple-column-box .column-button.grey-light,
.multiple-column-box .column-button.dark-blue {
    padding: 27px 0;
}
.multiple-column-box .column-button.grey-light .title,
.multiple-column-box .column-button.dark-blue .title {
    color: #f2f2f2;
}
.multiple-column-box .column-button.grey-light .title::before,
.multiple-column-box .column-button.dark-blue .title::before {
    content: initial;
}
.multiple-column-box .column-button .wrapper {
    margin: 0 auto;
    margin-top: 22px;
    text-align: center;
}
.multiple-column-box .column-button .wrapper .icon {
    bottom: 5px;
    padding-right: 5px;
    text-align: right;
}
.multiple-column-box .column-button .wrapper .text {
    padding-left: 5px;
    vertical-align: middle;
    width: 60%;
}
.multiple-column-box .column-button .title {
    background: url(img/arrow-right-large.png) no-repeat left center;
    display: inline-block;
    height: 27px;
    letter-spacing: 2px;
    line-height: 27px;
    margin: 0;
    padding-left: 25px;
    position: relative;

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #FF671F;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
}
.multiple-column-box .column-button .title::before {
    border: 2px solid #FF671F;
    border-left: none;
    border-top: none;
    content: "";
    display: inline-block;
    left: -10px;
    position: absolute;
    top: 3px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 18px;
    height: 18px;
}
.service-container {
    margin: 0 auto;
    max-width: 1080px;
    padding-bottom: 50px;
    padding-top: 50px;
}

.mbr-newslist-overwrite {
    padding-bottom: 0px;
    margin-bottom: -43px;
    padding-top: 27px;
    max-width: 1200px;

}

.service-container .column-wrapper {
    padding-left: 0;
    padding-right: 0;
}
.service-container .image-media {
    margin-bottom: 25px;
    margin-top: 25px;
    padding: 5px;
}
.service-container .image-media img {
    width: 100%;
}
.service-container ul {
    display: table;
    margin: 0 auto;
    padding-left: 20px;
}
.service-container .if-button {
    margin-top: 10px;
    min-width: 163px;
}
.service-column {
    color: #f2f2f2;
    padding: 30px;
    text-align: center;
}
.service-column h1 {
    margin: 20px 0 20px 0;

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: inherit;
    font-size: 24px;
    font-weight: normal;
    font-style: none;
}
.service-column p {
    margin-bottom: 10px;

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: inherit;
    font-size: 14px;
    font-weight: 350;
    font-style: normal;
}
.grey-landing .service-column,
.color-regular_grey .service-column {
    color: #1d252d;
}
.service-column .newsItem:last-of-type {
    margin-bottom: 10px;
}
.service-column .newsItem .newsDate {
    color: black;
    font-style: italic;
    font-size: 11px;
    margin-top: 5px;
}
.serviceColumn {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid #f2f2f2;
}
@media (min-width: 830px) {
    .serviceColumn {
        float: left;
        width: 33.33333333%;
    }
}
.serviceColumn:first-child {
    border-left: none;
}
.grey-landing .serviceColumn,
.color-regular_grey .serviceColumn,
.grey-content .serviceColumn {
    border-color: #9d9ea0;
}
.grey-landing .if-button,
.color-regular_grey .if-button,
.grey-content .if-button {
    border-color: #9d9ea0;
    color: #1d252d;
}
.grey-landing .if-button:hover,
.color-regular_grey .if-button:hover,
.grey-content .if-button:hover {
    color: #b6b7b9;
}
.grey-landing .service-column h1,
.color-regular_grey .service-column h1,
.grey-content .service-column h1,
.grey-landing .service-column p,
.color-regular_grey .service-column p,
.grey-content .service-column p {
    color: #1d252d;
}
.carousel img {
    margin: 0 auto;
    width: 100%;
}
.carousel-indicators {
    bottom: 0;
    left: auto;
    margin-bottom: 0;
    right: 0;
    width: auto;
}
.carousel-indicators li {
    background-color: transparent;
    border-radius: 0;
    border: none;
    line-height: 40px;
    margin: 0;
    text-align: center;
    text-indent: 0;
    color: white;
}
.carousel-indicators li:hover {
    color: #666666;
}
.carousel-indicators li,
.carousel-indicators li.active {
    height: 40px;
    width: 40px;
}
.carousel-indicators li.active {
    background-color: transparent;
    color: #f16503;
}
.carousel-indicators .left,
.carousel-indicators .right {
    background: #666666 no-repeat center center;
    bottom: 0;
    color: white;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0;
    text-align: center;
    text-indent: 0;
    vertical-align: bottom;
    width: 40px;
}
.carousel-indicators .left:hover,
.carousel-indicators .right:hover {
    background-color: #f16503;
    text-decoration: none;
}
.carousel-indicators .left {
    background-image: url(img/arrow-left.png);
}
.carousel-indicators .right {
    background-image: url(img/arrow-right.png);
}
.carousel-caption {
    bottom: 15px;

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    font-style: none;
    right: auto;
    text-align: left;
    text-shadow: none;
    top: 3%;
    z-index: 1;
}
.carousel-caption h2 {

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #0c5ba5;
    font-size: 40px;
    font-weight: normal;
    font-style: none;
    margin-top: 0;
}
.carousel-caption .morelink,
.carousel-caption .morelink:visited {
    color: #9d9ea0;
    text-decoration: none;
}
.carousel-caption .morelink .glyphicon,
.carousel-caption .morelink:visited .glyphicon {
    font-size: 16px;
    top: 3px;
}
.carousel-caption .caption-text {
    height: auto;
    margin-bottom: 5px;
    text-align: left;
    width: 100%;
}
.block.carousel-container {
    padding: 0 3.45%;
}
.if-carousel {
    position: relative;
}
.if-carousel .frame {
    overflow: hidden;
    position: relative;
}
.if-carousel ul {
    left: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 5000%;
}
.if-carousel li {
    float: left;
    list-style: none;
    padding: 0 0.124%;
    width: 1%;
}
.if-carousel li.even {
    margin-right: 0;
}
.if-carousel li img {
    width: 100%;
}
.if-carousel li .bottom-text h4 {
    margin-bottom: 0;
    margin-top: 35px;

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333333;
    font-size: 12px;
    font-weight: 600;
    font-style: none;
    text-transform: uppercase;
}
.if-carousel .carousel-control {
    position: static;
}
.if-carousel .carousel-control > div {
    cursor: pointer;
    font-size: 4.4em;
    margin-top: -44px;
    top: 50%;
}
.if-carousel .carousel-control .fa-angle-left {
    left: -25px;
}
.if-carousel .carousel-control .fa-angle-right {
    right: -25px;
}
.remaining-content span {
    display: none;
}
.more-button {
    align-content: center;
    border: 1px solid #fff;
    border-radius: 0;
    bottom: 0;
    letter-spacing: 2px;
    padding-bottom: 5px;
    padding-top: 5px;

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #0c5ba5;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 21px;
}
.more-button:focus {
    outline: none;
}
.news {
    background: no-repeat center top;
    background-size: cover;
    background-color: rgba(182, 205, 227, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4db6cde3, endColorstr=#4db6cde3);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4db6cde3, endColorstr=#4db6cde3);
}
.news .column-wrapper {

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    font-style: none;
    padding-left: 16px;
    padding-right: 16px;
    right: auto;
    text-align: left;
    text-shadow: none;
    top: 15%;
}
.news .column-wrapper h2 {

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #0c5ba5;
    font-size: 36px;
    font-weight: normal;
    font-style: none;
}
.news .column-wrapper h1 {

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #0c5ba5;
    font-size: 24px;
    font-weight: normal;
    font-style: none;
    overflow: hidden;
    height: 80px;
}
.news .column-wrapper a,
.news .column-wrapper .small-text {
    font-size: 10px;
}
.news .column-wrapper a {
    text-decoration: underline;
}
.news .column-wrapper .image {
    background: no-repeat left top;
    margin-top: 25px;
    /*padding: 5px;*/
}
.news .column-wrapper .image img {
    width: 100%;
}
.news .service-container .column-wrapper {
    border: none;
    padding-left: 15px;
    padding-right: 15px;
}
.parbase .billboard {
    padding: 0 30px;
}
.billboard .container {
    background: no-repeat right top;
    max-width: 1200px;
    min-height: 525px;
    padding: 0;
}
.billboard .caption {

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #1d252d;
    font-size: 14px;
    font-weight: normal;
    font-style: none;
    margin-bottom: 20px;
    margin-top: 50px;
    padding: 15px;
}
.billboard h2 {

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #9d9ea0;
    font-size: 30px;
    font-weight: normal;
    font-style: none;
    margin-top: 8px;
}
.billboard .description {
    margin-top: 20px;
}
.billboard .picture {
    display: none;
}
.billboard img {
    display: none;
}
.billboard.no-text .container {
    min-height: initial;
}
.billboard.no-text img {
    display: block;
    float: right;
    max-width: 988px;
    width: 100%;
}
.billboard.blue-light h2 {
    color: #005ea8;
}
.six-cell-component {
    background: none;
}
.six-cell-component .hover-text {
    display: none;
    padding: 0;
}
.six-cell-component .cell-button {
    border: solid 2px white;
    height: 275px;
}
.six-cell-component .cell-button a.div-link {
    height: 100%;
    left: 0;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 100%;
    z-index: 10;
}
.six-cell-component .cell-button .button-row {
    height: 100%;
}
.six-cell-component .cell-button .button-icon {
    height: 65px;
    margin-top: 20px;
}
.six-cell-component .cell-button:hover .button-icon,
.six-cell-component .cell-button:hover .button-link {
    display: none;
}
.six-cell-component .cell-button:hover .hover-text {
    display: table;

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    height: 100%;
    padding: 15px;
    text-align: center;
}
.six-cell-component .cell-button:hover .hover-text p {
    display: table-cell;
    margin: 0;
    vertical-align: middle;
}
.six-cell-component .cell-button.heading-blue {
    background: #f2f2f2;
}
.six-cell-component .cell-button.heading-blue:hover {
    background-color: #85afd5;
}
.six-cell-component .cell-button.heading-blue .link-title {
    color: #337ab7;
}
.six-cell-component .cell-button.grey-light {
    background: #9d9ea0;
}
.six-cell-component .cell-button.grey-light:hover {
    background-color: #fe8f1c;
}
.six-cell-component .cell-button.grey-light .link-title {

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #f2f2f2;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
}
.six-cell-component .cell-button.blue:hover {
    background-color: #005ea8;
}
.six-cell-component .cell-button.blue .link-title {

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #f2f2f2;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
}
.six-cell-component .cell-button.low {
    height: 90px;
}
.six-cell-component .cell-button.low .button-link {
    background-position: 20px 53%;
    text-align: left;
}
.six-cell-component .cell-button.low .link-title {
    padding-left: 80px;
    padding-top: 0;
    vertical-align: middle;
}
.six-cell-component .button-link {
    background: no-repeat center 65%;
    display: table;
    height: 100%;
    padding: 0;
    text-align: center;
}
.six-cell-component .button-link .link-title {

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #f2f2f2;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    display: table-cell;
    letter-spacing: 2px;
    padding-top: 30px;
    text-transform: uppercase;
}
.service-slot {
    background: no-repeat left center;
    display: block;
    height: 68px;
    padding-left: 78px;
}
.service-slot.vertical {
    background-position: center top;
    height: auto;
    padding-left: 0;
    padding-top: 80px;
    text-align: center;
}
.service-slot.vertical .service-title {
    line-height: normal;
}
.service-slot.small {
    background-position-x: left;
    height: 32px;
    padding-left: 38px;
}
.service-slot.small .service-title {
    color: #333333;
    font-size: 13px;
    letter-spacing: normal;
    line-height: 32px;
}
.service-slot .service-title {
    display: inline-block;

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #f2f2f2;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 2px;
    line-height: 68px;
    padding: 0;
    text-transform: uppercase;
    width: 100%;
}
.service-slot.square {
    background-position: center 30%;
    height: 190px;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5%;
    position: relative;
    text-align: center;
}
.service-slot.square .service-title {
    bottom: 5%;
    color: #222222;
    font-size: 13px;
    left: 0;
    letter-spacing: 1px;
    line-height: inherit;
    position: absolute;
}
.service-slot.square.grey {
    background-color: #f2f2f2;
}
.multipleColumnParsys .serviceIcon:first-child .column-wrapper a {
    /* margin-left: 0;*/
}
.multipleColumnParsys .serviceIcon:last-child .column-wrapper a {
    /*margin-right: 0;*/
}
.service-icons {
    clear: both;
    padding: 15px;
}
.service-icons .service-icons-wrapper {
    max-width: 730px;
    margin: 0 auto;
}
.service-icons .service-icons-wrapper.centered {
    width: 50%;

}
.wide.service-icons .service-icons-wrapper {
    max-width: 1200px;
}
.service-icons .service-icons-wrapper.offset {
    max-width: 1200px;
}
.service-icons .service {
    height: 100%;
}
.service-icons .share-service-icon {
    cursor: pointer;
    position: relative;
    z-index: 16;
}
.service-icons .share-service-icon.with-label ul {
    left: 0;
    margin-left: -68px;
}
.service-icons .share-service-icon ul {
    left: 24%;
    list-style: none;
    margin: 0;
    margin-left: -100px;
    padding: 0;
    position: absolute;
    top: -70px;
    z-index: 10000;
    transition: transform 0.3s ease-in;
    -webkit-transition: -webkit-transform 0.3s ease-in;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    width: 200px;
    height: 200px;
}
.service-icons .share-service-icon li {
    width: 54px;
    height: 54px;
    background: no-repeat center center;
    cursor: pointer;
    left: 72px;
    overflow: hidden;
    position: absolute;
    top: 72px;
    transition: top 0.3s ease-in, left 0.3s ease-in, transform 0.2s ease-in;
    -webkit-transition: top 0.3s ease-in, left 0.3s ease-in, -webkit-transform 0.2s ease-in;
}
.service-icons .share-service-icon li a {
    display: block;
    width: 54px;
    height: 54px;
}
.service-icons .share-service-icon .facebook {
    background-image: url(img/social/facebook.png);
}
.service-icons .share-service-icon .twitter {
    background-image: url(img/social/twitter.png);
}
.service-icons .share-service-icon .linkedin {
    background-image: url(img/social/linkedin.png);
}
.service-icons .share-service-icon .xing {
    background-image: url(img/social/xing.png);
}
.service-icons .share-service-icon .active {
    transform: rotate(-27deg);
    -webkit-transform: rotate(-27deg);
}
.service-icons .share-service-icon .active li:hover {
    transform: rotate(27deg);
    -webkit-transform: rotate(27deg);
}
.service-icons .share-service-icon .active li.facebook {
    top: 67px;
    left: 32px;
}
.service-icons .share-service-icon .active li.twitter {
    left: 35px;
    top: 25px;
}
.service-icons .share-service-icon .active li.linkedin {
    left: 76px;
    top: 17px;
}
.service-icons .share-service-icon .active li.xing {
    left: 112px;
    top: 47px;
}
.if-button {
    border: 1px solid #c2d7ea;
    border-radius: 0;
    letter-spacing: 2px;
    line-height: 12px;
    padding: 14px;

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #f2f2f2;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
}
.if-button:focus {
    outline: none;
}
.if-button:hover {
    color: #f2f2f2;
}
.if-button.white-blue {
    background-color: white;
    border-color: #005ea8;
    color: #005ea8;
    padding: 8px 9px;
}
.carousel-column-wrapper {
    margin: 0 auto;
    max-width: 1200px;
}
.carousel-column-wrapper .content {
    margin-bottom: 50px;
    padding-top: 40px;
}
.carousel-column-wrapper .content.text h2 {

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #9d9ea0;
    font-size: 30px;
    font-weight: normal;
    font-style: none;
    padding-left: 30px;
}
.column-slide-wrapper {
    border: solid 2px #fe8f1c;
}
h1.no-top-margin {
    margin-bottom: 65px;
    margin-top: 0;
}
.bottom-text {
    padding: 25px 20px 15px;
}
.bottom-text h3 {

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #0c5ba5;
    font-size: 24px;
    font-weight: normal;
    font-style: none;
}
.bottom-text .caption-text .short,
.bottom-text .caption-text .long {

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333333;
    font-size: 11px;
    font-weight: 350;
    font-style: normal;
    line-height: 1.8em;
}
.bottom-text .morelink,
.bottom-text .morelink:visited {
    color: #9d9ea0;
    text-decoration: none;
}
.bottom-text .morelink .glyphicon,
.bottom-text .morelink:visited .glyphicon {
    font-size: 16px;
    top: 3px;
}
.if-carousel .if-button {
    border-color: #9d9ea0;
    color: #1d252d;
    float: right;
}
.if-carousel .if-button:hover {
    color: #b6b7b9;
}
.text-image,
.text-gallery {
    margin-top: 38px;
}
.text-image > div,
.text-gallery > div {
    margin-bottom: 42px;
}
.text-image .content.video,
.text-gallery .content.video {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}
.text-image.image-left .text p,
.text-gallery.image-left .text p {
    padding-left: 0;
    padding-right: 30px;
}
.text-image.bordered,
.text-gallery.bordered {
    border-bottom: 2px solid #f86700;
}
.text-image.news-list h2,
.text-gallery.news-list h2 {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-left: 0;

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #005ea8;
    font-size: 30px;
    font-weight: normal;
    font-style: none;
}
.news-list h2{color: #9D9EA0;}
.news-list {
    margin-top: 40px;
}
.text-image.news-list h2 + div,
.text-gallery.news-list h2 + div {
    margin-left: 0;
    padding-left: 0;
}
.text-image.news-list .press-wrapper p,
.text-gallery.news-list .press-wrapper p {
    margin-top: 0;
    padding-right: 0;
}
.text-image.news-list .press-wrapper .text,
.text-gallery.news-list .press-wrapper .text {
    padding-left: 0;
}
.text-image .press-wrapper,
.text-gallery .press-wrapper {
    margin-bottom: 30px;
    margin-top: 30px;
}
.text-image .press-wrapper h2,
.text-gallery .press-wrapper h2 {
    margin-left: 0;
}
.text-image .press-wrapper h2 + div,
.text-gallery .press-wrapper h2 + div {
    padding-left: 0;
}
.text-image h2,
.text-gallery h2 {

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #9d9ea0;
    font-size: 30px;
    font-weight: normal;
    font-style: none;
    margin-left: 15px;
    margin-top: 0;
}
.text-image .text p,
.text-gallery .text p {
    line-height: 1.8em;
    padding-right: 30px;

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #1d252d;
    font-size: 14px;
    font-weight: normal;
    font-style: none;
}
.text-image .text.press-text,
.text-gallery .text.press-text {
    padding-left: 0;
}
.text-image .text.press-text h2,
.text-gallery .text.press-text h2 {
    margin-bottom: 40px;
    margin-top: 0;
    margin-left: 0;

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #005ea8;
    font-size: 30px;
    font-weight: normal;
    font-style: none;
}
.text-image .text.press-text p,
.text-gallery .text.press-text p {
    margin-top: 0;
}
.text-image .text.press-text p.news-date,
.text-gallery .text.press-text p.news-date {
    margin-bottom: 0;
}
.text-image .col-md-3,
.text-gallery .col-md-3 {
    padding: 0;
}
.text-image .image,
.text-gallery .image {
    background: no-repeat center center;
    background-size: contain;
}
.text-image .image img,
.text-gallery .image img {
    max-width: 300px;
}
.text-image .image a,
.text-gallery .image a {
    display: block;
    height: 100%;
    width: 100%;
}
.text-image .image.press-image,
.text-gallery .image.press-image {
    margin: 0 auto 50px;
    width: 100%;
}
.text-image .image.press-image img,
.text-gallery .image.press-image img {
    display: block;
    max-width: 100%;
}
.text-image .image.press-image .video-thumbs,
.text-gallery .image.press-image .video-thumbs {
    background-size: contain;
    left: 57px;
    margin: 0 auto;
    min-width: 100%;
    padding-top: 0;
    top: 236px;
}
.text-image .image.press-image .video-thumbs .thumb,
.text-gallery .image.press-image .video-thumbs .thumb {
    margin-left: 0;
    margin-right: 0;
    opacity: 0.35;
    padding-left: 0;
    width: 25%;
}
.text-image .image.press-image .video-thumbs .thumb img,
.text-gallery .image.press-image .video-thumbs .thumb img {
    margin: 0 auto;
    max-width: 100%;
}
.text-image.html-one-col iframe,
.text-gallery.html-one-col iframe {
    max-width: 100%;
}
.text-image .video,
.text-gallery .video {
    margin-bottom: 42px;
}
.text-image .video iframe,
.text-gallery .video iframe {
    height: 100%;
    position: absolute;
    width: 100%;
}
.text-gallery {
    padding: 0;
}
.body-container {
    height: 0;
    margin: 0 auto;
    max-width: 1200px;
}
.content-menu {
    border: 2px solid #e1e1e1;
    /*margin-left: 60px;*/
    overflow: hidden;
    position: relative;
    top: 42px;
    width: 175px;
    z-index: 1;
}
.content-menu.all-blue {
    border: none;
}
.content-menu.all-blue h3 {
    background-color: #005ea8;
    border-bottom: 1px solid white;
    color: white;
}
.content-menu.all-blue .panel-title {
    text-transform: uppercase;
}
.content-menu.all-blue .panel-title,
.content-menu.all-blue .panel-title:hover {
    background-color: #85afd5;
}
.content-menu.all-blue .panel-body {
    background-color: #b1cbe4;
    color: black;
    padding: 0;
}
.content-menu.all-blue .panel-body a {
    color: black;
    display: block;
    padding: 10px 15px;
}
.content-menu.all-blue .list-group-item {
    border-top: 1px solid white;
    padding: 0;
}
.content-menu.all-blue .list-group-item:first-child {
    border-top: none;
}
.content-menu.all-blue .list-group-item.active {
    border-bottom: 1px solid white;
}
.content-menu.all-blue .list-group-item.active,
.content-menu.all-blue .list-group-item:hover {
    background-color: #005ea8;
}
.content-menu.all-blue .list-group-item.active a,
.content-menu.all-blue .list-group-item:hover a {
    color: white;
}
.content-menu.affix {
    position: fixed;
    top: 244px;/*187px;*/
    margin-left: 15px;
}
.content-menu.affix-bottom {
    position: relative;
}
.content-menu a:hover,
.content-menu a:focus {
    text-decoration: none;
}
.content-menu h3 {
    background-color: #ffffff;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 9px 32px 9px 15px;
    text-transform: uppercase;
}
.collapse.content-menu h3 {
    background-image: url(img/sprite.png);
    background-position: -85px 50%;
    background-repeat: no-repeat;
}
.content-menu.closed .panel {
    display: none;
}
.content-menu.closed h3 {
    background-position: -285px 50%;
}
.content-menu .panel-heading {
    border-radius: 0;
    border: none;
    padding: 0;
}
.content-menu .panel-heading a,
.content-menu .panel-heading span {
    display: block;
    padding: 10px 15px;
}
.content-menu .panel {
    border-radius: 0;
    border: none;
    margin-bottom: 0;
}
.content-menu .panel:last-child {
    border-bottom: none;
}
.content-menu .panel-title {
    background: #403f41;
    color: #ffffff;
    cursor: pointer;
    font-size: 13px;
}
.content-menu .panel-title.active {
    background-color:  #2c2c2c;
}
.content-menu .panel-title:hover {
    background-color: #2c2c2c;
}
.content-menu .active .panel-title {
    background-color:  #2c2c2c;
}
.content-menu .highlight .panel-title {
    /*background-color: #b1cbe4;
    color: #6f93b3;*/
    text-transform: uppercase;
}
.content-menu .list-group {
    margin-bottom: 0;
}
.content-menu .list-group-item {
    /*background: none;*/
    border: 0;
    border-radius: 0;
    padding: 0 0 5px 0;
}

.content-menu .list-group-item a:hover{background: #fff;}/* side navigation sub child hover */
.content-menu .panel-body {
    background-color: inherit;
    font-size: 12px;
    padding: 5px 15px;
}
.content-menu .panel-body a {
    color: #9d9ea0;
}
.content-menu .panel-body a:hover {
    font-weight: bold;
}
.downloads {
    padding-top: 10px;
}
.download-icon {
    background: url(img/download-icon-norm2.png) no-repeat center center;
    background-size: contain;
    height: 60px;
    margin-top: 8px;
}
.download-icon a {
    color: white;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 55px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.pdf {
    background: url(img/pdf-download.png) no-repeat center;
    height: 60px;
    margin-top: 8px;
}
.avi {
    background: url(img/avi-download.png) no-repeat center;
    height: 60px;
    margin-top: 8px;
}
.downloader {
    display: table;
    height: 100%;
    width: 100%;
}
.download-info {
    border-bottom: 1px solid #b6b7b9;
    display: table-cell;
    height: 100%;
    padding-bottom: 10px;
    vertical-align: middle;
}
.download-info h4 {

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #f86700;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 1px;
    padding-bottom: 5px;
    padding-top: 0;
}
.download-info span {

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #666666;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 1px;
}
.scrollable-content {
    border: solid 1px #666666;
    height: 318px;
    overflow-y: scroll;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
}
.scrollable-content .images {
    display: block;
    margin: 0 auto 25px;
}
.article {
    margin-bottom: 50px;
    margin-top: 80px;
}
.article h2 {

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #0c5ba5;
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 58px;
}
.article p {
    margin-bottom: 23px;
}
.article .image-caption {
    font-size: 12px;
    margin-top: 12px;
    text-align: center;
}
.article .image {
    margin-bottom: 45px;
}
.article .image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.article .contact {
    border-top: 1px solid black;
    margin-top: 78px;
}
.article .contact p {
    margin: 0;
}
.article.one-column .images {
    float: right;
}
.article.one-column .simple-downloads {
    margin-bottom: 30px;
}
.article.one-column .contact {
    margin-top: 0;
}
.article-preview {
    border-bottom: 1px solid black;
    margin-bottom: 60px;
    padding-bottom: 35px;
}
.article-preview h2 {

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #0c5ba5;
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 23px;
    margin-top: 3px;
}
.article-preview h2 + .text {
    padding-left: 0;
}
.article-preview p {
    margin-bottom: 23px;
}
.article-preview .image-caption {
    font-size: 12px;
    margin-top: 12px;
    text-align: center;
}
.article-preview .image {
    margin-bottom: 30px;
}
.article-preview .image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.archive-list {
    clear: both;
    padding: 20px 15px 15px;
    margin-bottom: 50px;
}
.archive-list h4 {

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    margin-top: 0;
}
.archive-list ul {
    background-color: white;
    font-size: 12px;
    list-style: none;
    max-height: 200px;
    overflow: auto;
    padding: 12px;
}
.archive-list li {
    margin-bottom: 20px;
}
.archive-list .more {
    font-size: 10px;
}
.archive-thread .archive-heading {
    margin-bottom: 38px;
}
.archive-thread .archive-heading h2 {
    color: #005ea8;
    margin-left: 0;
}
.archive-thread .archive-heading p {

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333333;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
}
.archive-thread .archive a {
    font-style: italic;
}
.archive-thread .archive-article {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 20px;
    padding-top: 20px;

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    font-style: none;
}
.archive-thread .archive-article .article-title {
    color: #f86700;
    font-weight: bold;
    text-transform: uppercase;
}
.archive-thread .archive-article .article-title a{
    color: #f86700;
}
.archive-thread .content.archive {
    margin-bottom: 0;
    padding-top: 0;
}
.archive-thread .archive-icons {
    margin-top: 10px;
}
.archive-thread .icon {
    background-image: url(img/news-archive/archive-news-icons.png);
    background-repeat: no-repeat;
    float: left;
    margin-right: 5px;
    width: 30px;
    height: 30px;
}
.archive-thread .icon.sharing-icon {
    background-position-x: -88px;
}
.archive-thread .icon.doc-icon {
    background-position-x: -60px;
}
.archive-thread .icon.image-icon {
    background-position-x: -28px;
}
.archive-thread .icon.video-icon {
    background-position-x: 5px;
}
.archive-thread img {
    display: block;
    max-width: 100%;
}
.share {
    cursor: pointer;
    display: inline-block;
    height: 30px;
    position: relative;
}
.share.large {
    height: 45px;
}
.share.large > div {
    background-position: -465px 50%;
    background-size: 500px;
}
.share.large span {
    font-size: 16px;
    line-height: 45px;
    margin-left: 45px;
    width: 120px;
}
.share.large ul {
    border-width: 0 1px 1px 1px;
    height: 45px;
    padding: 6px 7px;
    transition: top 0.5s ease-out;
    -webkit-transition: top 0.5s ease-out;
    -moz-transition: top 0.5s ease-out;
    width: 100%;
}
.share.large ul.visible {
    left: 0;
    top: 45px;
}
.share.large li {
    background-size: 31px;
    height: 31px;
    width: 31px;
}
.share.large li.facebook {
    background-position: 0 0;
}
.share.large li.twitter {
    background-position: 0 -31px;
}
.share.large li.xing {
    background-position: 0 -62px;
}
.share.large li.linkedin {
    background-position: 0 -93px;
}
.share.large a {
    height: 31px;
    width: 31px;
}
.share > div {
    background: url(img/sprite.png) no-repeat -376px 50% #f86700;
    background-size: 400px;
    position: relative;
    z-index: 1;
}
.share span {
    border-left: 1px solid white;
    display: block;

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    line-height: 30px;
    margin-left: 30px;
    text-align: center;
    text-transform: uppercase;
    width: 100px;
}
.share ul {
    border: solid #f86700;
    border-width: 1px 1px 1px 0;
    cursor: auto;
    height: 30px;
    left: 0;
    overflow: hidden;
    padding: 4px 7px;
    position: absolute;
    top: 0;
    transition: left 0.5s ease-out;
    -webkit-transition: left 0.5s ease-out;
    -moz-transition: left 0.5s ease-out;
    width: 100%;
    z-index: 0;
}
.share ul.visible {
    left: 100%;
}
.share li {
    background: url(img/social.png) no-repeat;
    background-size: 21px;
    cursor: pointer;
    float: left;
    width: 21px;
    height: 21px;
    list-style: none;
    margin-left: 5px;
}
.share li:first-child {
    margin-left: 0;
}
.share li.facebook {
    background-position: 0 0;
}
.share li.twitter {
    background-position: 0 -21px;
}
.share li.xing {
    background-position: 0 -41px;
}
.share li.linkedin {
    background-position: 0 -63px;
}
.share a {
    display: inline-block;
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    white-space: nowrap;
}
.simple-downloads {
    margin-bottom: 115px;
}
.simple-downloads h4,
.simple-downloads ul {
    background-color: #eeeeee;
}
.simple-downloads h4 {
    border-bottom: 2px solid transparent;

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #0c5ba5;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 2px;
    padding: 16px 15px 11px;
}
.simple-downloads a {
    color: black;
}
.simple-downloads ul {
    list-style: none;
    font-size: 12px;
    padding: 18px 35px;
}
.simple-downloads li {
    margin-bottom: 13px;
}
.search-results .results-list {
    list-style: none;
    margin-top: 35px;
    padding-left: 0;
}
.search-results .results-list .description {
    line-height: 22px;
}
.search-results .results-list .contact {
    margin-top: 15px;
}
.search-results .results-list .image {
    margin-top: 10px;
}
.search-results li {
    margin: 0;
    margin-bottom: 20px;
    padding: 25px;
}
.search-results .highlight {
    background-color: #d4deef;
}
.search-results .partner li {
    margin-bottom: 0;
    padding: 0;
}
.partner-data {
    overflow: hidden;
}
.contact {
    padding-top: 10px;
}
.contact .line .glyphicon {
    color: #005ea8;
    margin-right: 1px;
}
.contact .email,
.contact .www {
    font-style: italic;
}
.partner-select select {
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.partner-select .partner-list,
.partner-select .submit {
    margin-bottom: 50px;
    margin-top: 50px;
    width: 100%;
}
.partner-select .partner-list {
    border-color: transparent;
    color: #85afd5;
}
.partner-select .submit {
    border: 0;
    border-radius: 0;
    background-color: #85afd5;
    color: white;
    min-height: 100%;
}
.find-partner {
    margin: 0 auto;
    max-width: 1030px;
}
#imagelightbox {
    position: fixed;
    z-index: 21;
    -ms-touch-action: none;
    touch-action: none;
}
#lightbox-overlay {
    background-color: white;
    height: 100%;
    left: 0;
    opacity: 0.8;
    filter: "alpha(opacity=80)";
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
}
.lightbox-loading {
    background: url(img/loader.gif) no-repeat center center;
    height: 128px;
    left: 50%;
    margin-left: -64px;
    margin-top: -64px;
    position: fixed;
    top: 50%;
    width: 128px;
    z-index: 22;
}
.lightbox-close,
.lightbox-arrow {
    color: #9d9ea0;
}
.lightbox-close:hover,
.lightbox-arrow:hover {
    color: #666666;
}
.lightbox-close {
    cursor: pointer;
    height: 30px;
    font-size: 35px;
    position: fixed;
    right: 100px;
    top: 100px;
    width: 30px;
    z-index: 22;
}
.lightbox-arrow {
    cursor: pointer;
    font-size: 6em;
    left: 50px;
    margin-top: -42px;
    position: fixed;
    top: 50%;
    z-index: 22;
}
.lightbox-arrow-right {
    left: auto;
    right: 50px;
}
.formColumn .formParsys .section.hidden {
    display: block !important;
    visibility: visible !important;
    margin-bottom: 0;
}
.formColumn .formParsys .section {
    margin-bottom: 15px;
}
.formColumn .formParsys .form_leftcolmark {
    display: none;
}
.color-wrapper-1 {
    background-color: #ffffff;
    padding: 0 0 0;
}
.color-wrapper-2 {
    background: url(img/norm2-producte-background.png) no-repeat left center;
    background-color: #f2f2f2;
    background-size: cover;
}
#homepage-carousel {
    margin: 0 auto;
    width: 100%;
}
.caption-text.short .long,
.caption-text.short .morelink.long,
.caption-text.long .morelink.short {
    display: none;
}
.caption-text div,
.caption-text p {
    display: inline;
}
.billboard {
    /*margin: 0 auto;
    padding: 0;*/
}
.color-wrapper-2.no-image {
    background-image: none;
    background-color: white;
}
.color-wrapper-1.landing {
    min-height: 202px;/*145px;*/
}
.content-page #recommendations-carousel {
    min-height: 365px;
}
.content-page #recommendations-carousel .carousel-control > div {
    top: 25%;
}
.content-page #recommendations-carousel .frame {
    min-height: 345px;
    max-width: 800px;
}
.content-page #recommendations-carousel li {
    min-height: 345px;
}
.content-page #recommendations-carousel .bottom-text {
    padding: 0;
}
.content-page #products-carousel .frame {
    min-height: 455px;
}
.content-page #products-carousel li {
    min-height: 455px;
    padding: 0 0.046%;
    width: 0.6666%;
}
.content-page #products-carousel h3 {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 0;
}
.content-page #products-carousel .carousel-control .fa-angle-left {
    left: -65px;
}
.content-page #products-carousel .carousel-control .fa-angle-right {
    right: -65px;
}
.content-page #products-carousel .product-image {
    position: relative;
}
.content-page #products-carousel .label-icon {
    bottom: 5px;
    color: #85afd5;
    font-size: 18px;
    position: absolute;
    right: 5px;
    top: auto;
}
.content-page .download-block {
    padding-bottom: 50px;
}
.block {
    overflow: hidden;
    padding-left: 80px;
    padding-right: 80px;
}
.block h1 {
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: center;

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #1d252d;
    font-size: 24px;
    font-weight: normal;
    font-style: none;
}
.block .carousel-control {
    width: 0;
}
.block .angle {
    color: #808080;
    position: absolute;
}
.news-detail .share {
    margin-top: 20px;
}
.news-list .billboard {
    margin-bottom: 80px;
}
.news-list .share {
    margin-top: 5px;
}
.partners-page .billboard .container {
    min-height: 425px;
}
.partners-page .billboard .caption {
    margin-left: 35px;
}
.partners-page .content-container {
    margin-bottom: 60px;
    margin-top: 80px;
}
.partners-page .content-menu {
    margin-left: 40px;
    top: 0;
}
.partners-page h2,
.partners-page h4 {

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #005ea8;
    font-size: 19px;
    font-weight: normal;
    font-style: normal;
}
.partners-page h2 {
    margin-top: 0;
    font-size: 26px;
}
.partners-page h4 {
    margin-bottom: 20px;
    font-weight: 500;
}
.partners-page .sidebar {
    width: 31.333333%;
}
.partner-filter {
    padding-top: 50px;
    padding-bottom: 50px;
}
.partner-filter .navbar-center {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
/* Touch Page Css */
/* =============================================================================
Video Styling
========================================================================== */
/*.modal { max-height: 90vh; *//*need to verify*/ /*}*/
.modal-content{ max-height: 85vh; }
.modal-backdrop.fade.in { /* top: 99px; */ }
.modal-open .modal{overflow-y:hidden; }
.modal .close-icon { position: absolute; right: 20px; top: 20px; }
.modal .modal-content { border:1px solid #e5e5e5; box-shadow: none; }
.myModal_email .modal-body { margin: 0 auto; padding: 0 0 40px 0; width: 350px; }
.modal-body .labelRadio { color: #000; margin-left: 9px; }
.modal-body .bottom-nav { margin: 40px 0 47px; padding: 0 0 0 150px; width:100%; }
.video-modal .modal-content { height: auto !important; max-height: auto !important;}
.video-modal .modal-body { padding-top: 44px; }
.modal.fade.in { left: 0; /* top: 99px; */ width: 100%; top:0;}
.modal.fade.zoom-modal.in{ /* top:90px; */ padding-top: 90px;}
.modal-open{padding-right: 0!important;}
.modal .modal-content { overflow-y: auto; -moz-transition: all cubic-bezier(0.46,0.03,0.52,0.96) 0.4s; -o-transition: all cubic-bezier(0.46,0.03,0.52,0.96) 0.4s; -webkit-transition: all cubic-bezier(0.46,0.03,0.52,0.96) 0.4s; transition: all cubic-bezier(0.46,0.03,0.52,0.96) 0.4s; }
.close-img { background: url(img/X_Sprite_Animation_Alpha.png) 0 -1170px no-repeat; border: none; height: 45px; float: right; cursor: pointer; padding: 0; position: absolute; right: 0; top: 0; width: 45px; }
.modal-backdrop-loadmask{
    z-index: 9999;
}
.popupvideoScreen {
    width: 100%;
    border: 0;
    margin-top: 5px!important;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1039;
    background-color: #000;
    height: 100%;
}
.modal-dialog {
    padding-top: 12%;
}
/* =============================================================================
Beauty and Brain Component
========================================================================== */
.hide-arrow:before,
.hide-arrow:before { display: none !important; }
.img-extended { text-align: center; padding-right: 0; }
.text-ext { padding: 57px; position: relative; }
.arrow-lft:before { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 22px 22px 22px 0; border-color: transparent #e6e6e6 transparent transparent; top: 50%; left: -20px; margin-top: -20px; z-index: 1; }
.arrow-rht:before { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 22px 0 22px 22px; border-color: transparent transparent transparent #e6e6e6; top: 50%; right: -20px; margin-top: -20px; z-index: 1; }
.white-color-rht:before { border-color: transparent transparent transparent #fff !important; }
.white-color-lft:before { border-color: transparent #fff transparent transparent !important; }
.grey-color-rht:before { border-color: transparent transparent transparent #e6e6e6 !important; }
.grey-color-lft:before { border-color: transparent #e6e6e6 transparent transparent !important; }
/*.img-extended:after { content: ""; height: 100%; vertical-align: middle; }*/
.items-container .section-title { font: 24px "Stag Web"; line-height: 24px; margin: 0 0 10px 0; }
.items-container .section-title span { display: block; }
.content-landing-page .less-content { margin-bottom: 12px; font-size: 20px; margin-top: 0; font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; display: inline-block; }
.content-landing-page .more-content { margin-bottom: 12px; font-size: 14px; margin-top: 0; font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; display: inline-block; }
.items-container .item img { width: 100%; }
.items-container .text-ext p:last-child a span{ letter-spacing: 0.5px; vertical-align: middle; font-size: 11px; text-transform: uppercase; max-height: 16px; overflow: hidden; display: inline-block; }
.items-container h4 { line-height: 24px; }
.items-container h1, .items-container h2, .items-container h3, .items-container h4, .items-container h5, .items-container h6 { margin-bottom: 8px; }
.clr-white-arrow, .clr-black-arrow, .clr-grey-arrow, .clr-grey-arrow-rht { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: inline-block; position: relative; -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; }
.clr-grey-arrow:after { background: url(img/sprite-img.png) 10px -24px no-repeat; }
.clr-white-arrow:active:after, .clr-black-arrow:active:after, .clr-grey-arrow:active:after { background-image: url(../images/active-arrow.png); }
.overflow {
    overflow: hidden;
}
.brdr-btm-grey {
    border-bottom: 1px solid #e5e5e5!important;
}
.content-landing-page .modalButton {
    cursor: pointer;
}
.bg-light-grey { background: #e6e6e6 !important; }
.bg-white { background: #fff; }
.text-left-img{left: 20px!important; right: auto!important;}
.text-right-img{right: 20px!important; left: auto!important;}
.body-wrapper .text-callout-large {
    padding: 6% 11% 5% 13%;
}
.display-table {
    display: table;
}
.content-landing-page .video-icon {
    background: url(img/video-blue-icon.png) 0 0 no-repeat;
    display: inline-block;
    height: 22px;
    width: 22px;
    max-height: none!important;
    vertical-align: middle;
    margin-right: 5px;
}
.img-callout {
    padding: 30px 36px;
}
.img-extended {
    text-align: center;
    padding-right: 0;
}
.text-callout {
    padding: 0;
}
.content-landing-page .container {
    max-width: 960px;
}
.content-landing-page .imageExt img {
    max-width: 100% !important;
    height: auto!important;
    width: auto;
}
.container-large {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}
.no-gutter>[class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}
.option-container {
    margin: 45px 0;
    padding-bottom: 45px;
}
.option-container .half-gutter {
    position: relative;
    right: -8px;
}
.half-gutter>[class*='col-'] {
    padding-right: 8px;
    padding-left: 8px;
}
.img-col {
    height: 195px;
    text-align: center;
    padding: 10px;
    position: relative;
}
.img-caption {
    text-align: center;
    padding: 15px 0 0;
    width: auto;
    font-size: 11px;
}
.img-col img {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.img-col > a{display: block; height: 100%;}
/*.content-landing-page .col-md-6,*/
.content-landing-page .col-sm-4,
.content-landing-page .col-md-8,
.content-landing-page .col-md-4{
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 480px){
    .content-landing-page .col-sm-4 {width: 33.33333333%; float:left;}
}
@media (max-width: 767px){
    .option-container {padding-bottom: 25px;}
    .option-container .half-gutter {position: static; margin-left: -8px; margin-right: -8px; margin-top: 30px;}
    .modal.zoom-modal.fade.in { /* top: 69px; */ padding-top: 69px; }
    .modal.myModal_email.fade.in{ padding-top: 69px;}
    .modal.fade.in { top: 0; }
    .content-landing-page.container {width: auto;}
}
@media(max-width: 479px) {
    .pull-left-xs { float: left !important; }
    .pull-right-xs { float: right !important; }
}

@media (min-width: 480px) and (max-width: 767px) {
    .pull-left-sm { float: left !important; }
    /*.pull-right-sm { float: right !important; }*/

    .arrow-lft-sm:before { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 22px 22px 22px 0; border-color: transparent #e6e6e6 transparent transparent; top: 50%; left: -20px; margin-top: -20px; z-index: 1; }
    .arrow-rht-sm:before { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 22px 0 22px 22px; border-color: transparent transparent transparent #e6e6e6; top: 50%; right: -20px; margin-top: -20px; z-index: 1; }

    .arrow-lft-white-sm:before { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 22px 22px 22px 0; border-color: transparent #fff transparent transparent; top: 50%; left: -20px; margin-top: -20px; z-index: 1; }
    .arrow-rht-white-sm:before { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 22px 0 22px 22px; border-color: transparent transparent transparent #fff; top: 50%; right: -20px; margin-top: -20px; z-index: 1; }

    .text-callout .text-ext {padding-top: 0;}
    .text-callout .text-ext {padding-bottom: 45px;}
    .img-callout, .text-callout {padding-left: 70px;padding-right: 70px;}
    .img-callout {padding-top: 30px;padding-bottom: 0;}
}

@media (min-width: 768px) and (max-width: 1023px) {
    .pull-left-md { float: left !important; }
    .pull-right-md { float: right !important; }
    .img-col {height: 135px;}
    .content-landing-page h2{
        font-size: 18px;
        max-height: auto;
    }

    .content-landing-page p{
        font-size: 11px;
    }
    .content-landing-page h3{
        font-size: 18px;
    }
    .content-landing-page .less-content{font-size: 14px;}
    .content-landing-page .more-content{font-size: 11px;margin-bottom: 6px;}

}

@media(min-width: 768px) {
    .pull-left-md-lg { float: left !important; }
    .pull-right-md-lg { float: right !important; }

    .arrow-lft-md-lg:before { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 22px 22px 22px 0; border-color: transparent #e6e6e6 transparent transparent; top: 50%; left: -20px; margin-top: -20px; z-index: 1; }
    .arrow-rht-md-lg:before { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 22px 0 22px 22px; border-color: transparent transparent transparent #e6e6e6; top: 50%; right: -20px; margin-top: -20px; z-index: 1; }

    .arrow-lft-white-md-lg:before { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 22px 22px 22px 0; border-color: transparent #fff transparent transparent; top: 50%; left: -20px; margin-top: -20px; z-index: 1; }
    .arrow-rht-white-md-lg:before { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 22px 0 22px 22px; border-color: transparent transparent transparent #fff; top: 50%; right: -20px; margin-top: -20px; z-index: 1; }

    .filter .btn-default { font-family: 'Avenir-Book'; font-size: 12px; font-weight: normal; background: none; border: #e5e5e5 solid 1px; line-height: 12px; margin-top: 4px; padding: 4px 9px; float: right; }
    .filter-div .btn-default:hover { border: #0081c6 solid 1px; }
    .content-landing-page .col-md-4 {width: 33.33333333%; float:left;}
    .content-landing-page .col-md-8 {width: 66.66666667%; float:left;}
    .content-landing-page .col-md-6 { width: 50%; float:left}
}
@media(min-width: 1024px) {
    .pull-left-lg { float: left !important; }
    .pull-right-lg { float: right !important; }
    .modal-header { padding: 20px 0 24px 46px; }
}

@media (min-width: 1024px) and (max-width: 1200px){
    .body-wrapper .text-callout-large{padding: 5%;}
    .body-wrapper .text-callout-large .offer-info{font-size: 14px;}
}
@media (max-width: 1023px) {
    .text-ext {
        padding: 20px;
    }
}

/* Content Landing Page small device potrait*/
@media screen and (max-width: 479px){
    .img-callout, .text-callout{padding-left: 17px; padding-right: 17px;}
    .img-callout{padding-top: 40px; padding-bottom: 0;}
    .text-callout .text-ext{padding-top: 0; padding-bottom: 40px;}
    .text-img-row .img-callout, .text-img-row .text-callout{padding-left: 25px; padding-right: 25px;}
    .body-wrapper .text-callout-large{padding: 45px;}
    .body-wrapper .text-callout-large .offer-info{font-size: 14px;}
    .text-callout-large .offer-info.font-20{font-size: 18px!important;}
    .option-container .half-gutter .col-sm-4 {margin-top: 25px;}
    .content-landing-page.img-caption{padding-top: 10px;}
    .img-col{height: 265px;}
    .arrow-rht:before,
    .arrow-lft:before,
    .arrow-lft-sm:before,
    .arrow-rht-sm:before,
    .arrow-rht-md-lg:before,
    .arrow-lft-md-lg:before { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 22px 22px 22px; border-color: transparent transparent #e6e6e6 transparent; top: 0; right: inherit; left: 50%; margin-left: -20px; z-index: 1; margin-top: -20px; }
    .online-container > [class*="col-"]:nth-child(2n+2) .online-outside{
        border-right: none;
    }
}
/* Content Landing Page small device landscape*/
@media (min-width: 480px) and (max-width: 767px) {
    .img-callout, .text-callout{padding-left: 70px; padding-right: 70px;}
    .text-img-row .img-callout, .text-img-row .text-callout{padding-left: 70px; padding-right: 70px;}
    .body-wrapper .text-callout-large{padding: 70px;}
    .text-callout .text-ext{padding-bottom: 45px;}
    .img-callout{padding-top: 30px; padding-bottom: 0;}
    .text-callout .text-ext{padding-top: 0;}
    .content-landing-page .arrow-rht:before,
    .content-landing-page .arrow-lft:before,
    .content-landing-page .arrow-lft-sm:before,
    .content-landing-page .arrow-rht-sm:before,
    .content-landing-page .arrow-rht-md-lg:before,
    .content-landing-page .arrow-lft-md-lg:before { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 22px 22px 22px; border-color: transparent transparent #e6e6e6 transparent; top: 0; right: inherit; left: 50%; margin-left: -20px; z-index: 1; margin-top: -20px; }
    .banner-container .banner-title > div{padding-left: 65px; padding-right: 65px;}
    .online-container > [class*="col-"]:nth-child(3n+3) .online-outside{
        border-right: none;}
}

/* Product Comparision Grid Css */
.content-landing-page.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
.content-landing-page.container { max-width: 960px; }
@media(min-width: 768px) {
    .container { padding-left: 0; padding-right: 0; }
    .main-selector .brdr-top-d-blue, .main-selector .brdr-top-l-blue { border-width: 6px 0 0 0; }
}

/* Compare Table */
.keylessEraPanel{padding-top: 50px; margin-bottom: 45px;}
.compare-table{background: url(/etc/designs/allegion-us/images/bg-grey-texture.png) 0 0;}
.tableHeader th.active{background: #c7c7c7; }
.tableHeader th.active h2{font-size: 20px;}
.table-note .container td:first-child{ width: 48%!important;}
.table-note .container td:last-child{ width: 52%!important; text-align: left;}
.landing-form{padding-top: 35px; padding-bottom: 50px; overflow: hidden;}
.landing-form .col-md-6:first-child{padding-right: 35px; padding-left: 0;}
.landing-form .col-md-6:last-child{padding-left: 35px; padding-right: 0;}
.theKeylessEraPage .keylessEraPanel .keylessEraFind .tableHeader table th a{display: block;}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none!important;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
    content: "\2a";
}
/*style.css*/


/* line 79, ../../../sass/styles.scss */
.theKeylessEraPage {
    /*   background: #111111 url("../images/cat_bg_main.jpg") top center repeat-y;
    background-size: 2000px; */
    /*
    * The styles for stacked-sticky-nav.js
    */ }
/* line 82, ../../../sass/styles.scss */
.theKeylessEraPage .container.home {
    width: 100% !important;
    max-width: 100% !important; }
/* line 91, ../../../sass/styles.scss */
.theKeylessEraPage .stickyNav.sticky {
    position: fixed;
    z-index: 100; }
/* line 94, ../../../sass/styles.scss */
.theKeylessEraPage .stickyNav.sticky.onTheWayOut {
    z-index: 90; }
/* line 97, ../../../sass/styles.scss */
.theKeylessEraPage .stickyNav.sticky:not(.stack) {
    display: none; }
/* line 99, ../../../sass/styles.scss */
.theKeylessEraPage .stickyNav.sticky:not(.stack).last {
    display: block; }
/* line 104, ../../../sass/styles.scss */

/* line 106, ../../../sass/styles.scss */
.theKeylessEraPage h1 em, .theKeylessEraPage h2 em, .theKeylessEraPage h3 em {
    color: #00a1d4;
    font-style: normal; }


@media (min-width: 600px) and (max-width: 767px) and (orientation: portrait) {
    /* line 111, ../../../sass/styles.scss */
    .theKeylessEraPage h1 {
        font-size: 50px;
        line-height: 45px; } }
/* line 136, ../../../sass/styles.scss */
.theKeylessEraPage h2 {
    font-size: 16px;  line-height: 20px;}
@media (min-width: 600px) and (max-width: 767px) and (orientation: portrait) {
    /* line 136, ../../../sass/styles.scss */
    .theKeylessEraPage h2 {
        font-size: 18px;
        line-height: 18px; } }
/* line 143, ../../../sass/styles.scss */
.theKeylessEraPage p {
    color: #000; }
/* line 238, ../../../sass/styles.scss */
.theKeylessEraPage .animationsLoading * {
    visibility: hidden; }
/* line 291, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel {
    overflow: hidden;
    position: relative;
    clear: both; }
@media (max-width: 599px) {
    /* line 291, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel {
        min-height: 600px !important; } }
/* line 298, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .backgroundImage {
    position: absolute;
    z-index: 0;
    left: 0;
    width: 100%;
    height: 100%; }
/* line 304, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .backgroundImage img {
    min-height: 100%; }
/* line 308, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .panelContainer {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto; }
/* line 316, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .panelContainer .panelText, .theKeylessEraPage .keylessEraPanel .panelContainer .panelText h1, .theKeylessEraPage .keylessEraPanel .panelContainer .panelText p {
    color: #FFF; }
/* line 319, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .panelContainer .panelText p {
    font-size: 20px;
    margin: 15px 0; }
/* line 323, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .panelContainer .panelText p.notes {
    font-size: 14px; }
@media (max-width: 599px) {
    /* line 319, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer .panelText p {
        font-size: 15px;
        padding: 0 50px; } }
@media (min-width: 600px) and (max-width: 767px) and (orientation: portrait) {
    /* line 319, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer .panelText p {
        font-size: 12px; }
    /* line 332, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer .panelText p.notes {
        font-size: 10px; } }
@media (max-width: 599px) {
    /* line 338, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer .panelText p.subtitle,
    .theKeylessEraPage .keylessEraPanel .panelContainer .panelText h3 {
        visibility: hidden;
        font-size: 0;
        line-height: 0;
        margin: 0;
        padding: 0; } }
@media (min-width: 600px) and (max-width: 767px) and (orientation: portrait) {
    /* line 338, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer .panelText p.subtitle,
    .theKeylessEraPage .keylessEraPanel .panelContainer .panelText h3 {
        font-size: 30px;
        line-height: 30px; } }
/* line 354, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .panelContainer .panelText p.subtitle {
    padding: 0;
    text-transform: uppercase;
    font-size: 52px;
    font-family: BebasNeueRegular;
    line-height: 52px; }
/* line 364, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel.firstPanel .panelContainer.type1 {
    margin-top: 193px !important; }
/* line 367, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel.firstPanel .panelContainer.type1 .panelImage img {
    margin-top: 2px !important; }
/* line 372, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel.firstPanel .panelContainer.type1 .panelText p {
    margin: 7px 0; }
/* line 378, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .panelContainer.type1 {
    text-align: center; }
/* line 382, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .panelContainer.type1 .panelImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 1;
    height: 100%;
    padding-top: 90px; }
/* line 390, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .panelContainer.type1 .panelImage img {
    position: absolute;
    top: 0px;
    left: 0;
    height: 100%;
    max-height: 530px; }
/* line 397, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .panelContainer.type1 .panelText {
    position: relative;
    z-index: 10; }
/* line 400, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .panelContainer.type1 .panelText p:not(.subtitle) {
    padding: 0 100px; }
@media (max-width: 599px) {
    /* line 400, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type1 .panelText p:not(.subtitle) {
        padding: 0 15%; } }
@media (min-width: 600px) and (max-width: 767px) and (orientation: portrait) {
    /* line 400, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type1 .panelText p:not(.subtitle) {
        padding: 0 25%; } }
@media (max-width: 599px) {
    /* line 412, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type1 {
        height: 100%; } }
@media (min-width: 600px) {
    /* line 422, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type2:after {
        content: " ";
        display: block;
        height: 1px;
        width: 1px;
        clear: both; }
    /* line 428, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type2 .panelImage {
        float: left;
        width: 50%;
        margin-top: 50px; }
    /* line 432, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type2 .panelImage img {
        float: right; }
    /* line 440, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type2 .panelText {
        padding-right: 50px;
        margin-top: 60px;
        float: right;
        width: 50%; }
    /* line 446, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type2 .panelText h1 {
        font-size: 70px;
        line-height: 70px; }
    /* line 457, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type2 .panelText p.subtitle {
        font-size: 35px;
        line-height: 35px; }
    /* line 468, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type2.even .panelImage {
        float: right; }
    /* line 470, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type2.even .panelImage img {
        float: left; }
    /* line 476, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type2.even .panelText {
        float: left;
        padding-left: 50px; } }
@media (min-width: 600px) and (min-width: 600px) and (max-width: 767px) and (orientation: portrait) {
    /* line 432, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type2 .panelImage img {
        width: 100%;
        max-width: 400px; } }
@media (min-width: 600px) and (min-width: 600px) and (max-width: 767px) and (orientation: portrait) {
    /* line 440, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type2 .panelText {
        padding-right: 30px; } }
@media (min-width: 600px) and (min-width: 600px) and (max-width: 767px) and (orientation: portrait) {
    /* line 446, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type2 .panelText h1 {
        font-size: 50px;
        line-height: 50px; } }
@media (min-width: 600px) and (min-width: 600px) and (max-width: 767px) and (orientation: portrait) {
    /* line 457, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type2 .panelText p.subtitle {
        font-size: 25px;
        line-height: 25px; } }
@media (min-width: 600px) and (min-width: 600px) and (max-width: 767px) and (orientation: portrait) {
    /* line 476, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type2.even .panelText {
        padding-left: 30px; } }
@media (max-width: 599px) {
    /* line 488, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type2 .panelImage {
        text-align: center;
        padding-top: 40px; }
    /* line 491, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type2 .panelImage img {
        display: inline-block;
        width: 80%; }
    /* line 498, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type2.even .panelImage img {
        width: 88%; }
    /* line 505, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type2.odd .panelImage img {
        width: 107%; }
    /* line 510, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type2 .panelText {
        position: absolute;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.7);
        padding: 15px 20px; }
    /* line 515, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type2 .panelText h1 {
        font-size: 50px;
        margin-bottom: 10px; }
    /* line 518, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type2 .panelText h1 em {
        font-size: 50px;
        display: inline; }
    /* line 522, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type2 .panelText h1 .trademark {
        top: -17px; }
    /* line 526, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type2 .panelText p {
        padding: 0;
        margin: 0;
        font-size: 16px; }
    /* line 529, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .panelContainer.type2 .panelText p.notes {
        font-size: 10px; }
    /* line 533, ../../../sass/styles.scss */
}
/* line 540, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .keylessEraFind.container {
    position: relative;
    color: #FFF;
    margin-top: 100px;
    max-width: 860px; }
/* line 545, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .keylessEraFind.container h1 {
    font-size: 72px;
    line-height: 72px;
    margin-bottom: 30px; }
@media (min-width: 600px) and (max-width: 767px) and (orientation: portrait) {
    /* line 545, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .keylessEraFind.container h1 {
        font-size: 50px;
        line-height: 50px; } }
/* line 554, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .keylessEraFind.container h1, .theKeylessEraPage .keylessEraPanel .keylessEraFind.container h2 {
    color: #FFF;
    text-align: center; }
/* line 557, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .keylessEraFind.container h1 em, .theKeylessEraPage .keylessEraPanel .keylessEraFind.container h2 em {
    color: #00a1d4;
    font-style: normal; }
/* line 562, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .keylessEraFind.container h2 {
    font-size: 24px; }
@media (min-width: 600px) and (max-width: 767px) and (orientation: portrait) {
    /* line 562, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .keylessEraFind.container h2 {
        font-size: 18px;
        line-height: 18px; } }
/* line 570, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .keylessEraFind table {
    width: 100%;
    margin-bottom: 100px; }
/* line 573, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .keylessEraFind table tr {
    border-bottom: 1px solid #000; }
/* line 575, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .keylessEraFind table tr:last-child {
    border: none; }
/* line 578, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .keylessEraFind table tr:first-child {
    /* border-bottom: 1px solid #FFF; */ }
/* line 581, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td, .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr th {
    font-size: 16px;
    width: 20%;
    text-align: center; }
@media (min-width: 600px) and (max-width: 767px) and (orientation: portrait) {
    /* line 581, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td, .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr th {
        font-size: 14px;
        line-height: 14px;
        padding: 0 20px; } }
/* line 591, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td p.note, .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr th p.note {
    font-size: 12px; text-align: left; }
@media (min-width: 600px) and (max-width: 767px) and (orientation: portrait) {
    /* line 591, ../../../sass/styles.scss */
    /* .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td p.note, .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr th p.note {
       font-size: 8px;
       line-height: 8px; } */ }
/* line 599, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td .number, .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr th .number {
    font-size: 16px; color: #fff; }
@media (min-width: 600px) and (max-width: 767px) and (orientation: portrait) {
    /* line 599, ../../../sass/styles.scss */
    /* .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td .number, .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr th .number {
       font-size: 12px;
       line-height: 12px; } */ }
/* line 608, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td:first-child,
.theKeylessEraPage .keylessEraPanel .keylessEraFind table tr th:first-child {
    text-align: left;
    width: 40%;
    color:#000; }
/* line 613, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .keylessEraFind table tr th img {
    height: 80px;
    margin-bottom: 10px; }
@media (min-width: 600px) and (max-width: 767px) and (orientation: portrait) {
    /* line 613, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr th img {
        height: 80px; } }
/* line 622, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td {
    /* padding-top: 40px; */
    vertical-align: middle;
    height: 88px; }
/* line 626, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td div.check,
.theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td div.dash {
    display: inline-block; }
/* line 629, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td div.check {
    width: 25px;
    height: 19px;
    background: url("/etc/designs/allegion-us/images/check01.png") center center no-repeat;
    background-size: 100%; }

.theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td.active .check {
    width: 35px;
    height: 28px;
    background: url("/etc/designs/allegion-us/images/check02.png") center center no-repeat;
    background-size: 100%; }
.theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td div .glyphicon-asterisk{
    color:#fff;
    font-size: 22px;
    font-weight: bold;
    top: -12px;
    margin-right: -30px;
    font-family: initial;
}
.theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td.active .number {
    font-family: 'Avenir-Black';
    font-size: 34px;
}
/* line 635, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td div.dash {
    width: 20px;
    height: 2px;
    background: #FFF; }
@media (min-width: 600px) and (max-width: 767px)  {
    /* line 622, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td {
        padding-top: 20px;
        height: 60px;
        vertical-align: middle;}
    /* line 643, ../../../sass/styles.scss */
    /* .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td div.check {
      width: 16px;
      height: 13px;
      margin-bottom: 5px; } */
    /* line 647, ../../../sass/styles.scss */
    /* .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td div.dash {
      width: 10px;
      height: 1px; }  */}
/* line 655, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .keylessEraFind .tableHeader {
    width: 100%;
    left: 0;
    position: relative;
    z-index: 16; }
/* line 660, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .keylessEraFind .tableHeader.sticky {
    position: fixed; }
/* line 663, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .keylessEraFind .tableHeader table {
    margin-bottom: 0; }
/* line 665, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .keylessEraFind .tableHeader table th {
    padding: 10px 0; }
/* line 669, ../../../sass/styles.scss */
.theKeylessEraPage .keylessEraPanel .keylessEraFind .tableHeader .container {
    margin-top: 0;
    width: 100%;
    max-width: 960px; }
@media (max-width: 599px) {
    /* line 539, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .keylessEraFind {
        /* padding: 0 20px;  */}
    /* line 677, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .keylessEraFind.container h1 {
        font-size: 50px;
        line-height: 1em; }
    /* line 683, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr th:first-child {
        display: none; }
    /* line 686, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td {
        width: 33%;
        /*   height: 88px;  */}
    /* line 689, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td p.note {
        font-size: 14px; }
    /* line 692, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td div.check {
        /* width: 16px;
         height: 13px; */ }
    /* line 696, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td div.dash {
        /* width: 10px;
         height: 1px; */ }
    /* line 701, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td:first-child {
        padding-top: 10px;
        width: 0 !important;
        float: left; }
    /* line 705, ../../../sass/styles.scss */
    .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td:first-child p, .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td:first-child div {
        font-size: 13px;
        line-height: 14px;
        width: 305px;
        padding-right: 15px; } }

/* new css from schlage3style.css file*/

@media (min-width: 768px) and (max-width: 1023px) {
    .theKeylessEraPage h2{font-size: 12px;}
    .tableHeader th.active h2{font-size: 16px;}
    .tableHeader h3{ font-size: 1.17em; line-height: 24px;}
    .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td, .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr th
    { font-size: 13px;}
    .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td .number, .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr th .number{
        font-size: 11px;
    }
}
@media (max-width: 767px) {
    /* Content Landing Page */
    .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td, .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr th{
        font-size: 13px;
    }
    .tableHeader h3{padding: 0 0 50px 0; text-align: center;}
    .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td{vertical-align: bottom; padding-bottom: 20px;}
    .table-note td:first-child{display: none;}
    .table-note td{ width: 100%!important; font-size: 14px; vertical-align: middle!important; padding-bottom: 0!important;}

}

@media screen and (max-width: 479px) {
    .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td{padding-bottom: 10px;}
    .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td .number, .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr th .number{
        line-height: 24px;

    }
    .content-landing-page .toppadding {padding-left: 5px;}
    .content-landing-page h5{font-size: 11px;}
}
@media (min-width: 600px) and (max-width: 767px)  {
    .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td {
        vertical-align: middle;}

    .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td .number, .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr th .number{
        font-size: 13px;
    }
}

@media (max-width: 599px) {
    .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td:first-child p, .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td:first-child div{
        width:100%; position:absolute;
    }
    .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr td .number, .theKeylessEraPage .keylessEraPanel .keylessEraFind table tr th .number{
        font-size: 13px;
    }

}

@media (max-width: 767px) and (min-width: 480px){
    .visible-sm {
        display: block!important;
    }
}


/* mobile devices */
/*
======================
Header section
======================
*/
@media (max-width: 1199px) {
    #homepage-carousel {
        padding: 0 30px;
    }
}
@media (max-width: 820px) {
    .fixed-area.affix + #homepage-carousel {
        padding-top: 104px;
    }
    #homepage-carousel {
        padding: 0;
    }
}
@media (max-width: 599px) {
    header .header-navigation {
        display: none;
    }
    .header-bottom {
        display: block;
    }
    .header-bottom .logo {
        display: none;
    }
    .header-bottom .navigation-list {
        float: left;
        margin-left: 8px;
    }
    .header-bottom .navigation-list a {
        font-size: 10px;
        letter-spacing: normal;
    }
    .fixed-area.affix + #homepage-carousel {
        padding-top: 72px;
    }
}
@media (max-width: 819px) {
    .header-wrapper {
        border-bottom: solid 1px #f2f2f2;
    }
    .header-wrapper .logo {
        padding-left: 20px;
    }
    .header-wrapper .hamburger .mobile-toggle {
        display: inline-block;
    }
    .header-wrapper .hamburger #accordion {
        display: block;
        overflow: auto;
    }
}
@media (max-width: 500px) and (min-width: 381px) {
    .header-wrapper .hamburger {
        margin: 0 ;
        padding-left: 0;
    }
    .header-wrapper .hamburger .mobile-toggle {
        width: 75px;
    }
}
@media (max-width: 380px) {
    .header-wrapper .hamburger .mobile-toggle {
        width: 42px;
    }
}
/*
======================
Main navigation
======================
*/
@media (min-width: 820px) {
    .nav-container {
        display: block;
    }
}
@media (max-width: 1130px) {
    .main-navigation ul > li > a,
    .child-nav ul > li > a {
        font-size: 13px;
    }
    .color-wrapper-1.landing {
        min-height: 141px;
    }
    .fixed-area.affix + #homepage-carousel,
    .fixed-area.affix + .teaserCarousel {
        padding-top: 141px;
    }
}
/*
======================
Carousel-section
======================
*/
@media (min-width: 819px) and (max-width: 1199px) {
    .carousel-indicators {
        right: 30px;
    }
}
@media (min-width: 1131px) {
    .carousel-caption {
        left: 10px;
        right: auto;
    }
}
@media (max-width: 1130px) and (min-width: 1056px) {
    .carousel-caption {
        left: 20px;
        right: auto;

    }
}
@media (min-width: 791px) and (max-width: 1055px) {
    .carousel-caption {
        font-size: 14px;
        left: 30px;
        top: 10%;
        width: 35%;
    }
    .carousel-caption h2 {
        font-size: 30px;
    }
}
@media (min-width: 661px) and (max-width: 790px) {
    .carousel-caption {
        font-size: 11px;
        left: 20px;
        top: 5%;
        width: 35%;
    }
    .carousel-caption h2 {
        font-size: 25px;
    }
}
@media (min-width: 600px) and (max-width: 660px) {
    .carousel-caption {
        left: 10px;
        top: 5%;
        width: 30%;
    }
    .carousel-caption h2 {
        font-size: 25px;
    }
    .carousel-caption .caption-text {
        display: none;
    }
}
@media (max-width: 459px) {
    .carousel-caption {
        left: 10px;
        top: 0;
        width: 40%;
    }
    .carousel-caption h2 {
        font-size: 15px;
    }
    .carousel-caption .caption-text,
    .carousel-caption .more-button {
        display: none;
    }
}
@media (min-width: 480px) {
    .carousel-indicators {
        bottom: 0;
    }
}
@media (min-width: 460px) and (max-width: 599px) {
    .carousel-caption {
        left: 10px;
        min-width: 200px;
        top: 5%;
        width: 25%;
    }
    .carousel-caption h2 {
        font-size: 20px;
    }
    .carousel-caption .caption-text {
        display: none;
    }
    .service-slot{background-size: 100px auto;}
}
/*
======================
Multi-box section
======================
*/
@media (min-width: 830px) and (max-width: 991px) {
    .multiple-column-box {
        max-width: 810px;
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .multiple-column-box .button {
        padding: 1px;
    }
    .multiple-column-box h1 {
        margin-bottom: 30px;
    }
    .multiple-column-box .column {
        margin: 5px;
    }
    .multiple-column-box .column .content-links .wrapper {
        padding-left: 75px;
    }
    .multiple-column-box .column-content {
        height: 14%;
    }
    .multiple-column-box .column-content h2 {
        font-size: 28px;
    }
    .multiple-column-box .column-button {
        height: 14%;
        padding-left: 0;
        padding-bottom: 5px;
        padding-top: 18px;
    }
}
@media (min-width: 600px) and (max-width: 829px) {
    .multiple-column-box {
        max-width: 810px;
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .multiple-column-box .button {
        padding: 1px;
    }
    .multiple-column-box h1 {
        margin-bottom: 30px;
    }
    .multiple-column-box .column {
        margin: 5px;
    }
    .multiple-column-box .column .content-links .wrapper {
        padding-left: 75px;
    }
    .multiple-column-box .column-content {
        height: 14%;
        padding: 20px;
    }
    .multiple-column-box .column-content h2 {
        font-size: 22px;
    }
    .multiple-column-box .column-button {
        height: 14%;
        padding: 18px 0;
    }
    .multiple-column-box .column-button .wrapper .icon img {
        margin-left: 0;
    }
    .multiple-column-box .column-button .text {
        vertical-align: middle;
        width: 60%;
    }
    .multiple-column-box .column-button .text .title {
        letter-spacing: 2px;
        margin: 0;

        font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #f2f2f2;
        font-size: 12px;
        font-weight: 300;
        font-style: normal;
        text-transform: uppercase;
    }
}
@media (max-width: 599px) {
    .multiple-column-box {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .multiple-column-box h1 {

        font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #1d252d;
        font-size: 20px;
        font-weight: 300;
        font-style: normal;
        margin-bottom: 10px;
        margin-top: 0;
        text-align: center;
    }
    .multiple-column-box .column {
        float: none;
        height: inherit;
        margin: 10px;
        width: inherit;
    }
    .multiple-column-box .column:last-child {
        float: none;
    }
    .multiple-column-box .column .content-links .wrapper {
        padding-bottom: 30px;
        padding-left: 50px;
        padding-top: 30px;
    }
    .multiple-column-box .column .content-links .wrapper a {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .multiple-column-box .column .column-content {
        padding: 16px;
        padding-top: 18px;
    }
    .multiple-column-box .column .column-content h2 {
        font-size: 24px;
    }
    .multiple-column-box .column .column-button {
        padding-bottom: 15px;
    }
    .multiple-column-box .column .column-button .wrapper .text {
        width: 69%;
    }
    .lightbox-close {
        top: 25px;
    }
    .lightbox-arrow-left {
        left: 25px;
    }
    .lightbox-close,
    .lightbox-arrow-right {
        right: 25px;
    }
    #search_box{
        float: right;
        padding-top: 0px !important;
    }
}

/*Search meadia queries*/
@media (max-width: 325px){
    .search.searchField form input{width: 96%;float: left;}
    .searchRight{display:none;}
    /*input[type=submit]{display:none;}*/
    .search.searchField{width: 100%;padding-left: 7px;}
    .dropdown-image{top:5px;left:105px;}
    .service-slot{background-size: 75px auto !important;}
    .divImg img {width:105px; height:105px;}
}
@media (min-width: 320px) and (max-width: 480px) {
    .search.searchField {width: 100%;padding-left: 7px;}
    .searchRight{display:none;}
    /*input[type=submit]{display:none;}*/
    .search.searchField form input{width: 96%;float: left;}
    .search.searchField form{margin-top: 1em;}
    .dropdown-image{top:5px;left:105px;}
    .service-slot{background-size: 80px auto !important;}
    .search input[type=submit] { display: none;}
    .divImg img {width:105px; height:105px;}
}
@media (min-width: 380px) and (max-width: 395px) {
    .header-wrapper .hamburger{/*top: -120px;*/height: 40px;}
}
@media (min-width: 480px) and (max-width: 480px) {
    #search_box form{/*float: right;*/width: 100%;}
    /*#search_box{float: right;/*padding-top: 0px !important;}*/
    .searchRight{display:none;}
}
@media (min-width: 480px) and (max-width: 599px) {
    #search_box form{float: right;}
    #search_box{float: right;}
    .searchRight{display:none;}
    .search{padding:0 15px;}
    /*.search.searchField.cq-analyzable form{margin-top: 1em;}*/
    .dropdown-image{top:5px;left:105px;}
    .service-slot{background-size: 100px auto;}
}
@media (min-width: 600px) and (max-width: 767px) {
    #search_box form{float: right;}
    #search_box{top: -72px;margin-left: 2em;}
    .search.searchField{padding-left:15px;}
    .search.searchField form{margin-top: 4em;}
}
@media (min-width: 768px) and (max-width: 819px) {
    #search_box form{float: right;}
    #search_box{top: -72px;margin-left: 15em;}
}
@media (min-width: 820px) and (max-width: 829px) {
    #search_box{top: 3em;left: 5em;}
}
@media (min-width: 768px) and (max-width: 1024px) {
    .search.searchField{padding:0 30px;}
    .search.searchField form{margin-top: 6em;}
    .productImagesBackground {
        /*height: 215px;*/
        width: 175px;
    }
}
@media (min-width: 1024px){
    /*.search.searchField.cq-analyzable {padding: 0 75px;}*/
    .search.searchField form{margin-top: 2em;}
}
@media (min-width: 1024px) and (max-width: 1122px) {
    .search.searchField{padding:0 30px;}
}

@media (max-width: 599px){
    .navigation-list .navigation-item.has-dropdown{display:none;}	/*Hide the stock ticker when screen width > 600*/
}

/*end*/


/*
========================
Services section
========================
*/
@media (max-width: 829px) {
    .service-container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .service-container .column-wrapper {
        left: 0;
    }
    .service-container .service-column {
        height: inherit;
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 829px) {
    .serviceColumn,
    .color-regular_blue .serviceColumn {
        border-top: 1px solid #f2f2f2;
        border-left: none;
    }
    .serviceColumn:first-child {
        border-left: none;
        border-top: none;
    }
    .service-container .service-column {
        min-height: initial !important;
    }
    .service-container .image-media img {
        width: auto;
    }
}
/*
========================
News section
========================
*/
@media (min-width: 830px) and (max-width: 991px) {
    .news .column-wrapper {
        margin-top: 0;
    }
}
/*
==================
Footer
==================
*/
@media (max-width: 920px) {
    .footer a {
        font-size: 10px;
        letter-spacing: normal;
    }
}
@media (min-width: 680px) and (max-width: 800px) {
    .footer .footer-navigation {
        width: 50%;
    }
    .footer .social-links {
        /*width: 33.33333333%;*/
    }
    .footer .footer-logo {
        width: 16.66666667%;
    }
}
@media (max-width: 679px) {
    .footer .social-links {
        margin-left: 10px;
        padding-right: 0;
    }
    .footer .footer-logo {
        float: none;
        margin-top: 5px;
        position: absolute;
        right: 60px;
    }
}
@media (max-width: 420px) {
    .footer .footer-logo {
        margin-bottom: 15px;
        margin-top: 35px;
    }
}
@media (max-width: 679px) and (min-width: 475px) {
    .footer .wrapper {
        padding-left: 20%;
    }
    .footer .social-links {
        margin-left: 0;
        text-align: left;
        /*width: 52%;*/
    }
}
@media (max-width: 474px) and (min-width: 350px) {
    .footer .wrapper {
        padding-left: 12%;
    }
    .footer .social-links {
        margin-left: 0;
        text-align: left;
    }
}
@media (max-width: 599px) {
    .block {
        padding-left: 20px;
        padding-right: 20px;
    }
    .footer {
        height: inherit;
        padding: 0;
    }
    .footer .navigation-item {
        line-height: 0.7;
        padding-left: 2px;
        padding-right: 2px;
    }
    .footer .navigation-item a {
        font-size: 10px;
    }
    .footer .wrapper {
        padding-top: 15px;
    }
    .footer .social-links {
        margin-left: 10px;
        padding-right: 0;
        text-align: left;
        width: inherit;
    }
}
/*
========================
Six cell component
========================
*/
@media (max-width: 800px) {
    .footer-logo .allegion-logo-large {
        margin-left: 0;
    }
}
@media (min-width: 1199px) and (max-width: 1259px) {
    .parbase .billboard {
        padding: 0;
    }
}
@media (min-width: 320px) and (max-width: 829px) {
    .billboard .container {
        background: none !important;
        min-height: initial !important;
    }
    .billboard .picture {
        background: no-repeat center top;
        background-size: contain;
        display: block;
        height: 320px;
    }
    .billboard.no-text .picture {
        display: none;
    }
    .billboard.no-text img {
        display: block;
        width: 100%;
    }
    .six-cell-component .cell-button {
        height: 200px;
    }
    .six-cell-component .cell-button .button-icon {
        margin-top: 17px;
    }
    .service-icons .service-slot {
        background-position: center center;
    }
    .service-icons .service-slot.square {
        height: 100px;
    }
    .service-icons .service-title {
        display: none;
    }
    .grey-landing .column-wrapper > div {
        border-bottom-color: #9d9ea0;
    }
    .if-carousel .carousel-control > div {
        font-size: 3em;
    }
    .if-carousel .carousel-control .fa-angle-left {
        left: -10px;
    }
    .if-carousel .carousel-control .fa-angle-right {
        right: -10px;
    }
    .news-list .billboard .container {
        min-height: initial !important;
    }
}
@media (min-width: 480px) and (max-width: 829px) {
    .six-cell-component .button-row {
        padding-left: 5px;
    }
    .six-cell-component .cell-button {
        float: left;
        width: 50%;
    }
    .six-cell-component .cell-button .button-icon {
        background-position: center center;
    }
    .six-cell-component.heading-blue .link-title,
    .six-cell-component.grey-light .link-title,
    .six-cell-component.blue .link-title {
        font-size: 12px;
        line-height: 12px;
    }
    .downloads {
        padding-top: 0;
    }
    .download-info h4 {
        padding-top: 0;
    }
    .content-page #products-carousel .carousel-control .fa-angle-right {
        right: -15px;
    }
    .content-page #products-carousel .carousel-control .fa-angle-left {
        left: -15px;
    }
}
@media (min-width: 821px) {
    /*.billboard .container {
    background-size: contain;
    }*/
}
@media (min-width: 830px) {
    .service-container .multipleColumnParsys {
        display: table;
    }
    .cq-wcm-edit .service-container .multipleColumnParsys {
        display: block;
    }
    .cq-wcm-edit .service-container .multipleColumnParsys .serviceColumn {
        display: block;
        float: left;
    }
    .cq-wcm-edit .service-container .multipleColumnParsys .new.section {
        clear: both;
    }
    .service-container .multipleColumnParsys .serviceColumn {
        display: table-cell;
        float: none;
        vertical-align: top;
    }
    .article.one-column .images {
        padding-left: 30px;
    }
    #search_box {
        float: right;
        padding-top: 10px;
    }
    #search_box form {
        float: right;
    }

}
@media (max-width: 992px) {
    .service-icons .service-icons-wrapper.centered {
        width: auto;
    }
}
@media (min-width: 992px) {
    .six-cell-component.blue .link-title,
    .six-cell-component.heading-blue .link-title,
    .six-cell-component.grey-light .link-title {
        font-size: 18px;
        line-height: 18px;
    }
    .block.carousel-container {
        width: 73.5%;
        margin-left: 26.5%;
    }
    .article {
        margin-left: 21%;
    }
    .text-image .content {
        margin-top: 10px;
    }
    .text-image .image {
        margin-top: 10px;
        max-width: 300px;
    }
}
@media (max-width: 991px) {
    .six-cell-component .cell-button {
        height: 210px;
    }
}
@media (min-width: 1200px) {
    .text-image {
        padding-left: 27px;
    }
    .text-image .image {
        height: 300px;
    }
    .billboard .caption {
        width: 316px;
        height: 316px;
        margin-top: 42px;
        margin-left: 42px;
    }
    .carousel .carousel-caption {
        width: 316px;
        height: 316px;
        left: 42px;
        top: 42px;
        margin-bottom: 42px;
        display: ;
    }
    #homepage-carousel {
        max-width: 1310px;
    }
}
/*
========================
Six cell component
========================
*/
/* 0 - 991px */
@media (max-width: 991px) {
    .text-image .text li{font-size:13px !important;line-height: 1.5em;}
    .six-cell-component .cell-button {
        height: 240px;
    }
    .six-cell-component .cell-button .button-icon {
        margin-top: 25px;
        background-size: contain;
    }
    .six-cell-component .cell-button .link-title {
        font-size: 18px;
        line-height: 18px;
    }
    .six-cell-component .cell-button.low .link-title {
        font-size: 14px;
        line-height: 32px;
        padding-left: 55px;
    }
    .six-cell-component .cell-button.low .button-link {
        background-position-x: 5%;
    }
    .body-container {
        display: none;
    }
    .six-cell-component .blue .link-title,
    .six-cell-component .heading-blue .link-title,
    .six-cell-component .grey-light .link-title {
        font-size: 14px;
    }
    .text-image .text p {
        font-size: 13px;
        line-height: 1.5em;
        margin-top: 20px;
        padding-right: 0;
    }
    .text-image .image {
        margin-top: 20px;
    }
    .text-image iframe {
        top: 25px;
    }
    .service-icons .service-icons-wrapper.offset {
        max-width: 730px;
    }
    .billboard .container {
        /*min-height: initial !important;*/
    }
    .news-list .share {
        display: block;
        width: 130px;
    }
    .partners-page .sidebar {
        width: 31.333333%;
    }
    .partners-page .search-results .description {
        font-size: 12px;
        line-height: 18px;
    }
    .partners-page .search-results .contact {
        font-size: 12px;
    }
    .partners-page .search-results li {
        padding: 10px;
    }

}
/* 0 - 480px */
@media (max-width: 480px) {
    .col-xxs-12,
    .col-xxs-10 {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .col-xxs-12 {
        width: 100%;
    }
    .col-xxs-10 {
        width: 83.33333333%;
    }
    .col-xxs-no-offset {
        margin-left: 0;
    }
    .col-xxs-offset-1 {
        margin-left: 8.33333333%;
    }
    .text-image .text {
        font-size: 12px;
        line-height: 1.5em;
        margin-bottom: 20px;
    }
    .text-image .image {
        margin-top: 20px;
    }
    .text-image.image-left .content {
        margin-bottom: 0;
    }
    .text-image.image-left .text {
        padding-top: 0;
    }
    .content-page #recommendations-carousel li {
        width: 2%;
    }
    .content-page #products-carousel li {
        width: 1%;
    }
    .content-page #products-carousel .carousel-control .fa-angle-left {
        left: -15px;
    }
    .content-page #products-carousel .carousel-control .fa-angle-right {
        right: -15px;
    }
}
@media (min-width: 500px) and (max-width: 593px) {
    .brand-logo{min-height: 80px;}
}


@media (max-width: 480px) {
    .brand-logo{min-height: 200px;}


    .billboard .picture {
        height: 230px;
    }
    .block .carousel-inner .slide {
        height: 160px;
    }
    .article .text {
        margin-bottom: 80px;
    }
    .article-preview .text + div {
        margin-top: 30px;
    }
    .text-image {
        padding: 0;
    }
    .text-image.image-left .content.video {
        margin-top: 20px;
    }
    .text-image iframe {
        top: 0;
    }
    .text-image .press-wrapper > div {
        padding-left: 0;
        margin-left: 0;
    }
    .text-image .press-wrapper h2,
    .text-image .press-wrapper .press-text h2 {
        font-size: 24px;
    }
    .text-gallery {
        padding: 0;
    }
    .lightbox-close {
        top: 10px;
    }
    .lightbox-arrow-left {
        left: 10px;
    }
    .lightbox-close,
    .lightbox-arrow-right {
        right: 10px;
    }
    .service-slot{background-size: 80px auto;}

    /*pdp change*/
    .carousel2 .carousel-control.left, .carousel2 .carousel-control.right{padding-top: 40% !important;}
    .carousel2{width: auto !important;height:400px !important;}
    .content-area {padding: 15px 0 0 !important;}


    /*end*/
    #searchClick{display:none !important;}
    #search_box{padding-top:0 !important;/*float: right; */width: 100%;}
    #search_box input{width:100% !important;}

}
@media (max-width: 829px) {

    /*** accordian menu***/
    .row.header-wrapper .col-xs-3 {
        float: none;
        width: 100%;
        margin-top: 30px;
    }

    .col-xs-3 #accordion {
        width: 105%;
    }

    /*end*/



    .carousel-caption {
        font-size: 14px;
        left: 10px;
        width: 50%;
    }
    .carousel-caption h2 {
        font-size: 30px;
    }
    .carousel-caption p {
        display: none;
    }
    .carousel-caption .morelink {
        display: none;
    }
    .billboard .caption {
        margin: 0;
    }
    .news .column-wrapper h1 {
        height: auto;
    }
    .service-icons .service-icons-wrapper.centered {
        width: auto;
    }
}
/* 768px - 820px (burger dissapears) */
@media (min-width: 830px) and (max-width: 819px) {
    .billboard .container {
        /*background-size: 75%;*/
    }
    .billboard.no-text .container {
        background-size: contain;
    }
}
@media (max-width: 991px) {
    .carousel-caption {
        font-size: 14px;
        left: 10px;
    }
    .carousel-caption h2 {
        font-size: 23px;
    }
}
@media (max-width: 1024px) {
    .billboard .caption {
        font-size: 12px;
    }
    .billboard h2 {
        font-size: 22px;
    }
    .billboard .description {
        margin-top: 0;
    }
}
@media (max-width: 819px) {
    .color-wrapper-1.landing {
        min-height: 102px;
    }
    .parbase .billboard {
        padding: 0;
    }
}
/*
Main navigation for mobile
*/
.hamburger {
    position: relative;
    right: 10px;
    text-align: right;
    top: 9px;
}
.hamburger .panel-direct-link {
    float: right;
}
.hamburger .panel-direct-link a {
    padding: 10px;
    color: #f2f2f2;
    display: inline-block;
    float: left;
    font-size: 12px;
    margin-right: 5px;
}
.hamburger .mobile-toggle {
    display: none;
}
.hamburger .mobile-toggle {
    background-color: white;
    background-size: 41px;
    border: 1px solid #c5c5c6;
    color: #1d252d;
    cursor: pointer;
    height: 41px;
    padding: 1px;
    padding-top: 9px;
    text-align: center;
    text-decoration: none;
    width: 91px;
}
.hamburger #accordion {
    background-color: #ff671f;
    border: 0;
    border-bottom: 5px solid #ff671f;
    display: none;
    left: 1px;
    /*margin-right: 16px;
    min-width: 210px;
    right: 0;*/
    padding: 5px 5px 0 5px;
    position: absolute;
    top: 75px;
    z-index: 100;
}
.hamburger #accordion .panel {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
}
.hamburger #accordion .panel a {
    display: block;
}
.hamburger #accordion .panel a:hover,
.hamburger #accordion .panel a:focus {
    text-decoration: none;
}
.hamburger #accordion .panel .menu-item {
    background-color: #dcdcdc;
    border-bottom: solid 2px #808080;
}
.hamburger #accordion .panel .panel-heading {
    background-color: #ff671f;
    border: none;
    border-radius: 0;
    padding: 0;
}
.hamburger #accordion .panel .panel-heading:hover {
    background-color: #fe8f1c;
}
.hamburger #accordion .panel .panel-heading .panel-title {
    letter-spacing: 1px;

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #f2f2f2;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
}
.hamburger #accordion .panel .panel-heading .panel-title a {
    padding: 10px 15px;
}
.hamburger #accordion .panel .panel-heading .panel-title a:before {
    color: #f2f2f2;
    content: '\25B8';
    display: inline-block;
    float: left;
    font-size: 12px;
    margin-right: 5px;
    transform: rotate(90deg);
    transition: all .2s;
    -webkit-transition: all .2s;
    -webkit-transform: rotate(90deg);
}
.hamburger #accordion .panel .panel-heading .panel-title a.collapsed:before {
    content: " ";
}
.hamburger #accordion .panel .panel-body {
    padding: 0;
}
.hamburger #accordion .panel .panel-body .list-group {
    margin-bottom: 0;
}
.hamburger #accordion .panel .panel-body .list-group-item {
    /* background-color: #f2f2f2;*/
    border: none;
    border-radius: 0;
    padding: 0 30px 0 0;
}
.hamburger #accordion .panel .panel-body .list-group-item:hover {
    /*background-color: #b6cde3;*/

}
.hamburger #accordion .panel .panel-body .list-group-item a {
    letter-spacing: 1px;
    padding: 8px 15px;
    text-transform: uppercase;

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #9d9ea0;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
}
.hamburger #accordion .panel .panel-body .list-group-item a:hover {

    font-weight: bold;
}
/* Hi-Res */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .radio-group label:before,
    .radio-group label.active:before {
        background-image: url(img/sprite@2x.png);
        background-size: 500px;
    }
    #content-menu h3 {
        background-image: url(img/sprite@2x.png);
        background-size: 500px;
    }
    .share > div {
        background-image: url(img/sprite@2x.png);
    }
    .share li {
        background-image: url(img/social@2x.png);
    }
    .download-icon {
        background-image: url(img/download-icon-norm2.png);
    }
}
/*
========================
Form component
========================
*/
div.form_rightcol.form_error{
    color: #FF0000
}
@media (min-width: 320px) and (max-width: 479px){
    .productImage{width:140px !important;height:140px !important;}

    .productImage img {
        width: 100% !important;
        height: 100% !important;
    }
}
@media (min-width: 480px) and (max-width: 768px) {
    .carousel2 {width: 380px !important;height:400px !important;}
    .carousel2 .carousel-control{top: 75px !important;}
    .hamburger #accordion {left: -3px !important;}
    .content-area {padding: 30px 0 0 !important;}
}
#search_box {z-index:1;}
#search_box input {
    border: 0;
    background: #e5e5e5;
    width: 258px;
    height: 31px!important;
    line-height: 31px!important;
    color: #959595;
    padding-left: 20px;
    font-size: 11px;
    display: inline-block;
    vertical-align: middle;
}

#search_box .search_btn {
    background: url(img/search.png) center center no-repeat #f16503;
    width: 31px;
    height: 31px!important;
    margin-left: -5px;
    text-indent: -9999px;
}

.searchRight {
    border-left: 1px solid #ddd;
    float: right;
    width: 190px;
    padding-left: 20px;
    padding-bottom: 20px;
}

div.searchRight p {
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .carousel2 {width: auto !important;}
    .carousel2 .carousel-control {top: 95px !important;}
    .hamburger #accordion {left: -8px !important;}
}
@media (min-width: 600px) and (max-width: 767px) {
    .productImage img {
        width: 100% !important;
        height: 100% !important;
    }
}
@media (min-width: 380px) and (max-width: 400px) {
    .row.header-wrapper .col-xs-3{padding-right: 0;}
}

@media (min-width: 821px) and (max-width: 829px) {
    #homepage-carousel {padding: 0 15px !important;}
}
@media (min-width: 768px) and (max-width: 1024px) {
    #homepage-carousel {margin-top: 0px;}
}
@media (max-width: 430px) {
    .carousel-caption {padding-top: 0;}
}
@media (max-width: 768px) {
    .productImagesBackground {
        height: 173px !important;
    }
}
@media (min-width: 480px) and (max-width: 599px) {

    .productImage {width: 190px !important;height: 190px !important;}
    .productImage img {width: 100% !important;height: 100% !important;}

}

@media (max-width: 480px){
    form .form_captcha_img {
        float: none !important;
        padding-left: 0 !important;
    }
    form .form_captcha_input {
        float: none !important;
    }
    .form_captcha_refresh {
        float: none !important;
        padding-left: 0 !important;
    }
}
/*
===============================
News page changes
===============================
*/
.news-list .col-sm-4 .press-image{width: 180px;height: 180px;}
.news-list .col-sm-4 .press-image img{width: 100%;height: 100%;}
.news-content .text-image{margin-top: 0;}
.news-content .text-image > div{margin-bottom: 0;}
.news-content .sf-date{margin-left:15px;font-size: 1.05em;}
.news-content .text-image h2{color: #f86700;}
.news-content .oneColumnText img{padding-left:15px; padding-top:10px; padding-bottom:10px;}
.text-image img{width:100%;height:100%;}
.imageSize img{width:100%;height:100%}
.text-image .text p{text-align: justify;}
.text-image .text li{font-size:14px;line-height: 1.5em;}
.imageExt img{width:100%;height:100%;}
.left{
    /*float:left;*/
}
.right{float:right;}
.news-list h2 a {text-decoration: none;color: #9D9EA0;}
.archive-thread .archive-article .article-title a:hover,.archive-thread .archive-article .article-title a:focus {color:#f86700;text-decoration: none;}
.blue-archive {background-color: #f9eee4;}
/*end*/
/*radio group css*/
div#form-radio-group{overflow: hidden;width: 65px;position: relative;float: left;}
.radio label{float:left;width: 60%;padding-left:0px;}
.cutorm-radio{margin-top:20px;}
.radio input[type=radio]
    .cutorm-radio .form_leftcollabel{width:100%;}
/*end*/
form div.submit{padding-top:10px;}

form .submit .form_row {
    padding-left: 6px;
}

form .text .form_rightcol {
    clear: both;
}

form .form_leftcollabel {
    float: left;
}
form .form_leftcolmark {
    float: left;
    padding-left: 2px;
    font-weight: bold;
}
form .captcha .form_rightcol {
    clear: both;
}
form .form_captcha_img {
    float: left;
    padding-left: 25px;
}
.form_captcha_refresh
{
    float: left;
    padding-left: 25px;
}

form .form_captcha_input input {
    width: 170px;
}
.form_captcha_input {
    width: auto!important;
}
form .form_captcha_input {
    float: left;
    width: 170px;
}


.frontpage-wrapped-image img {
    margin-right: 10px;
    margin-bottom: 10px;
}

.mbr-container {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0;
    margin-top: 91px;
    margin-bottom: 91px;
}

.mbr-front-teaser {
    display: none;
}

.color-dark_grey .column-wrapper {
    color: #fff;
}

.pagetitle-headline-class {

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #9d9ea0;
    font-size: 30px;
    font-weight: normal;
    margin-left: 27px;
}

.page-title-container {
    margin-top: 17px;
}

h2 .placeholder {
    display: none;
}

.child-ul {
    display: none;
    position: absolute;
    width: 150%;
}

.child-ul li {
    display: inline-block;
    padding: 0 7px;
    width: 100%;
}

.nav .active .child-ul {
    display: block;
}

.content-full-width {
    width: 100%;
}

.img-stretch img {
    width: 100%;
}


.mbr-margin-bottom-10 { margin-bottom: 10px; }
.mbr-margin-bottom-20 { margin-bottom: 20px; }
.mbr-margin-bottom-30 { margin-bottom: 30px; }
.mbr-margin-bottom-40 { margin-bottom: 40px; }
.mbr-margin-bottom-50 { margin-bottom: 50px; }
.mbr-margin-bottom-60 { margin-bottom: 60px; }
.mbr-margin-bottom-70 { margin-bottom: 70px; }
.mbr-margin-bottom-80 { margin-bottom: 80px; }
.mbr-margin-bottom-90 { margin-bottom: 90px; }

.mbr-margin-top-10 { margin-top: 10px; }
.mbr-margin-top-20 { margin-top: 20px; }
.mbr-margin-top-30 { margin-top: 30px; }
.mbr-margin-top-40 { margin-top: 40px; }
.mbr-margin-top-50 { margin-top: 50px; }
.mbr-margin-top-60 { margin-top: 60px; }
.mbr-margin-top-70 { margin-top: 70px; }
.mbr-margin-top-80 { margin-top: 80px; }
.mbr-margin-top-90 { margin-top: 90px; }


.mbr-newslist-overwrite a {
    font-size: 13px !important;
    color: #bf0603 !important;
    text-decoration: none !important;
}

.mbr-newslist-overwrite h3 {
    color: #bf0603;
    font-weight: 400;
}

.carousel-inner .caption-text p {
    font-size: 14px !important;
    display: inline-block !important;
    text-align: justify !important;

    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}



.child-row-link {
    color: black;
}


.mbr-car-link {
    margin-right: -10px;
}

.mbr-table {
    display: table;
}
.mbr-table-cell {
    display: table-cell;
    vertical-align: bottom;
}

.mbr-fixing-margin {
    margin-top: -28px;
}
.iubenda-banner {
    position: fixed;
    width: 100% !important;
    z-index: 99999998 !important;
    height: 100% !important;
}
.iubenda-content {
    background-color: #333333;
    margin: 0 auto;
    padding: 20px;
    width: auto;
    color: #fff;
}
.iubenda-cs-rationale {
    max-width: 900px;
    position: relative;
    margin: 0 auto;
}
.iubenda-cs-close-btn {
    color: #fff !important;
    position: absolute !important;
    right: 0 !important;
    text-decoration: none !important;
    font-size: 16px !important;
}
.iubenda-cs-cookie-policy-lnk {
    text-decoration: underline;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
}