html, body, #body2 {
    background-color: #ffffff;
    font-family: "Open Sans";
}

#tools {
    background-color: #ffffff;
}

#software {
    background-color: #f5f5f5;
}

#consulting {
    background-color: #f5f5f5;
}

#testimonials {
    background-color: #f5f5f5;
}

#main-tool {
    background-color: #ffffff;
}

#footer {
    background-color: #595959;
}

#bottom-line {
    background-color: #0D3559;
    color: #ffffff;
    text-align: center;
}

.my-caption {
    line-height: 1.7em;
    color: #ac2c53;
    font-size: 3em;
}

.container-fluid {

}

/*no space after navbar*/
.navbar {
    margin-bottom: 0px;
}

/*fit logo to navbar*/
.navbar-brand>img {
    height: 80px;
    padding: 5px;
    width: auto;
}

/*adjust navbar brand height*/
.navbar-brand {
    line-height: 80px;
    height: 80px;
    padding-top: 0;
}


/*padding of navbar-nav items*/
.navbar-nav {
    padding-left: 50px;
    font-weight: bold;
}

/*navbar-nav font color*/
.nav.navbar-nav li a {
    color: #053099;
}

/*custom navbar-nav hover colors*/
.nav.navbar-nav li a:hover {
    background-color: #e7e7e7;
    color: #053099;
}

/*text background*/
.well {
    background-color: rgba(245, 245, 245, 0.7);
    color: #981525;
    border: 0px;
    text-shadow: none;
    border-radius: 10px;
}


/*BTN1*/
.btn1 {
     color: #FFFFFF;
     background-color: #A72B6A;
     border-color: #FCFCFC;
     border-radius: 10px;
     vertical-align: middle;
     font-size: large;
     font-weight: bold;
     padding: 10px 20px 10px 20px;
 }

.btn1:hover,
.btn1:focus,
.btn1:active,
.btn1.active,
.open .dropdown-toggle.btn1 {
    color: #FFFFFF;
    background-color: #E35B8D;
    border-color: #FCFCFC;
}

.btn1:active,
.btn1.active,
.open .dropdown-toggle.btn1 {
    background-image: none;
}

.btn1.disabled,
.btn1[disabled],
fieldset[disabled] .btn1,
.btn1.disabled:hover,
.btn1[disabled]:hover,
fieldset[disabled] .btn1:hover,
.btn1.disabled:focus,
.btn1[disabled]:focus,
fieldset[disabled] .btn1:focus,
.btn1.disabled:active,
.btn1[disabled]:active,
fieldset[disabled] .btn1:active,
.btn1.disabled.active,
.btn1[disabled].active,
fieldset[disabled] .btn1.active {
    background-color: #A72B6A;
    border-color: #FCFCFC;
}

.btn2 {
    color: darkblue;
    background-color: #C2C2C2;
    border-color: #FCFCFC;
    border-radius: 10px;
    vertical-align: middle;
    font-size: large;
    font-weight: bold;
    padding: 10px 20px 10px 20px;
}

.btn2:hover,
.btn2:focus,
.btn2:active,
.btn2.active,
.open .dropdown-toggle.btn2 {
    color: #FFFFFF;
    background-color:lightgray;
    border-color: #FCFCFC;
}

.btn3 {
    display: inline-block;
    color: #ffffff;
    background-color: #DA577F;
    border: solid 2px #ffffff;
    border-radius: 10px;
    vertical-align: middle;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 50px 10px 50px;
}

.btn3:hover,
.btn3:focus,
.btn3:active,
.btn3.active,
.open .dropdown-toggle.btn3 {
    color: #FFFFFF;
    background-color: #b21c20;
    border-color: #FCFCFC;
}

.btn4 {
    display: inline-block;
    color: #ffffff;
    background-color: #0D3559;
    border-radius: 10px;
    vertical-align: middle;
}

.btn4:hover,
.btn4:focus,
.btn4:active,
.btn4.active,
.open .dropdown-toggle.btn4 {
    color: #FFFFFF;
    background-color: #1285d1;
    border-color: #FCFCFC;
}

/* CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */

/* Carousel base class */
.carousel .container {
    position: relative;
    z-index: 9;
}

.carousel-control {
    height: 80px;
    margin-top: 0;
    font-size: 120px;
    text-shadow: 0 1px 1px rgba(0,0,0,.4);
    background-color: transparent;
    border: 0;
    z-index: 10;
}

.carousel .item {
    min-height: 550px;
}
.carousel img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 500px;
}

.carousel-caption {
    background-color: transparent;
    position: static;
    max-width: 80%;
    margin:0 auto;
    margin-top: 150px;
}

.carousel-caption2 {
    margin-top: 100px;
}

