﻿/*
nav .container-fluid,header .container-fluid{
    max-width:100% !important;
}*/
body {
    background-color: #fff !important;
}

header {
    background-color: #372b97 !important;
    padding-top: 7px !important;
}

    header * {
        color: #fff !important;
    }

nav {
    background-color: #fff !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: 0 2px 5px 0 #e2e2e2;
    margin-bottom: 0 !important;
}

    nav a {
        transition: ease-in-out 2s;
        -webkit-transition: ease-in-out 2s;
        -moz-transition: ease-in-out 2s;
        -o-transition: ease-in-out 2s;
    }

        nav a:hover {
            color: #222 !important;
            transition: ease-in-out 2s;
            -webkit-transition: ease-in-out 2s;
            -moz-transition: ease-in-out 2s;
            -o-transition: ease-in-out 2s;
        }

    nav ul li {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    nav .navbar-brand {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

.container-fluid {
    max-width: 1280px;
}

.jumbotron {
    background-color: #EEEEEE !important;
    background-attachment: scroll;
    background-image: url(../images/p.svg),url(../images/energy-source.svg);
    background-position: 18% 30%,109% 30%;
    background-repeat: no-repeat,no-repeat;
    background-size: 15%,15%;
}

*.jumbotron {
    margin-bottom: 0 !important;
}

.jumbotron h3, .jumbotron h2 {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.jumbotron h2 {
    margin-bottom: .5rem !important;
}

nav ul li:nth-last-child(2) {
    padding-right: 10px !important;
}

nav ul li:last-child {
    padding-left: 20px !important;
    padding-right: 20px !important;
    background: linear-gradient(-45deg,#EA9F3C,#FD6F53) !important;
}

    nav ul li:last-child a {
        color: #fff !important;
    }


footer {
    /*background-color: #EEEEEE !important;*/
    background: linear-gradient(-45deg,#EEEEEE,#f5f5f5) !important;
    padding: 2.5rem 0 !important;
}

    footer p {
        margin-bottom: 0 !important;
    }

    footer .list-inline {
        margin-bottom: 0 !important;
        float: right !important;
    }

        footer .list-inline * a {
            color: #222 !important;
        }

.platform-services-wrapper {
    background-color: #FBFBFB !important;
    padding: 2rem 0 !important;
}

    .platform-services-wrapper hgroup {
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

        .platform-services-wrapper hgroup h2 {
            margin-bottom: 1rem !important;
            padding-top: 0 !important;
            margin-top: 0 !important;
            padding-bottom: 1rem !important;
        }

.bg-white-wrapper {
    background-color: #fff !important;
    /*border: 1px solid #e1e1e1 !important;*/
    width: 100% !important;
    position: relative !important;
    text-align: center !important;
    padding: 2rem !important;
    box-shadow: 0 2px 5px 0 #e2e2e2;
}

.services-wrapper {
    padding: 5rem 0;
    background: url(../images/galaxy.svg),linear-gradient(-45deg,#4335AD,#251A72) !important;
    background-position: 109% 30% !important;
    background-repeat: no-repeat !important;
    background-size: 15%, cover !important;
}

    .services-wrapper h4 {
        text-align: center;
        margin-bottom: 2.5rem !important;
        font-size: 22px;
        color: #fff !important;
    }

.jumbotron .container-fluid {
    max-width: 768px;
}



.jumbotron h3 {
    color: #EA9F3C !important;
}

.jumbotron * hgroup {
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 1.5rem !important;
}

.jumbotron .btn-primary {
    background-color: #251A72 !important;
    transition: ease-in-out 2s;
    -webkit-transition: ease-in-out 2s;
    -moz-transition: ease-in-out 2s;
    -o-transition: ease-in-out 2s;
}

    .jumbotron .btn-primary:hover {
        background-color: #4335AD !important;
        transition: ease-in-out 2s;
        -webkit-transition: ease-in-out 2s;
        -moz-transition: ease-in-out 2s;
        -o-transition: ease-in-out 2s;
    }

.mb-0 {
    margin-bottom: 0 !important;
}

.row.equal-cols {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .row.equal-cols:before,
    .row.equal-cols:after {
        display: block;
    }

    .row.equal-cols > [class*='col-'] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .row.equal-cols > [class*='col-'] > * {
            -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        }



.fix-gutters {
    padding-left: 8px;
    padding-right: 8px;
}

    .fix-gutters > [class^="col-"],
    .fix-gutters > [class*=" col-"] {
        padding-right: 8px;
        padding-left: 8px;
    }

a, a:hover, a:visited, a:link, a:focus {
    text-decoration: none !important;
}

.caption-label {
    font-size: 16px;
    color: #fff !important;
    margin-top: .5rem !important;
}

.caption-name {
    margin-top: 1rem !important;
    color: #fff !important;
    font-size: 16px;
}

.our-services-wrapper {
    background: linear-gradient(-45deg,#4335AD,#251A72) !important;
    color: #fff !important;
    text-align: center !important;
    padding-bottom: 2rem !important;
}

.help-support-wrapper {
    margin: 2rem 0 !important;
}

    .help-support-wrapper h3 {
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 2rem !important;
    }

    .help-support-wrapper .bg-white-wrapper {
        border: 1px solid #e1e1e1;
    }

.sites-inline {
    margin-top: 1rem !important;
}



    .sites-inline li {
        padding: 1rem 2rem !important;
        background-color: #fff;
        margin-right: 1rem !important;
    }

        .sites-inline li:nth-child(1) {
            background: linear-gradient(#DD2F53,#E74A70);
            border-bottom: 3px solid #DD2F53;
            border-radius: 3px !important;
        }

        .sites-inline li:nth-child(2) {
            background: linear-gradient(#49BEEB,#51C5F4);
            border-bottom: 3px solid #49BEEB;
            border-radius: 3px !important;
        }

        .sites-inline li:nth-child(3) {
            background: linear-gradient(#EEC051,#F0C75E);
            border-bottom: 3px solid #ECBD4B;
            border-radius: 3px !important;
        }

        .sites-inline li:nth-child(4) {
            background: linear-gradient(#9C50A3,#A65DAD);
            border-bottom: 3px solid #9C50A3;
            border-radius: 3px !important;
        }

        .sites-inline li:nth-child(5) {
            background: linear-gradient(#DD2F53,#E74A70);
            border-bottom: 3px solid #DD2F53;
            border-radius: 3px !important;
        }

        .sites-inline li:nth-child(6) {
            background: linear-gradient(#49BEEB,#51C5F4);
            border-bottom: 3px solid #49BEEB;
            border-radius: 3px !important;
        }

        .sites-inline li:nth-child(7) {
            background: linear-gradient(#EEC051,#F0C75E);
            border-bottom: 3px solid #ECBD4B;
            border-radius: 3px !important;
        }

        .sites-inline li a {
            margin-bottom: 2rem !important;
            color: white !important;
        }

.dp-flex {
    display: flex;
}

.help-support-wrapper .info-wrapper {
    text-align: left !important;
}

.help-support-wrapper img {
    margin-right: 2rem !important;
}
