html, body, form{
    height:100%;
}
body {
    font-family: 'Roboto', sans-serif;
    color: #333333;
    padding-top:80px;

}
.robotocon
{
font-family: 'Roboto Condensed', sans-serif;
}

.blue-bar-padding {
    background-color: #1ab2ff;
    padding-top: 30px;
    padding-bottom: 30px;
}

.container-fluid {
    width: 95%;
}

#mainNavBar a, #mainNavBar a:hover, .nav.navbar-nav li ul li a, .nav .open a:hover{
     background-color: #ffffff;
}
.navbar .navbar-collapse > ul > li > a
{
        font-weight:900;
    color:#bfbfbf;
}

.navbar-fixed-top {
	padding-top: 25px;
	padding-bottom: 5px;
	background-color: #ffffff;
}
.navbar-fixed-top-shadow {
	box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.5);
}
.navbar-default .navbar-fixed-hover > li > a:hover,
.navbar-default .navbar-fixed-hover > li > a:focus,
.navbar-default .navbar-static-hover > li > a:hover,
.navbar-default .navbar-static-hover > li > a:focus {
	color: #1ab2ff !important;
}
.nav > li > a
{
    padding:10px 10px;
}
/*
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 7px;
    padding-left: 7px;
}
    */
@media (max-width: 767px) {

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        margin-bottom: 15px;
    }
    .form-group{
        margin-bottom: 0px;
    }
}

.icon-bar {
	background-color: #1ab2ff !important;
}

.perfect-fit {
    max-width: 1090px;
    margin: 0 auto;
}
.blue-bar {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22pt;
    color: #ffffff;
}

.paragraph {
	font-size:12pt;
}

.b {
    font-weight:bold;
}
.c0{
    color:#FFFFFF;
}
.jumbotron a, .jumbotron a:hover{
    color:#FFFFFF;
    text-decoration:none;
}
#mainNavBar .active > a{
    color: #1ab2ff !important;
    background-color: transparent !important;
}
@media (max-width: 767px) {
    .min-sm {
        display:none;
    }
}
@media (min-width: 768px) {
    .max-sm {
        display: none;
    }
    .text-right-min-sm {
        text-align:right;
    }
    .text-center-min-sm {
        text-align:right;
    }
}

@media (max-width: 991px) {
    .min-md {
        display:none;
    }
}
@media (min-width: 992px) {
    .max-md {
        display: none;
    }
}
.fs15 {
    font-size:15px;
}
.fs21 {
    font-size:21px;
}
.fs24 {
    font-size:24px;
}

.fs26 {
    font-size:26px;
}

.ccboxes
{
    max-width: 380px;
    margin: 0 auto;
}
@media (min-width: 768px) {

    .ccboxes
    {
        max-width: 730px;
        margin: 0 auto;
    }

}
@media (min-width: 1200px) {

    .ccboxes
    {
        max-width: 1090px;
        margin: 0 auto;
    }

}

li
{
    list-style-position:inside;
}


.ccboxes .ccbox-square{
    overflow: hidden;
position: relative;
cursor:pointer;
display:block;
}
.ccboxes .ccbox-bg{
    width: 349px;
}
.ccbox-bg1{
    
}
.ccboxes .ccbox-label
{
text-align:center;
position: absolute;
color: #ffffff;
/*padding-top: 290px;*/
bottom:20px;
padding-left: 10px;
padding-right: 10px;
visibility: visible;
width: 100%;
}
.ccboxes .ccbox-title
{
font-size: 21px;
font-family: 'Roboto Condensed', sans-serif;
}
.ccboxes .ccbox-label.product
{
top:160px;
opacity:0.8;
}
.ccboxes .ccbox-roll{
    position: absolute;
height: 349px;
width:100%;
padding-left:20px;
padding-right:20px;
background-color: #1ab2ff;
top:-349px;
display: flex;
justify-content: center;
align-content: center;
flex-direction: column;
color: #ffffff;
font-size:15px;
line-height:1.3;
}
.ccboxes .ccbox-roll ul{
    padding-left:10px;
}
    .ccboxes .ccbox-roll ul li {
        list-style-position: outside;
    }

.ccboxes .ccbox-square:hover .ccbox-roll {
	top:0px;
	transition: 0.5s;
}
.ccboxes .form-group{
    overflow:auto;margin-bottom:0px;
}
.ccboxes .col-sm-6{
    margin-bottom:30px;
}