/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 10-May-2015, 15:43:28
    Author     : Ahmed El-Fouly
*/
@font-face {
    font-family: 'MiniGlobal_Pro_Headline';
    src: url('../fonts/MiniGlobal_Pro_Headline.ttf');
}
@font-face{
    font-family:'Calibri';
    src:url('../fonts/calibri.woff');
}
@font-face {
    font-family: 'MiniGlobal_Pro_Reg';
    src: url('../fonts/MiniGlobal_Pro_Reg.ttf');
}
@font-face {
    font-family: 'Nobel-Bold';
    src: url('../fonts/Nobel-Bold.ttf');
}
@font-face {
    font-family: 'Nobel-Regular';
    src: url('../fonts/Nobel-Regular.woff');
}
@font-face {
    font-family: 'bebasregular';
    src: url(../speakers/fonts/Bebas/bebas___-webfont.eot);
    src: url(../speakers/fonts/Bebas/bebas___-webfont.eot?#iefix) format("embedded-opentype"), url(../speakers/fonts/Bebas/bebas___-webfont.woff) format("woff"), url(../speakers/fonts/Bebas/bebas___-webfont.ttf) format("truetype"), url(../speakers/fonts/Bebas/bebas___-webfont.svg#bebasregular) format("svg");
    font-weight: 400;
    font-style: normal;
}

body:not('.send-brochure') {
    text-align: center;
    color: white;
}
a, a:hover, a:focus {
    color: inherit;
    text-decoration: none !important;
    outline: none!important;
    cursor: pointer;
}
.ptsans {
    font-family: PT Sans;
    font-style: italic;
}
.header-container {
    background: #f2f2f2;
}
header {
    color: #a0a6a6;
    padding: 0.5% 2%;
    text-align: left;
    font-size: 10px;
    font-weight: bold;
}
.nopadding {
    padding: 0!important;
}
header div {
    display: inline;
}
.header-navs {
    float: right;
}
.seperator {
    margin: 0 7px;
}
.logo-social {
    position: relative;
    color: #a0a6a6;
}
.learnbutton span{
    font-size: 20px;
    margin-left: 12px;
}
#myCarousel .product-indicators{
    margin-bottom:8px;
}
.socialmedia {
    position: absolute;
    bottom: 8px;
    right:0px;
}
.socialmedia div {
    display: inline;
    font-size: 11px;
    font-weight: bold;
    margin: 0 1px;
}
.mobile{
    display:none;
}
#trucks{
    margin-top:-10px;
}
#footer #footer-bottom .fa {
    border-radius:50%;
    width:25px;
    height:25px;
    font-size:16px;
    background-color:#b12b2b;
    color:#1c1c1c;
    line-height:24px;
    display:none;
}
        .bottom > p {
            text-align:left;
        }