/*--------------FONTS-----------------*/
.font-red {
    color: #9C1526;
}

.font-blue {
    color: #042E9C;
}

.font-grey {
    color: #454547;
}

.font-green {
    color: #4cae4c;
}

.font-white {
    color: #ffffff;
}

.font-lightred {
    color: #D53767;
}

.font-yellow {
    color: #eff345;
}

.font-bold {
    font-weight: bold;
}

/*--------BACKGROUND COLORS------------*/
.back-color-blue {
    background: #45b7f6;
}

.back-color-grey {
    background: #f5f5f5;
}

/*------------MARGINS------------------*/
.top0 { margin-top:0px; }
.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top30 { margin-top:30px; }
.top100 { margin-top:100px; }

.bot0 { margin-bottom:0px; }
.bot5 { margin-bottom:5px; }
.bot7 { margin-bottom:7px; }
.bot10 { margin-bottom:10px; }
.bot15 { margin-bottom:15px; }
.bot17 { margin-bottom:17px; }
.bot30 { margin-bottom:30px; }
.bot100 { margin-bottom:100px; }

/*WELLS*/

.well-grey {
    background-color: lightgray;
    border: solid 1px gray;
}

/*-------------OTHER SHAPES------------*/
.shadow {
    -webkit-box-shadow: 0px 0px 30px 7px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 30px 7px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 30px 7px rgba(0,0,0,0.75);
}

.circle-small {
    width: 100px;
    height: 100px;
}

.circle-medium {
    width: 160px;
    height: 160px;
}

.col-fix {
    height: 260px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.bottomaligned {
    display: block;
    position: absolute;
    bottom: 30px;
    left: 0px;
    right: 0px;
}

.font1 {
    font-size: 1em;
}

.row-margins {
    margin-left: 0px;
    margin-right: 0px;
}

.input1 {
    border: solid 1px #2e6da4;
}

.navbar .login-btn {
    position: absolute;
    top: 20px;
    right: 15px;
    font-size: 1em;
}

.text-justify {
    text-align: justify;
}

button[disabled] {
    color: gray;
}

.cursor-pointer {cursor: pointer; cursor: hand;}

.table-nonfluid {
    width: auto !important;
}

.table-active, .table-active>td, .table-active>th {
    background-color: rgba(0,0,0,.045);
}

th.border-right,td.border-right {
    border-right: solid 2px rgba(69, 183, 246, 0.27);
}

th.border-left,td.border-left {
    border-left: solid 2px rgba(69, 183, 246, 0.27);
}

.wid100 {
    max-width: 100px;
}

.wid50 {
    max-width: 50px;
}

.white-space-normal {
    white-space: normal !important;
}

/*Tab control*/
.tab-content {
    background-color: #ffffff;
    border: solid 1px lightgray;
    border-radius: 5px;
    margin-bottom: 10px;
    min-height:400px;
    padding: 10px;
}

.nav-tabs {
    border-bottom: 0px;
    padding-left: 10px;
}

/*Fancy log in*/
#login-dp{
    min-width: 250px;
    padding: 14px 14px 0;
    overflow:hidden;
    background-color:rgba(255,255,255,.8);
}
#login-dp .help-block{
    font-size:12px
}
#login-dp .bottom{
    background-color:rgba(255,255,255,.8);
    border-top:1px solid #ddd;
    clear:both;
    padding:14px;
}
#login-dp .social-buttons{
    margin:12px 0
}
#login-dp .social-buttons a{
    width: 49%;
}
#login-dp .form-group {
    margin-bottom: 10px;
}
.btn-fb{
    color: #fff;
    background-color:#3b5998;
}
.btn-fb:hover{
    color: #fff;
    background-color:#496ebc
}
.btn-tw{
    color: #fff;
    background-color:#55acee;
}
.btn-tw:hover{
    color: #fff;
    background-color:#59b5fa;
}
@media(max-width:768px){
    #login-dp{
        background-color: inherit;
        color: #fff;
    }
    #login-dp .bottom{
        background-color: inherit;
        border-top:0 none;
    }
}

/*for input field 100% wide as parent*/
.input-block-level {
    display: block;
    width: 100%;
    min-height: 28px;       /*Make inputs at least the height of their button counterpart*/
.box-sizing(border-box);  /*Makes inputs behave like true block-level elements*/
}

/*input group addon width 20%*/
.input-group {
    width: 100%;
}

.input-group-addon-20pct{
    width: 20%;
    text-align: left;
}

.popover {
    max-width:100%;
}

/*Media Queries*/
@media (max-width: 480px) {
    .carousel-caption {
        margin-top: 50px;
        max-width: 90%;
    }

    .my-caption {
        font-size: 2em;
    }
}