/** BOOSTRAP CUSTOMIZATION **/

/** tabs **/
.panel-default > .panel-heading {
    background: #408FC6;
}

    .panel-default > .panel-heading:hover {
        background: #fff;
    }

        .panel-default > .panel-heading:hover a {
            color: #408FC6;
        }

.panel-title > a {
    color: #fff;
}

    .panel-title > a:hover {
        text-decoration: none;
    }

body {
    color: #777;
    background: #fff;
}

blockquote small {
    color: inherit;
}

h1, h2, h3, h4, h5, h6, .h1 {
    color: #222;
    font-family: 'Open Sans', sans-serif;
}

h2 {
    color: #888;
}

    h2 i {
        color: #999;
    }

    h2.subTitle:after, h1.noSubtitle:after {
        background-color: #408FC6;
    }

.white {
    color: #eee;
    font-size: 30px;
    font-weight: 400;
    -webkit-text-shadow: 2px 2px 3px rgb(33, 33, 33);
    -moz-text-shadow: 2px 2px 3px rgb(33, 33, 33);
    text-shadow: 2px 2px 3px rgb(33, 33, 33);
}

.bluetxt {
    color: #408FC6;
    font-weight: bold;
}

.spacer {
    padding-left: 27px;
}

.footer_link {
    list-style: circle;
    font-size: 1.1em;
    padding: 10px;
    line-height: 28px;
}

.spacer_top {
    padding-top: 10px;
}

@media (max-width: 700px) {
    .white {
        font-size: 20px;
        font-weight: 300;
    }
}

@media only screen and (max-device-width: 480px) {
    .white {
        font-size: 24px;
        font-weight: 400;
    }
}


/*** parallax sections ***/

.paralaxText blockquote:before, .paralaxText blockquote:after {
    color: #fff;
}

#home, #paralaxSlice1, #paralaxSlice2, #paralaxSlice3, #paralaxSlice4 {
    background-color: #408FC6;
}

#home {
    background-image: url('../images/theme-pics/paralax-blue-3.jpg');
}

#paralaxSlice1 {
    background-image: url('../images/theme-pics/paralax-1.jpg');
}

#paralaxSlice2 {
    background-image: url('../images/theme-pics/paralax-grey-2.jpg');
}

#paralaxSlice3 {
    background-image: url('../images/theme-pics/paralax-3.jpg');
}

#paralaxSlice4 {
    background-image: url('../images/theme-pics/paralax-4.jpg');
}

#paralaxSlice5 {
    background-image: url('../images/theme-pics/paralax-5.jpg');
}

.paralaxText blockquote, .paralaxText h1, .paralaxText h2, .paralaxText h3, .paralaxText p, .paralaxText i {
    color: #fff;
}

.paralaxText .h1 {
    font-size: 44px;
    line-height: 44px;
    font-weight: 300;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 0.1em;
    margin-bottom: 17px;
}

.shadow {
    -webkit-text-shadow: 2px 2px 2px rgba(23, 23, 23, .6);
    -moz-text-shadow: 2px 2px 2px rgba(23, 23, 23, .6);
    text-shadow: 2px 2px 2px rgba(23, 23, 23, .6);
}

/* END TYPOGRAPHY
================================================== */

/* LINKS AND BUTTONS
================================================== */

a {
    color: #408FC6;
}

    a:hover, .scrollspyNav .active a {
        color: #408FC6;
    }

ul.iconsList li a {
    color: #555;
}

    ul.iconsList li a:hover, ul.iconsList i {
        color: #408FC6;
    }

/*** buttons ***/
.btn {
    background: #408FC6;
    color: #fff;
    border: 2px solid #fff;
}

    .btn:hover {
        color: #408FC6;
        border-color: #eee;
        background: #fff;
    }

.btn-primary {
    background: #006dcc;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
        background: #555;
    }

.btn-info {
    background: #49AFCD;
}

.btn-success {
    background: #5BB75B;
}

.btn-warning {
    background: #FAA732;
}

.btn-danger {
    background: #DA4F49;
}

.btn-link, .btn-link:active, .btn-link[disabled], .btn-link:hover {
    background: none;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #49AFCD;
}

.btnWrapper {
    border: 1px solid #ccc;
}

/* END LINKS AND BUTTONS
================================================== */

/* MAIN MENU 
================================================== */