ul.topbar {
    display: table;
    width: 100%;
    padding-left: 0;
}
.topbar > li {
    display: table-cell;
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #4E5151 25%, #231F20 100%);

    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #4E5151 25%, #231F20 100%);

    /* Opera */
    background-image: -o-linear-gradient(top, #4E5151 25%, #231F20 100%);

    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.25, #4E5151), color-stop(1, #231F20));

    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #4E5151 25%, #231F20 100%);

    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #4E5151 25%, #231F20 100%);

    border-right: 1px solid #2a2b2c;
    border-left: 1px solid #676969;
    padding: 0.85%;
    /*width: 100%;*/
    height: 38px;
    /*line-height: 38px;*/
    margin: 0 -2px;
}
.topbar > li > a {
    font-size: 13px;
    font-weight: bold;
}
.topbar > li:hover /*> a:hover*/ {
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #231F20 25%, #4E5151 100%);

    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #231F20 25%, #4E5151 100%);

    /* Opera */
    background-image: -o-linear-gradient(top, #231F20 25%, #4E5151 100%);

    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.25, #231F20), color-stop(1, #4E5151));

    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #231F20 25%, #4E5151 100%);

    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #231F20 25%, #4E5151 100%);
}
.topbar > li:hover .dropdown-menu.submenu {
    display: block;
}
.topbar {
    position: relative;
    color: white;
    text-align: center;
}
.submenu:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 5px 5px;
border-color: #e0484b transparent;
display: block;
width: 0;
z-index: 1;
margin-left: -5px;
top: -5px;
left: 50%;
}
/*.submenu > li {
    background-image: -ms-linear-gradient(top, #ffffff 25%, #e9e9e9 100%);

    background-image: -moz-linear-gradient(top, #ffffff 25%, #e9e9e9 100%);

    background-image: -o-linear-gradient(top, #ffffff 25%, #e9e9e9 100%);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.25, #ffffff), color-stop(1, #e9e9e9));

    background-image: -webkit-linear-gradient(top, #ffffff 25%, #e9e9e9 100%);

    background-image: linear-gradient(to bottom, #ffffff 25%, #e9e9e9 100%);

    padding: 0.75%;
    margin: 0 -2px;
}*/
.submenu > li {
    background-image: -ms-linear-gradient(top, #e0484b 25%, #c0282a 100%);
    background-image: -moz-linear-gradient(top, #e0484b 25%, #c0282a 100%);
    background-image: -o-linear-gradient(top, #e0484b 25%, #c0282a 100%);
    /* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.25, #e0484b), color-stop(1, #c0282a)); */
    /* background-image: -webkit-linear-gradient(top, #e0484b 25%, #c0282a 100%); */
    /* background-image: linear-gradient(to bottom, #e0484b 25%, #c0282a 100%); */
    /* border-left: 1px solid #e55a5d; */
    padding: 4px;
    /* display: inline-block; */
    margin: 0 -2px;
    background-color: #de3d40;
    border-bottom: 1px solid #bc2628;
    border-top: 1px solid #ec4e51;
}
.submenu > li > a {
    font-size: 13px;
    font-weight: bold;
    color: white;
}
.submenu > li > a:hover {
    color: black;
    background: none !important;
}
.submenu {
    position: absolute;
    padding-left: 0;
    /*bottom: -36px;*/
    width: 100%;
    z-index: 1;
    /*display: none;*/
    padding: 0;
    margin: 0;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    border: none;
}
#submenu-triangle {
    position: absolute;
    top: -6px;
    left: 50%;
}
.carousel-img {
    padding: 10px;
}
.carousel-indicators {
    bottom: 0;
    margin-bottom: 5px;
}
.carousel-indicators li {
    border: 1px solid black;
}
.carousel-indicators li.active {
    background-color: black;
}
.banner {
    padding-top: 3%;
    padding-bottom: 2%;
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E8E8E8 100%);

    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E8E8E8 100%);

    /* Opera */
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #E8E8E8 100%);

    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E8E8E8));

    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E8E8E8 100%);

    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #E8E8E8 100%);
}
.caption {
    margin-top: 20px;
}
.headlines {
    padding-top: 4.5%;
    padding-left: 10%;
    padding-right: 10%;
    text-align: left;
}
.headline {
    line-height: 0.925;
    font-size: 33px;
    color: #da2528;
}
.subheadline {
    margin-top: 10px;
    padding-left: 5px;
    font-size: 13.5px;
    font-weight: bold;
    color: #5c5c5d;
}

