/* body */
body {
    font-family: 'Exo', sans-serif;
}

.btn-primary {
    border: none;
    border-radius: 0px;
    font-weight: 600;
    background-color: #1761f5;
}

.btn-primary:hover {
    background-color: #0d1015;
}

/* header */
header {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* navbar */
.bg-light {
    background-color: white!important;
}

.navbar {
    padding: 0px;
}

.navbar-light .navbar-nav .nav-link:hover{
    color: #1761f5;
}

.navbar-light .navbar-nav .active > .nav-link {
    color: #1761f5;
}

.navbar-light .navbar-toggler {
    border: none;
}

.navbar-toggler {
    padding: 0;
}    

.navbar-toggler i {
    color: #1c1c1c;
    font-size: 1.5em;
    border: none;
}

.navbar-toggler i:hover {
    color: #1761f5;
}

.banner {
    text-align: center;
}

.banner-img {
    text-align: center;
    padding-bottom: 30px;
}

/* content */
.content {
    padding-top: 60px;
    padding-bottom: 60px;
}

.content ul {
    list-style: none;
    padding-left: 0px;
}

.changer img:last-child{
    display:none;
}
.changer:hover img:first-child{
    display:none;
}
.changer:hover img:last-child{
    display:inline-block;
}

.interest {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #0d1015;
    color: white;
}

.interest .col-lg-6 {
    margin-top: 20px;
}

/* services */
.services {
    background-color: #f2f2f2;
    padding-top: 80px;
    padding-bottom: 80px;
}

.services h2{
    font-weight: 600;
}

.services .col-lg-4 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.card {
    border: none;
    border-radius: 0px;
}

.services .width {
    display: none;
}

/* quote */
.quote {
    background-color: #1761f5;
    padding-top: 30px;
    padding-bottom: 20px;
    color: white;
}

.quote h2 {
    font-weight: 800;
}

.quote .col-lg-5 {
    text-align: right;
    padding-top: 5px;
}

.quote .btn-primary {
    background-color: #618ee8;
    border: none;
    border-radius: 0px;
    font-weight: 900;
    font-size: 2em;
}

.quote .btn-primary:hover {
    background-color: #0d1015;
}

/* packages */
.packages {
    padding-top: 40px;
    padding-bottom: 40px;
}

.packages .text {
    text-decoration: line-through;
    color: red;
}

.packages .color {
    color: #1761f5;
}

/* contact */
.contact {
    background-color: #f2f2f2;
    padding-top: 30px;
    padding-bottom: 30px;
}

.embed-responsive {
    width: 100%;
    height: 300px;
}

#form {
    padding-top: 60px;
    padding-bottom: 60px;
}

.links {
    padding-top: 40px;
    padding-bottom: 40px;
}

/* footer */
.footer {
    background-color: #0d1015;
    padding-top: 70px;
    padding-bottom: 70px;
}

.footer .col-lg-5, .col-lg-4, .col-lg-3 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.footer h3 {
    color: white;
    font-weight: 600;
}

.footer p {
    color: #b7b7b7;
}

.footer a {
    color: #b7b7b7;
}

.footer a.active {
    color: #1761f5;
    text-decoration: none;
}

.footer a:hover {
    color: #1761f5;
    text-decoration: none;
}

.copyright {
    background-color: #000000;
    padding-top: 20px;
    padding-bottom: 20px;
    color: white;
}

.copyright a {
    color: white;
}

.copyright a:hover {
    color: #1761f5;
    text-decoration: none;
}

.copyright .col-lg-5 {
    text-align: right;
}




/* media querry @990px; */
@media (max-width: 990px) {
    .services .width {
        display: block;
    }
    .services .catch {
        display: none;
    }
}

/* media querry @766px; */
@media (max-width: 767px) {
    .quote .col-lg-5 {
        text-align: left;    
    }
    
    .copyright .col-lg-5 {
        text-align: center;
    }
    
    .copyright .col-lg-7 {
        text-align: center;
    }
    
    .services .width {
        display: none;
    }
    .services .catch {
        display: block;
    }
}

/* media querry @540px; */
@media (max-width: 540px) {
    .navbar-brand {
        width: 75%;
    }
}