/* Global Styles */

html,
body {
    height: 100%;
font-family:calibri;
}

body {
    
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}


#top { width:100%; padding:20px 0 20px 0; background-color:#fff; }
.line { width:100%; height:2px; margin:0 0 2px 0; background-color:#03026D }
.bgline { width:100%; height:6px; background-color:#1F5FA8 }
.fltrgt { float:right; }
.fltlft { float:left; }




.box{font-size:18px; min-width:38px; height:27px; float:left;  color:#1A5192; font-weight:bold; border-width:3px; border-style:solid; border-color:#3366cc; margin-left:1px; border-radius:5px; margin-top:1px;}

.boxb{font-size:18px; min-width:38px; height:27px; float:left; border-width:3px; border-style:solid; border-color:#333333; margin-left:1px;border-radius:5px; text-decoration:none; margin-top:1px;}

.box2b{font-size:18px; min-width:63px; height:27px; float:left;  border-width:0px; border-style:solid; border-color:#3366cc; margin-left:1px;border-radius:5px; margin-top:0px; }





.spacer { height:10px; clear:both; }
.spacer2 { height:20px; clear:both; }
.spacer4 { height:40px; clear:both; }
.blufnt { font-size:26px;color:#125198; letter-spacing:1px; }
.blufnt1 { font-size:20px;color:#125198; letter-spacing:1px; }
#searchbar { width:100%; background-color:#1A5192; padding:10px 0 4px 0; }
.wte { color:#fff; font-weight:bold; font-size:20px; }

.img-border {
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.proptitle { color:#23568B; font-size:16px; font-weight:bold; }
.ref { font-style:italic; font-size:16px; color:#098AB4; font-weight:bold; }
.blu { color:#4E9BC5}

 a.navlink:link    {color: #838383; text-decoration:none; font-size:20px; }
 a.navlink:visited {color: #838383; text-decoration:none;font-size:20px; }
 a.navlink:hover   {color: #03026D; text-decoration:none; font-size:20px; }
 a.navlink:active  {color: #838383; text-decoration:none;font-size:20px; }
.nspacer { margin:0 10px 0 10px;}

 a.ft:link    {  font-size:14px; color: #fff; text-decoration:none;}
 a.ft:visited {  font-size:14px; color: #fff; text-decoration:none;}
 a.ft:hover   {  font-size:14px; color: #fff; text-decoration:none;}
 a.ft:active  {  font-size:14px; color: #fff; text-decoration:none;} 




 a.tp:link    {  font-size:20px; color: #fff; font-weight:bold; text-decoration:none; text-shadow: 1px 1px 1px #000;}
 a.tp:visited {  font-size:20px; color: #fff; text-decoration:none;}
 a.tp:hover   {  font-size:20px; color: #fff; text-decoration:none;}
 a.tp:active  {  font-size:20px; color: #fff; text-decoration:none;} 

 a.tp1:link    {  font-size:16px; color: #666; font-weight:bold; text-decoration:none; }
 a.tp1:visited {  font-size:16px; color: #666; text-decoration:none;}
 a.tp1:hover   {  font-size:16px; color: #111; text-decoration:none;}
 a.tp1:active  {  font-size:16px; color: #666; text-decoration:none;}

 a.navbar-brand1:link    {  font-size:16px; color: #fff; font-weight:bold; padding:16px; text-decoration:none; background-color:#213D5B }
 a.navbar-brand1:visited {  font-size:16px; color: #fff; padding:16px; text-decoration:none;}
 a.navbar-brand1:hover   {  font-size:16px; color: #fff; text-decoration:none; background-color:#264463}
 a.navbar-brand1:active  {  font-size:16px; color: #fff; text-decoration:none;}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}


h5 { color:#1E3854; font-size:26px; }

.inner { padding:10px; }