.learnbutton {
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #E0484B 20%, #C0282B 100%);

    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #E0484B 20%, #C0282B 100%);

    /* Opera */
    background-image: -o-linear-gradient(top, #E0484B 20%, #C0282B 100%);

    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, #E0484B), color-stop(1, #C0282B));

    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #E0484B 20%, #C0282B 100%);

    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #E0484B 20%, #C0282B 100%);
    display: inline-block;
    margin-left: 5px;
    line-height: 1.3;
    padding: 0 3% 2px 3%;
    font-weight: bold;
    /*margin-top: 20px;*/
    color: white !important;
}
.learnbutton:hover {
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #C0282B 20%, #E0484B 100%);

    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #C0282B 20%, #E0484B 100%);

    /* Opera */
    background-image: -o-linear-gradient(top, #C0282B 20%, #E0484B 100%);

    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, #C0282B), color-stop(1, #E0484B));

    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #C0282B 20%, #E0484B 100%);

    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #C0282B 20%, #E0484B 100%);
    color: white;
}
.content {
    margin-top: 50px;
    padding-right:15px;
    padding-left:15px;
}
.headlines.products {
    padding: 20px;
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #7D8486 20%, #5C6365 100%);

    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #7D8486 20%, #5C6365 100%);

    /* Opera */
    background-image: -o-linear-gradient(top, #7D8486 20%, #5C6365 100%);

    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, #7D8486), color-stop(1, #5C6365));

    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #7D8486 20%, #5C6365 100%);

    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #7D8486 20%, #5C6365 100%);
    border: 1px solid #efefef;
}
.headlines.products.yellow {
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #e3a442 20%, #c28321 100%);

    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #e3a442 20%, #c28321 100%);

    /* Opera */
    background-image: -o-linear-gradient(top, #e3a442 20%, #c28321 100%);

    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, #e3a442), color-stop(1, #c28321));

    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #e3a442 20%, #c28321 100%);

    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #e3a442 20%, #c28321 100%);
}
.headlines.products.green {
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #75a629 20%, #548508 100%);

    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #75a629 20%, #548508 100%);

    /* Opera */
    background-image: -o-linear-gradient(top, #75a629 20%, #548508 100%);

    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, #75a629), color-stop(1, #548508));

    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #75a629 20%, #548508 100%);

    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #75a629 20%, #548508 100%);
    padding: 8%;
    /*height: 403px;*/
}
.products .subheadline, .products .headline {
    color: white;
    padding-left: 0;
    line-height: 1;
}
.products .headline {
    font-size: 25px;
}
.products .learnbutton, #subscribe-button {
    margin: 3px 0 0 0;
    padding: 0 1.5% 3px 1.5%;
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #494848 20%, #292828 100%);

    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #494848 20%, #292828 100%);

    /* Opera */
    background-image: -o-linear-gradient(top, #494848 20%, #292828 100%);

    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, #494848), color-stop(1, #292828));

    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #494848 20%, #292828 100%);

    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #494848 20%, #292828 100%);
}
.products .learnbutton:hover, #subscribe-button:hover {
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #292828 20%, #494848 100%);

    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #292828 20%, #494848 100%);

    /* Opera */
    background-image: -o-linear-gradient(top, #292828 20%, #494848 100%);

    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, #292828), color-stop(1, #494848));

    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #292828 20%, #494848 100%);

    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #292828 20%, #494848 100%);
}
.ip-cameras-img {
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #FFFFFF 50%, #d9d9d9 100%);

    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #FFFFFF 50%, #d9d9d9 100%);

    /* Opera */
    background-image: -o-linear-gradient(top, #FFFFFF 50%, #d9d9d9 100%);

    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #FFFFFF), color-stop(1, #d9d9d9));

    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #FFFFFF 50%, #d9d9d9 100%);

    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #FFFFFF 50%, #d9d9d9 100%);
    padding-top: 18px;
    padding-bottom: 18px;
}
.products.green .headline {
    margin-bottom: 30px;
}
.products.green .subheadline {
    margin-bottom: 64px;
}
.footerbox {
    /*margin-top: 40px;*/
    padding: 40px 0;
    color: white;
    /*border-top: 2px solid #e7e7e7;*/
}
.newfeatures > .headlines {
    background-image: url("../images/footerboxes_03.jpg");
    background-size: cover;
}
.googlemaps > .headlines {
    background-image: url("../images/footerboxes_06.jpg");
    background-size: cover;
}
.newsletter > .headlines {
    background-image: url("../images/footerboxes_05.jpg");
    background-size: cover;
}
.footerbox > div > div.headlines {
    padding: 8% 48% 8% 6%;
    padding-right: 48%;
}
.footerbox .headline {
    font-size: 23px;
    color: black;
}
.footerbox .learnbutton {
    margin: 0;
    margin-top: 10px;
}
.googlemaps .headlines {
    padding-right: 20%!important;
}
.googlemaps .headline {
    color: white;
    font-size: 13px;
}
.googlemaps .learnbutton {
    margin-top: 12px;
}
.newsletter .headlines {
    padding-right: 6%!important;
}
.newsletter .headline, .newsletter .subheadline {
    color: white;
}
.newsletter input {
    font-size: 12px;
    padding: 1.5% 10px 1.5% 10px;
    color: grey;
    width: 60%;
    margin-right: 12px;
}
#subscribe-button {
    font-weight: bold;
    font-size: 13px;
    padding: 2%;
}
.header-container.footer {
    margin: 0;
}
.socialmedia a {
    opacity: 1;
    transition-duration: 0.5s;
}
.socialmedia a:hover {
    opacity: 0.7;
}
/*.content > div > div {
    border: 1px solid #d5d5d5;
}*/
.bcwebsite:hover {
    color: #0099cc;
}
.stage-teaser-banner {
    margin-top: 20px;
    height: 267px;
    background-size: 100% 100%;
}
.vcam-banner {
    margin-top: 20px;
    background-image: url("../images/innerpage-topbanner.jpg");
    height: 267px;
    background-size: 100% 100%;
}
.vdvr-banner {
    margin-top: 20px;
    background-image: url("../images/VDVR.jpg");
    height: 267px;
    background-size: 100% 100%;
}
.vmonitor-banner {
    margin-top: 20px;
    background-image: url("../images/VMONITORS.jpg");
    height: 267px;
    background-size: 100% 100%;
}
.mod > h2{
    font-weight:bold;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:35px;
    display:none;
}
#models{
    border-top:1px solid #dadada;
    display:none;
}
#models .menubar a{
    font-weight:bold;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    padding-bottom:3px;
}
.menubar{
    padding-bottom:10px;
    padding-top:10px;
}
.sidebar {
    font-family: Myriad Pro;
    font-size: 20px;
    color: #828282;
    text-align: left;
    margin-top: 25px;
}
.sidebar-label {
    font-weight: 600;
    padding-bottom: 13px;
    border-bottom: 1px solid #e8e8e8;
}
.sidebar-list {
    margin-top: 30px;
    color: #d43c3f;
    font-family: Nobel-Bold;
    font-size: 13px;
    display:inline;
}
.list-inside {
}
.list-inside ul {
    list-style-type: none;
    padding-left: 16px;
}
.list-inside ul li {
    color: #828282;
    padding: 4px 0;
}
.list-inside a:hover  {
    color: black;
}
.list-inside a:hover span {
    color: #d43c3f;
}
.vcam-nav {
    font-size: 14px;
    display: block;
    padding: 12px 0;
    padding-bottom: 0;
}
.vcam-nav[aria-expanded='false'] {
    padding-bottom: 12px;
}
.inner-headline {
    text-align: left;
    font-size: 35px;
    margin-bottom: 50px;
}
.inner-subheadline {
    text-align: left;
    /*font-family: MiniGlobal_Pro_Reg;*/
    color: #787878;
}
.features {
    margin-top: 60px;
    padding: 40px 0;
    border-top: 1px #e1e1e1 dashed;
    /*border-bottom: 1px #e1e1e1 dashed;*/
    text-align: left;
}
.products.green .headline{
    margin-top: 40px;
}
.features > div {
    /*width: 50%;*/
    display: inline-block;
}
.features ul {
    box-sizing: border-box;
    margin-top: 0px;
    margin-bottom: 10px;
    color: rgb(120, 120, 120);
    padding-left: 13px;
}
.features li {
    box-sizing: border-box;
}
.specifications {
    padding: 40px 0;
    border-top: 1px #e1e1e1 dashed;
}
table, td, th {
    border: 1px solid #acacac;
    color: #777478;
}
table, tr {
    width: 100%;
}
td, th{
    padding-left: 10px;
}
table img {
    width: 100%;
}
.td-img {
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
}
.form-group {
    text-align: left;
}
.form-group label {
    color: #595757;
}
#contact_us {
    margin-top: 50px;
}
form .btn {
    border: 0;
    color: white;
    background: transparent linear-gradient(to bottom, #E14C4F 0%, #B31E21 100%) repeat scroll 0% 0%;
}
form .btn:hover {
    border: 0;
    color: white;
    background: transparent linear-gradient(to bottom, #E14C4F 0%, #B31E21 100%) repeat scroll 0% 0%;
}
.newfeatures .headlines, .googlemaps .headlines, .newsletter .headlines {
    height: 170px;
}
#clients {
    margin-top: 20px;
    margin-bottom: 20px;
}
#clients > h4 {
    font-family: Calibri;
    font-size: 19px;
    color: #999999;
}
#clients-container img {
    padding: 0;
    width: 12.5%;
}
#footer #footer-bottom {
    border-top: 2px solid #d43c3c;
    background-color: #1c1c1c;
    font-family: Verdana;
    font-size: 11px;
    color: #808080;
}
#footer #footer-bottom h5 {
    font-family: Verdana;
    font-size: 11px;
    color: white;
}
#footer #footer-bottom > .container > .row.top {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #2e2e2e;
}
#footer #footer-bottom ul {
    list-style-type: none;
    padding-left: 14px;
}
#footer #footer-bottom li:before {
    content: "-";
    position: relative;
    margin-left: -10px;
    left: -5px;
}
#footer #footer-bottom > .container > .row.bottom {
    font-size: 11px;
    color: #5e5e5e;
    padding-top: 10px;
}
#footer .subscribe > * {
    padding: 0;
}
#footer .subscribe input, #footer .subscribe button {
    font-family: Verdana;
    font-size: 11px;
    height: 32px;
    border: none;
    font-weight: normal;
}
#footer .subscribe input {
    background-color: #484848;
    color: #959595;
    margin-right: 10px;
}
#footer .subscribe button {
    background: #b12b2b;
    color: white;
    margin: 0;
}
#coming-soon {
    position: relative;
    min-height: 53vh;
}
#coming-soon > .headline {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
/*Modal Styling*/
@media screen and (min-width: 769px) {
    .modal-dialog {
    width: 800px;
}
}.modal-title {
    font-family: 'bebasregular';
    font-size: 40px;
    color: #da2528;
}
.small-font {
    font-size: 9px;
}
.form-group label {
    color: #595757;
}
.form-control {
    border-radius: 0;
    background-color: #f4f4f4;
    border: 1px solid #e1e1e1;
}
.btn {
    color: #fff;
    background: #e14c4f;
    background: -moz-linear-gradient(top, #e14c4f 0%, #b31e21 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e14c4f), color-stop(100%, #b31e21));
    background: -webkit-linear-gradient(top, #e14c4f 0%, #b31e21 100%);
    background: -o-linear-gradient(top, #e14c4f 0%, #b31e21 100%);
    background: -ms-linear-gradient(top, #e14c4f 0%, #b31e21 100%);
    background: linear-gradient(to bottom, #e14c4f 0%, #b31e21 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e14c4f', endColorstr='#b31e21', GradientType=0);
    border-color: transparent;
}
.btn:hover {
    border-color: transparent;
    color: #fff;
}
.btn:active {
    background-color: #b31e21;
    border-color: #b31e21;
}
.form-control:focus {
    border-color: #FFB7B8;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(247, 173, 173, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(205, 205, 205, 0.6);
}
.modal-header {
    min-height: 90px;
}
.modal-header .close {
    width: 30px;
    height: 30px;
    margin-right: -15px;
    margin-top: -15px;
    background-color: #c3c3c3;
    color: #595757;
    font-size: 35px;
    text-shadow: none;
    line-height: 16px;
    opacity: 1;
}
.modal-header .close:focus {
    border-color: #FFB7B8;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(247, 173, 173, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(205, 205, 205, 0.6);
}
.modal-content {
    border-radius: 0;
}
.co-fom-bor {
    border-left: solid 1px #e5e5e5;
}
.message-success {
    color: #27B114;
}
.message-error {
    color: #C72222;
}
#checkbox-group {
    margin-top:0px;
}
/*End of modal styling*/

#overview-page {
    margin-top: 20px;
}
#overview > label,
#features label,
#request-pdf label {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 35px;
    color: #da2528;
}
#request-pdf label {
    cursor: pointer;
}
#overview > p,
#features ul {
    color: #787878;
    font-size: 18px;
    font-weight: bold;
}
.product-strip {
    /*max-height: 200px; */
    padding-top: 20px;
    padding-bottom: 20px;
}
.product-strip:not(:last-of-type) {
    border-bottom: 1px #e1e1e1 dashed;
}
.product-img {
    width: 100%;
}
h4.product-strip-headline {
    color: #C0282A;
    font-weight: bold;
    font-size: 24px;
    margin-top: 22px;
}
p.product-strip-subheadline {
    color: #5c5c5d;
    font-size: 16px;
    margin-top: 14px;
}
.product-strip span.learn-more {
    color: #C0282A;
    font-size: 15px;
}
.overview-page .carousel-control {
    width:5%;
}
.overview-page .carousel .headline {
    font-size: 25px;
}
.overview-page .carousel .subheadline {
    font-size: 12.5px;
}
.overview-page .learnbutton {
    font-size: 11px;
    margin-top: 0;
}

