.promo{font-weight: bolder !important;
    color: #009ee0 !important;

}


.bg-contrast{
    background-color: #c2c2bd;
}



.commentrow{background-color: rgba(10, 230, 255, 0.14);}
#features i {cursor: pointer;}

body.menuOpened #dimmer {
    height: 10000px;
    width: 100%;
    z-index: 1029;
    background-color: #0b0b0b;
    position: absolute;

    background-color: rgba(255,255,255,.6);
    backdrop-filter: blur(5px)


}


body.menuOpened section {

    filter: blur(5px)


}


.underline{text-decoration: underline double #0a6ebd !important;}



#contactForm .checkbox.is-invalid{color: #dc3545 !important; }

.custom-select.is-invalid~.invalid-feedback, .custom-select.is-invalid~.invalid-tooltip, .form-control.is-invalid~.invalid-feedback, .form-control.is-invalid~.invalid-tooltip, .was-validated .custom-select:invalid~.invalid-feedback, .was-validated .custom-select:invalid~.invalid-tooltip, .was-validated .form-control:invalid~.invalid-feedback, .was-validated .form-control:invalid~.invalid-tooltip {
    display: block;
}


.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
    border-color: #dc3545;
}


.cc_cp_m_menu>li:nth-child(3),
.cc_cp_m_menu>li:nth-child(4),
.cc_cp_m_menu>li:nth-child(5),
.cc_cp_m_menu>li:nth-child(6){
    display: none !important;}





.control.promo.filter small {color: #e2007a; }
.control.promo.filter.support small {color: #009ee0; }
.control.promo.filter { width: 14.05%; }
.control.promo.filter .badge { display: none }

.item {
    position:relative;
    padding-top:20px;
    display:inline-block;
}
.notify-badge{
    position: absolute;
    right:20px;
    top:80px;
    background:#e2007a;
    text-align: center;
    border-radius: 30px 30px 30px 30px;
    color:white;
    padding:5px 10px;
    font-size:20px;
}


#topBar{min-height: 40px !important; z-index: 9999 !important;}
#features h4 {cursor: pointer}


.vertical-align-bottom {
    vertical-align: bottom;
}



body.menuOpened {
    overflow: hidden;
}

#customerOwlSlider .owl-carousel img{max-width: 160px;}



.no-margin{margin: 0 !important;}




ul.top-links a.blue i{color: #1a3d7b;}


.breadcrumb li.active{text-transform: uppercase;}


@media only screen and (max-width: 767px) {

    #portfolio .box-light{text-align: center;}
    .box-icon .list-unstyled{text-align: center !important;}

    #features .padding-40, div.callout .padding-40 {padding: 20px !important;}
    #slider{    background-position-x: -200px !important;}
    #slider h1{    font-size: 30px !important;}

    #topNav a.logo img{

        max-height: 40px;
    }


    #topNav a.logo{
        height: auto !important;
        line-height: 66px !important;
    }


    .control.promo.filter {width: 100%;}


}
@media only screen and (min-width: 768px) {

    #topNav a.logo img{

        max-height: 80px;

    }



    #slider h1{    font-size: 52px !important; margin-bottom: 16px;}



}

.container{min-width: 320px !important;}


#features h4{ font-size: 22px; }
#features .ico-light{ margin-right: 0px;}

h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span {
    color: rgb(75, 137, 191) !important;
}
.teaser h1{font-size: 42px; color: #111;}
.teaser h2, #hiring h2{font-size: 32px !important; color: #111; line-height: 40px !important;}
.size-22    {font-size: 22px;}





#footer {
    color: rgba(255,255,255,0.85) !important;
    background: #313131;
    background: -moz-linear-gradient(top, #118acf 0%, #313131 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a1d2b), color-stop(100%, #313131)) !important;;
    background: -webkit-linear-gradient(top, #118acf 0%, #313131 100%) !important;;
    background: -o-linear-gradient(top, #118acf 0%, #313131 100%) !important;;
    background: -ms-linear-gradient(top, #118acf 0%, #313131 100%) !important;;
    background: linear-gradient(to bottom, #118acf 0%,#313131 100%) !important;;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#118acf', endColorstr='#313131',GradientType=0 ) !important;;
}

#footer a.social-icon.social-icon-border {

    color: #eee !important;

}

section.page-header .breadcrumb {

    font-size: 16px !important;

}
#topBar ul.top-links>li>a {

    font-size: 13px;

    font-weight: 800;
}
#topMain.nav-pills>li>a{font-weight: 800 !important;}

#portfolio ul i {font-size: 10px !important;  line-height: 18px !important;}

.noTransform{text-transform: none !important;}

#topNav ul.dropdown-menu li span {

    padding: 7px 15px 6px 15px !important;
    font-weight: 600;
    line-height: 23px;
    color: #555;
    font-size: 10px;
    text-transform: uppercase;
    display: block;
    text-decoration: none;
}

.price-clean h3 {font-size: 18px;}


.bluelink{color: #009cd9 !important;}
.magentalink{color: #dc0078 !important;;}
.yellowlink{color: #d3b619 !important;;}
.blacklink{color: #1F262D !important;;}



#products img.img-responsive,  #company img.img-responsive{padding: 0px 30px 20px 30px }

.nav-pills li a{text-transform: uppercase}


.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.vertical-align {
    display: flex;
    align-items: center;
}


.no-padding{padding: 0!important;}


body {
    color: #666;
    background-color: #fff;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}

div.heading-border-bottom.heading-color { border-bottom-color: #179BD7  !important; }
.breadcrumb>.active { color: #444 !important; }
.breadcrumb>li a { color: #fff !important; }

section.page-header.page-header-xs.dark{background-color: #009cd9 !important; }
.blog-post-item { margin-bottom: 50px !important; padding-bottom: 30px !important; }

.yellow{ color: #ffff00 !important; }
.timeline .timeline-entry>span { color: #273440; }
.border-bottom-0{border-bottom-width: 0px !important;}
.box-flip .box2 { color: #fff; background-color: #179BD7 !important; }
.min-height-120 { min-height: 120px; }
.min-height-90 { min-height: 90px; }
.list .timeline-item { min-height: 100px !important; }
.nav-tabs>li.active>a { color: #179BD7 !important; }





h3.techspecheader{
    font-size: 16px;
    letter-spacing: normal;
    margin: 0 0 32px 0;
}
img.producttitleimage{max-width: 240px; margin: 20px auto;}

#slider.medium{height: 400px !important;}

footer.timeline-Footer, footer.timeline-footer{display: none !important;}