#mainHeader {
    background-color: white;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

    #mainHeader .navbar-inner {
        background: #444;
        filter: none !important;
    }

#mainMenu ul li a, #resMainMenu ul li a {
    color: #444;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: #408FC6;
    color: #fff;
}

/* END MAIN MENU 
================================================== */

/* FOOTER 
================================================== */

footer {
    color: #777;
    background: #eee;
    border-top: 1px solid #555;
}

#footerRights {
    background-color: #fff;
    color: #999;
}

p.credits {
    color: #555;
}

    p.credits a {
        color: #408FC6;
    }

/* END FOOTER 
================================================== */

/* HOME
================================================== */

#home h1 {
    color: #FFFFFF;
}

/* END HOME
================================================== */

/* SLIDERS
================================================== */

/*** FLEX ***/

.flexslider {
    box-shadow: none;
}

.slides .txt div {
    background: #444;
    color: #FFFFFF;
}

.flexslider .flex-direction-nav a {
    background-color: #408FC6;
}

.flexslider .flex-control-paging li a:hover, #sliderWrapper .flex-control-paging li a.flex-active {
    background: #fff;
    border: 2px solid #fff;
}

.flexslider .flex-control-paging li a {
    background: transparent;
    border: 2px solid rgba(255,255,255,0.5);
}

.flexslider .flex-control-nav {
    background: transparent;
}

.flexslider h1 {
    color: #fff;
    background-color: #408FC6;
}

.flexslider h2 {
    color: #fff;
    background-color: #333;
}

.flexslider .caption p {
    background-color: #fff;
    color: #555;
}

/*** flexHome ***/
#flexHome h1 {
    color: #fff;
    background: none;
}

#flexHome h2 {
    color: #fff;
    background: none;
}

/*** END FLEX SLIDER ***/

/* END SLIDERS
================================================== */

/* PORTFOLIO
================================================== */

nav#filter a {
    background-color: #EEE;
    color: #555;
}

    nav#filter a:hover, nav#filter a.current {
        background-color: #408FC6;
        color: #fff;
    }

li.filterTitle {
    color: #4F6266;
}

section#projectDescription {
    background-color: #F8F8F8;
}

.mask {
    background-color: #408FC6;
}
/* END PORTFOLIO
================================================== */

/* MISCELANIOUS
================================================== */
/*** hover images ***/
.iconLinks a span {
    color: #fff;
}

/*** pricing table ***/
.pricingBloc {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

    .pricingBloc ul li {
        border-bottom: 1px solid #ddd;
        color: #444 !important;
    }

        .pricingBloc ul li:last-child {
            border-bottom: none;
        }

    .pricingBloc h2 {
        background-color: #555;
        color: #888 !important;
        border: none;
    }

    .pricingBloc h3 {
        background-color: #777;
        color: #fff !important;
    }

    .pricingBloc p {
        background-color: #eee;
        color: #444 !important;
    }

    .pricingBloc.focusPlan {
        margin-top: 0;
        border-color: #D1D1D1;
    }

        .pricingBloc.focusPlan h2 {
            background-color: #333;
            color: #fff !important;
        }

        .pricingBloc.focusPlan h3 {
            background-color: #408FC6;
            padding: 1.25em;
            color: #fff !important;
        }

/*** Form ***/
.form-control:focus {
    border: none;
    background-color: #ddd;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.form-control {
    color: #444;
    background-color: #ededed;
    border: none;
}

.error {
    color: #B94A48;
    background-color: #F2DEDE;
    border-color: #EED3D7;
}

label.error {
    color: #fff;
    background-color: #B94A48;
    border: none;
}

#projectQuote, #projectQuote h3 {
    background: #ddd;
    color: #444;
}

/* END MISCELANIOUS
================================================== */

/* CSS FRAMEWORK
================================================== */

/*** Feature box **/

.boxFeature i {
    color: #408FC6;
}

/*** slices ***/
.slice {
    background-color: #fff;
}

/*** call to action ***/
.ctaBox {
    border: 2px solid rgba(0,0,0,0.05);
}

.ctaBoxFullwidth {
    border: none;
}

.ctaBox blockquote {
    color: #fff;
}

.ctaBox h1, .ctaBoxDefinition {
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 0;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    padding: 0;
    border: none;
    text-align: left;
    letter-spacing: normal;
    text-transform: none;
    padding-right: 10px;
}

