/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

#copyrights {
    background-color: rgb(221, 221, 221);
    font-size: 13px;
    line-height: 1.8;
    padding: 10px 0px;
}

#top-bar {   
   /* background-color: #004072;*/
    background-color: #000!important;
}
.black-bar {   
     background-color: #000!important;
 }

#top-social li a {    
    color: #e9e9e9;    
}

#footer.dark, .dark #footer {
    background-color: #004072;
    color: #CCC;
    border-top-color: rgba(0,0,0,0.2);
}
.dark a {
    color: rgb(211, 215, 228);
}
.mb--1{
    margin-bottom: 1px !important;
}
.mt--1{
    margin-top: 1px !important;
}
.heading-block:after {
    border-top: 2px solid #004072;
}
.section-blue {
    background-color: #004072!important;   
}

.twitter{
    color: #00ACEE !important;
}

.section-blue .feature-box p {
    color: #fff;
}

.section-blue .feature-box h3 {
    color: #fff;
}
.bg-blue{
    background-color: #004072!important;   
}

.dark .button-light:not(.button-border):hover {
    background-color: #00ACEE;
}
.dark .input-group-text, .dark .input-group-btn .btn-default {
    color: #d8d8d8;
}
.dark .form-control:not(.not-dark), .dark .sm-form-control:not(.not-dark) {
    color: #fff!important;
}
.pb-20 {
    padding-bottom: 20px!important;
}

.clients-grid li a{
	opacity: 0.2!important;
}
.clients-grid li a:hover {
    opacity: 1!important;
}

.slider-caption:not(.dark), .slider-caption:not(.dark) h2 {
	color: #004072!important;
}
.slider-caption h2 {
	color: #004072!important;
}
.slider-caption p {
	color: #004072!important;
}
.title-serv {
    font-size: 14px!important;
}
.font-20{
    font-size: 20px!important;
}
.button.button-border:not(.button-fill):hover {
    background-color: #004072!important;
    color: #fff!important;
}
.button.button-border {
    border: 2px solid #004072!important;
    color: #004072!important;
}
#footer .footer-widgets-wrap {
    padding: 60px 0!important;
}

.slider-caption h1 {
    font-size: 3.5rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
    color: #004072!important;
}
.fonth1{
    font-size: 3.5rem!important;
}

.font-spam{
    font-size: 1.5rem!important;
}

.tituloh1{   
    padding: 0;
    margin: 0;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 1px;
    color: #333;
    font-size: 28px!important;
    text-transform: uppercase;
}

.tituloh2{
    font-size: 30px!important;
}

.tituloh3{
    font-size: 26px!important;
}

.tituloh4{
    font-size: 20px!important;
}

.spamh1{
    display: block;
    margin-top: 10px;
    font-weight: 300!important;
    color: #777!important;
    font-size: 19px!important;
    text-transform: none!important;
    letter-spacing:normal!important;
}

.spamh3{
    display: block;
    margin-top: 10px;
    font-weight: 300!important;
    color: #777!important;
    font-size: 20px!important;
    text-transform: none!important;
    letter-spacing:normal!important;
}


@media (max-width: 991px){

    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a {
        color: #004072 !important;
    }
}

@media (max-width: 575.98px){

    .swiper_wrapper .slider-caption h1 {
        font-size: 1.75rem;
    }
    .fonth1{
        font-size: 1.75rem!important;
    }
}

@media (max-width: 767.98px){
    .tituloh1 {
        line-height: 1.5;
        font-size: 24px;
    }

    .tituloh3 {
        font-size: 22px;
    }
    .spamh1{        
        font-size: 17px!important;
        text-transform: none!important;
        letter-spacing:normal!important;
    }
    
}
