/* Add here all your CSS customizations */
.three-img {
    display: flex;
    justify-content: space-between;
}

.three-img img {
    max-width: 33%;
}

@media (max-width: 1100px) {
 .three-img{
    flex-direction: column;
 }
 .three-img img {
    margin-bottom:20px;
}
}

.lead {
    color: #555;
}

.n-b td {
    padding-top: 40px;
    font-weight: bold;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1410px !important;
    }
}

#header .header-container {
    max-width: 100% !important;
}

@media (min-width: 1400px) {
    html.boxed .body {
        max-width: 1600px;
    }
    body {
        margin-left: 100px;
        margin-right: 100px;
    }

    html.boxed.sticky-header-active #header .header-body  {
        max-width: 1600px;
    }
}

.nav-link {
    color: #555 !important;
}

nav > ul > li > a.active {
    color: #fff !important;
    background: #555 !important;
}

html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a {
    background: #555 !important;
    color: #fff !important;
}
html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu {
    background: #555 !important;
    color: #fff !important;
}


html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary.open > a:before, html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a:before {
    border-bottom-color: #555 !important;
    background: #555 !important;
}
html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li a {
    border-bottom-color: #999 !important;
}

html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li:hover > a {
    background: #333 !important;
}

#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {
    background: #555 !important;
    color: #fff !important;
}

.dropdown-item {
    color: #fff !important;
}

#header .header-btn-collapse-nav {
    background: #555 !important;
}

.btn-primary {
    background: #555 !important;
    border-color: #555 !important;
}

.btn-primary:hover {
    background: #333 !important;
    border-color: #333 !important;
}

html .divider.divider-primary.divider-small hr {
    background: #777 !important;
}

html .list-primary.list-icons li > [class*="fa-"]:first-child, html .list-primary.list-icons li a:first-child > [class*="fa-"]:first-child, html .list-primary.list-icons li > .icons:first-child, html .list-primary.list-icons li a:first-child > .icons:first-child {
    color: #555;
    border-color: #555;
}

html section.section-primary {
    background-color: #888 !important;
    border-color: #888 !important;
    color: #fff !important;
}
a {
    color: #555 ;
}
html .text-color-primary, html .text-primary {
    color: #555 !important;
}

html body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover, html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link, html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:hover, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:hover, html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:focus, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:focus {
    border-left-color: #555;
}

html .bg-color-primary, html .bg-primary {
    background-color: #555 !important;
}

.list.list-icons li > [class*="fa-"]:first-child, .list.list-icons li a:first-child > [class*="fa-"]:first-child, .list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > .icons:first-child {
    color: #555;
    border-color: #555;
}