#overview {
    padding-top: 20px;
    border-bottom: 1px #e1e1e1 solid;
}

/* New CSS*/
img.thumbnail {
    box-shadow: none;
    border: none;
}
.category-headline {
    font-size: 30px !important;
    text-decoration: underline;
    margin-top: 30px !important;
    margin-bottom: 30px;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition: opacity 3s;
  -moz-transition: opacity 3s;
  -o-transition: opacity 3s;
  transition: opacity 3s;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/**Mobile Menu**/
#my-menu {
    font-family: Helvetica;
    color: white;
    background: #4e5151;
}
.mm-navbar {
    background: white;
}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
    color: rgb(218, 37, 40) !important;
}
.mm-menu .mm-listview {
    border-color: rgba(255,255,255,0.5) !important;
}
.mm-menu .mm-listview>li .mm-arrow:after, .mm-menu .mm-listview>li .mm-next:after {
    border-color: rgba(255,255,255,0.5) !important;
}
.glyphicon.glyphicon-align-justify {
    font-size: 20px;
    color: #da2528;
    top:10px;
}
#menu-btn {
    position: absolute;
    top: 50%;
    right: 10px;
}

/**SOLUTIONS**/
.solution-banner-text {
    font-family: Nobel-Bold;
    font-size: 36px;
    color: white;
    position: absolute;
    bottom: 20px;
    left: 30px;
    text-transform: uppercase;
    width: 46%;
}
.solution-info {
    margin: 40px;
}
.solution-info .solution-name {
    font-family: Nobel-Regular;
    font-size: 45px;
    color: #da2528;
    border-bottom: 1px dotted #c2c2c2;
    margin-bottom: 4px;
    padding-bottom: 10px;
}
.solution-info .name-container {
    border-bottom: 1px dotted #c2c2c2;
    margin-bottom: 30px;
}
.solution-info .solution-diagram {
    margin-top: 30px;
    margin-bottom: 30px;
}
.solution-info > div > p {
    font-family: Verdana;
    font-size: 16px;
    color: #5e5e5e;
}
.solution-info h3.info-title {
    font-family: Nobel-Bold;
    font-size: 21px;
    color: #db2d30;
    text-transform: uppercase;
}
.solution-info .info-points {
    font-family: Verdana;
    font-size: 16px;
    color: #7c7c7c;
}
.feature:not(:last-of-type) {
    margin-bottom: 15px;
}
.feature > * {
    display: inline;
}
/*.feature > p {
    width: 91.5%;
}*/
.feature > img {
    margin-right: 8px;
    max-width: 33px;
    max-height: 33px;
    min-width: 26px;
    min-height: 26px;
    width: 8.5%;
}
.improve, .eliminate, .media-library {
    margin-top: 30px;
}
.improve ul, .improve ol, .eliminate ul, .improve ol {
    list-style-type: none;
    padding-left: 20px;
    margin-bottom: 0;
}
.improve li {
    background: url('../images/tick.gif') no-repeat left center;
    margin-bottom: 10px;
    padding-left: 40px;
    line-height: 22px;
}
.improve li:last-of-type {
    margin-bottom: 0;
}
.eliminate li {
    background: url('../images/cross.gif') no-repeat left center;
    margin-bottom: 10px;
    padding-left: 40px;
    line-height: 22px;
}
.eliminate li:last-of-type {
    margin-bottom: 0;
}
.gray-solid-border {
    border: 1px solid #e8e8e8;
}
.media-library h2 {
    font-family: Nobel-Bold;
    font-size: 18px;
    color: #acacac;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 8px;
}
.solution-features .gray-solid-border, .improve .gray-solid-border, .eliminate .gray-solid-border {
    padding: 40px 20px;
}
.media-library .gray-solid-border {
    padding: 20px;
}
#blueimp-gallery div.modal-body {
    height: 65vh;
}
#blueimp-gallery img.toggle {
    /*width: 100%;*/
}
#gallery-videos a.video > img {
    width: 100%;
    max-height: 185px;
}
#gallery-videos a.video:after {
    font-family: "Glyphicons Halflings";
    -webkit-font-smoothing: antialiased;
    content: "\e029";
    font-size: 45px;
    line-height: 45px;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #DA2528;
    /*margin: -32px 0 0 -32px;*/
}
#blueimp-gallery .btn {
    background-position: 0;
}
.modal-backdrop {
    z-index: 0;
}
@media (max-width: 1199px) {
    .products.green .subheadline {
        margin-bottom: 48px;
    }
    .footerbox .headline {
        font-size: 16px;
    }
    .footerbox .googlemaps .headline {
        font-size: 9.5px;
    }
    .footerbox .learnbutton {
        font-size: 11px;
    }
    .newsletter p {
        margin-bottom: 0;
    }
    .submenu {
        bottom: -30px;
    }
}
@media (max-width: 991px) {
    #overview .headeroverview{
        padding-top:40px;
    }
    #overview{
        padding-top:0px;
    }
    .modelsrows{
        margin-left:0px;
        margin-right:0px;
    }
    .inner-headline{
        margin-bottom:20px;
    }
    .features{
        margin-top:20px;
    }
    .products.green .headline{
        margin-top:0px;
        margin-bottom:20px;
    }
    .td-img{
        width:50%;
    }
    .ip-cameras .productheader label{
    padding-top: 25px;
}
    .specsfont{
        font-size:18px;
    }
    #footermedia .linkedinfooter , #footermedia .twitterfooter , #footermedia .facebookfooter{
        padding-right: 5px;
        padding-left: 5px;
    }
    #overview .headeroverview{
        font-size:30px;
    }
    .mobile{
        display:block;
    }
    .desktop{
        display:none;
    }
    .home1{
         padding-right:0px;
    }
    .home2{
        padding-right:0; margin-top:20px;
    }
    .ip-cameras{
        padding-right:0; padding-left:0; margin-top:20px
    }
    #page > .container {
        width: auto;
    }
    #overview-page {
        margin: 0;
    }
    .solution-banner-text {
        font-size: 27px;
        left: 20px;
        width: 53%;
    }
    .container{
        width:100%;
    }
    #clients-container {
        padding-left: 15px;
    }
        #whole , #overview-page{
        padding-right:35px;
        padding-left:35px;
    }

    #solutions-container.gray-solid-border {
        border: none;
    }
    .carousel-img {
        float: none !important;
    }
    .caption {
        text-align: center;
    }
    .sidebar{
        display:none;
    }
    .mod > h2{
        display:block;
    }
    #models{
        display:block;
    }
    #models .menubar a{
        font-size:16px;
    }

    #overview > label{
        font-size:35px;
    }
    .glyphicon.glyphicon-align-justify {
        font-size:56px;
    top:6px;
    line-height: 149px;
}
.logo{
    padding:0px;
}
/*.logo{
        top:-7px;
    }*/
    #footer #footer-bottom .fa {
        margin-top:20px;
        display:inline-block;
}
    #footer #footer-bottom h5 {
        text-align:center;
        font-size:14px;
    }
    #footer #footer-bottom {
        text-align:center;
        font-size:12px;
    }
    .bottom > p {
        text-align:center;
        font-size:12px;
    }
    #main-subscribe input , #subscribe-button {
        margin-left:45px;
    }
    #overview > p{
        font-size:16px;
    }