/*color1*/
.color1, .slice.color1, .bulle.color1, .ctaBox.color1 {
    background-color: #F8F8F8;
    color: #444;
}

    .color1 h1, .color1 h2, .color1 h3, .color1 h4, .color1 blockquote, .color1 a {
        color: #444;
    }

        .color1 a.btn {
            color: #fff;
        }

            .color1 a.btn:hover {
                color: #408FC6;
            }

/*color2*/
.color2, .slice.color2, .bulle.color2, .ctaBox.color2 {
    background-color: #ededed;
    color: #525252;
}

    .color2 h1, .color2 h2, .color2 h3, .color2 h4, .color2 blockquote, .color2 a {
        color: #444;
    }

        .color2 a.btn {
            color: #fff;
        }

            .color2 a.btn:hover {
                color: #408FC6;
            }


/*color4*/
.color4, .slice.color4, .bulle.color4, .ctaBox.color4 {
    background-color: #408FC6;
    color: #fff;
}

    .color4 h1, .color4 h2, .color4 h3, .color4 h4, .color4 blockquote, .color4 a {
        /*color: #fff;*/
        color: #252525;
    }

        .color4 h2.subTitle:after, .color4 h1.noSubtitle:after {
            background: #fff;
        }

            .footerWidget h3, .footerWidget span, .footerWidget a {
                color: #fff;
            }

/*** icons ***/
.iconRounded {
    border: 2px solid #408FC6;
    color: #408FC6;
    background-color: #fff;
}

    .iconRounded:hover, .color1 .iconRounded:hover {
        background-color: #408FC6;
        color: #fff;
    }

.color1 .iconRounded {
    color: #408FC6;
}

.color4 .iconRounded {
    background-color: #FFF;
    color: #408FC6;
}

.d-none {
    display: none;
}

.d-flex {
    display: flex;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-flex {
        display: flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-flex {
        display: flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-flex {
        display: flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-flex {
        display: flex !important;
    }
}

.w-25 {
    width: 25%;
}

.w-50 {
    width: 50%;
}

.w-75 {
    width: 75%;
}

.w-100 {
    width: 100%;
}

@media (min-width: 576px) {
    .w-sm-25 {
        width: 25% !important;
    }

    .w-sm-30 {
        width: 30% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-100 {
        width: 100% !important;
    }
}

@media (min-width: 768px) {
    .w-md-25 {
        width: 25% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-90 {
        width: 90% !important;
    }

    .w-md-100 {
        width: 100% !important;
    }
}

@media (min-width: 992px) {
    .w-lg-25 {
        width: 25% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-100 {
        width: 100% !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-25 {
        width: 25% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-100 {
        width: 100% !important;
    }
}

.text-red {
    color: #de4437;
}

.text-green {
    color: green;
}

.text-success {
    color: #00c9a7 !important
}

.border-top {
    border-top: 1px solid #e4e4e4 !important;
}

.border-right {
    border-right: 1px solid #e4e4e4 !important;
}

.border-bottom {
    border-bottom: 1px solid #e4e4e4 !important;
}

.border-left {
    border-left: 1px solid #e4e4e4 !important;
}

.p-3 {
    padding: 1rem !important;
}

.comparison-price {
    position: relative;
    margin-bottom: 3rem;
}
    .comparison-price--price {
        text-align: center;
        font-size: 48px;
        /*font-size: 1rem;*/
        color: #de4437;
        line-height: 1;
        margin-top: 1rem;
    }
    .comparison-price--per-month {
        text-align: center;
        color: #acacac;
        font-size: 14px;
        /*font-size: .875rem;*/
        text-transform: uppercase;
    }

.merchant-name {
    color: #252525;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700 !important;
    text-align: left;
    padding-top: 10px;
    padding-left: 5px;
}

.table-header {
    background-color: #252525;
    color: #f8f8f8;
}

.comparison-table-header {
    font-size: 16px;
}

.comparison-table-subtext {
    color: #77838f !important;
    font-size: 80%;
    font-weight: 400;
}

.comparison-list {
    list-style-type: none;
    font-size: 14px;
    text-align: left;
}

    .comparison-list li {
        padding-bottom: .4rem;
    }

.table-content {
    background-color: #F8F8F8;
    color: #444;
}