h4.product-strip-headline{
    font-size:22px;
}
}
@media (max-width:768px) {

    .subheadline .hometext{
        font-size:16px;
    }
    #trucks{
        margin-top:0px;
    }
    .solution-banner-text {
        font-size: 20px;
    }
    .solution-info .solution-name {
        font-size: 40px;
    }
    div.gray-solid-border.row > div > p {
        font-size: 13px;
    }
    .solution-info h3.info-title {
        font-size: 18px;
    }
    .solution-info .info-points {
        font-size: 14px;
    }
    .subheadline {
        font-size: 12px;
    }
    .learnbutton {
        font-size: 12px;
    }
    #models{
        padding-bottom:8px;
        padding-top:8px;
    }
    #models .menubar a{
        font-size:13px;
    }
    .mod > h2 , .headline , #overview > label, #features label, #request-pdf label {
        font-size: 28px;
    }
    #overview > p, #features ul {
        font-size: 13px;
    }
    .category-headline {
        font-size: 24px !important;
    }
    h4.product-strip-headline {
        font-size: 19px;
    }
    p.product-strip-subheadline {
        font-size: 14px;
    }
    .product-strip span.learn-more {
        font-size: 13px;
    }
    .glyphicon.glyphicon-align-justify {
    top: 0px;
    line-height: 132px;
    font-size: 48px;
    padding-right:8px;
}
/*.logo{
    top:-2px;
}*/
        #footer #footer-bottom h5 {
        text-align:center;
        font-size:13px;
    }
    #footer #footer-bottom {
        text-align:center;
        font-size:12px;
    }
        .bottom > p{
        font-size:9px;
    }
    .specsfont{
        font-size:13px;
    }

}
@media(max-width:637px){
        .glyphicon.glyphicon-align-justify {
    font-size: 39px;
    top: -10px;
    line-height: 122px;
}
}
@media (max-width: 479px) {
        #whole, #overview-page{
        padding-right:8px;
        padding-left:8px;
    }
    .solution-banner-text {
        font-size: 15px;
    }
    .improve ul, .improve ol, .eliminate ul, .improve ol {
        padding-left: 0;
    }
    .solution-features .gray-solid-border, .improve .gray-solid-border, .eliminate .gray-solid-border {
        padding: 40px;
    }
    .glyphicon.glyphicon-align-justify {
    top: -17px;
    font-size: 30px;
}
/*.logo{
    top:0px;
}*/
    #models .menubar a{
        font-size:11px;
    }
        .mod > h2 , .headline , #overview > label , #features label , #request-pdf label{
        font-size:20px;
    }
    #footer #footer-bottom h5 {
        text-align:center;
        font-size:11px;
    }
    #footer #footer-bottom {
        text-align:center;
        font-size:10px;
    }
    .bottom > p{
        font-size:10px;
    }
    #main-subscribe input , #subscribe-button{
        margin-left:25px;
    }
    #overview .headeroverview{
        font-size:24px;
    }
}
@media (max-width: 375px) {
    .subheadline .hometext{
        font-size:12px;
    }
        #whole , #overview-page{
        padding-right:0px;
        padding-left:0px;
    }
    .specsfont{
        font-size:11px;
    }
    .speakerheadline label{
        font-size:19px;
    }
    .solution-banner-text {
        font-size: 13px;
        left: 10px;
    }
    .solution-info .solution-name {
        font-size: 30px;
    }
    div.gray-solid-border.row > div > p {
        font-size: 11px;
    }
    .solution-info h3.info-title {
        font-size: 16px;
    }
    .solution-info .info-points {
        font-size: 11px;
    }
    .solution-features .gray-solid-border, .improve .gray-solid-border, .eliminate .gray-solid-border {
        padding: 25px 20px;
    }
    .improve ul, .improve ol, .eliminate ul, .improve ol {
        padding-left: 0;
    }
    .mod > h2 , .headline , #overview > label , #features label {
        font-size:18px;
    }
    .learnbutton{
        font-size:9px;
    }
    .learnbutton span{
        font-size:16px;
        margin-right:2px;
    }
    #overview > p , #features ul {
        font-size:11px;
    }
    .feature {
        padding: 0;
    }
    #solutions-container {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .glyphicon.glyphicon-align-justify {
        font-size: 25px;
        top: -27px;
    }
/*.logo{
    top:1px;
}*/
#footer #footer-bottom button{
    font-size: 10px;
}
    #footer #footer-bottom h5 {
        text-align:center;
        font-size:10px;
    }
    #footer #footer-bottom {
        text-align:center;
        font-size:8px;
    }
    .bottom > p {
        font-size:9px;
    }
    #trucks{
        margin-top:10px;
    }
    #footer .subscribe button{
        font-size:10px;
    }
    #overview > p {
        font-size:14px;
    }
    #overview .describe{
        font-size:11px;
    }
        #models{
        padding-bottom:5px;
        padding-top:5px;
    }
}

@media (min-width:317px) and (max-width:359px){
    #models .menubar a{
        font-size:9px;
    }
}
@media (min-width:304px) and (max-width:317px){
    #models .menubar a{
        font-size:8px;
    }
}