.bg-dark-light {
    background: #004458 !important;
}
.bg-theme, .bg-dark, .bg-dark-light, .bg-secondary {
    color: #ffffff;
}
.widgets.footer-widgets .widget-title {
    color: #ffffff;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    margin-bottom: 30px;
    letter-spacing: 0.5px;
    position: relative;
    padding-bottom: 15px;
}

.widgets.footer-widgets .widget-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100px;
    background: #13bfb1;
}
.widgets.footer-widgets .widget-quick-links ul {
    margin-top: -4px;
}
.widgets.footer-widgets .single-widget ul {
    padding-left: 0;
    margin-bottom: 0;
}

.widgets.footer-widgets .widget-quick-links ul li {
    display: block;
}
.widgets.footer-widgets .widget-quick-links ul li a {
    display: block;
    font-size: 13px;
    color: #ffffff;
    border-bottom: 2px solid rgba(250, 250, 250, 0.7);
    padding: 5px 0;
}

.widgets.footer-widgets .single-widget ul li {
    list-style: none;
    font-family: "Raleway", sans-serif;
}
.widgets.footer-widgets .widget-contact ul li {
    color: #000;
    font-size: 13px;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.widgets.footer-widgets .widget-contact ul li span {
    font-size: 13px;
    color: #ffffff;
    border: 2px solid #cccccc;
    border-radius: 3px;
    height: 32px;
    width: 32px;
    display: inline-block;
    line-height: 28px;
    text-align: center;
    margin-right: 20px;
}
.widgets.footer-widgets .widget-contact ul li.phone, .widgets.footer-widgets .widget-contact ul li.fax {
    font-size: 15px;
}

.widgets.footer-widgets .widget-contact ul li + li {
    margin-top: 20px;
}


.nav-change {
    /* background:red; */
}
.nav-change-img {
    width: auto;
    height: 45px !important;
}
.dropdown:hover > .dropdown-menu {
    display: block;
}
.dropdown > .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}


.dropdown-menu {
    font-family: 'Oswald';
    position: absolute;
    
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	padding: .5rem 0;
	margin: 0 0 0;
	font-size: 1rem;
	color: #f8f9fa;
	text-align: left;
	list-style: none;
	background-color: rgba(151,197,213,1);
	background-clip: padding-box;
	border: 0px solid rgba(0, 0, 0, .15);
    border-radius: 0rem;
    border-top: .125rem solid transparent;
}

.dropdown-item {
    letter-spacing: 1px;
    font-size: 18px;
	display: block;
	width: 100%;
	padding: .25rem 1.5rem;
	clear: both;
	font-weight: 400;
	color: #fff;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
	color: #16181b;
	text-decoration: none;
	background-color: #f8f9fa
}

.dropdown-item.active,
.dropdown-item:active {
	color: black;
	text-decoration: none;
	background-color: #f8f9fa;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
	color: #6c757d;
	pointer-events: none;
	background-color: transparent
}

.navbar-nav .nav-item{
    background: rgba(27,67,83, 0.3);
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{
    color: rgba(255, 255, 255, 1);
}


.container-fluid{
    background-repeat: no-repeat;
    background-size: 100%;
}


.principal-container {
    min-height: 93vh;
}

.map-box {
    max-width: 100%;
    margin-top: 35px;
    color: #fff;
    font-family: 'DINPro';
    letter-spacing: 1px;
    background: rgb(0, 0, 0, 0.6);    
}


.title-box {
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: rgba(0,87,110,0.69);
    color: #fff;
    font-family: 'DINPro';
}

.title-box h1{
    font-family: 'DINPro-bold';
    text-align: center;
}

.title-box h2{
    padding: 10px 0 0 0;
    font-family: 'DINPro-bold';
    text-align: center;
}

.text-box {
    line-height: 36px;
    font-size: 1.2rem;
    padding: 10px 20px;
    overflow-y: auto;
    height: 400px;
    margin-top: 20px;
    /* background: linear-gradient(180deg, rgb(76, 161, 175, 0.7)  0%, rgb(196, 224, 229, 0.2) 100%);  */
    background:  rgba(0,87,110,0.69);
    color: #fff;
    font-family: 'DINPro';
    letter-spacing: 1px;
}

.text-box-contact {
    line-height: 36px;
    font-size: 1.2rem;
    padding: 10px 20px;
    height: 400px;
    margin-top: 20px;
    /* background: linear-gradient(180deg, rgb(76, 161, 175, 0.7)  0%, rgb(196, 224, 229, 0.2) 100%);  */
    background:  rgba(0,87,110,0.69);
    color: #fff;
    font-family: 'DINPro';
    letter-spacing: 1px;
}
.button-box {
    padding: 0px;
    margin-bottom: 20px;
    /* background-color: red; */
    color: #fff;
    font-family: 'DINPro';
}

.text-info {

    height: auto;
}

.text-box a li{
    margin-bottom: 5px;
    font-size: 16px;
    text-decoration: none;
    color: #FFF;
}

.text-box a:hover{
    text-decoration: none;
    color:#9f9f9f;
}

@media (max-width: 380px) {
    .title-box h2{
    font-family: 'DINPro-bold';
    text-align: center;
    font-size: 1.7rem;
    margin-top: 5px;
    margin-bottom: 5px;
    }
    .title-box nav {
        padding-left: 10px;
        padding-right: 10px;
    }
    .text-box ul,p{
        padding-left: 10px;
        padding-right: 10px;
    }

}


@media (max-width: 500px) {
    .title-box h1{
    font-family: 'DINPro-bold';
    text-align: center;
    font-size: 1.9rem;
    margin-top: 5px;
    margin-bottom: 5px;
    }
    .text-box {
    margin-top: 5px;
    font-size: 16px;
    }
    .btn-custom {
    font-size: 16px;
    }
}
@media (max-width: 360px) {
    .title-box h1{
    font-family: 'DINPro-bold';
    text-align: center;
    font-size: 1.7rem;
    margin-top: 5px;
    margin-bottom: 5px;
    }
    .text-box {
    margin-top: 5px;
    font-size: 16px;
    }
}

@media (max-width: 767px) {
    #map-hidden {
        visibility: hidden !important;
    }
    .my-slider .carousel-indicators{
        display:none;
    }
    .title-box h1{
        font-family: 'DINPro-bold';
        text-align: center;
    }
    .col-lg-6{
        padding-right: 0;   
    }
    .col-md-6{
        padding-right: 0;   
    }
    .col-sm-6{
        padding-right: 0;   
    }
 
    .container-fluid{
        overflow: auto;
        margin: 0px!important;
    }
    .text-box {
        margin-top: 20px;
    }

}

.breadcrumb {
    padding: 0;
    background-color: unset;
    margin-bottom: 0;
}
.breadcrumb a{
    color: #fff;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    color: #fff;
}


/* scrollbar width */
.text-box::-webkit-scrollbar {
width: 5px;
}

/* scrollbar track */
.text-box::-webkit-scrollbar-track {
background: #eee;
}

/* scrollbar handle */
.text-box::-webkit-scrollbar-thumb {
border-radius: 1rem;
background-color: #00d2ff;
background-image: linear-gradient(to top, rgba(0,69,89,1) 0%,rgba(122,202,213,1) 100%);
}

img[usemap] {
    border: none;
	height: auto;
    max-width: 100%;
	width: auto;
} 
img.map, map area{
    outline: none;
}

.my-slider .carousel-indicators {
    height: 10px;
    top: 30px;
    justify-content:flex-center;
    margin:0;
    padding-left:15px;
    padding-right:15px;
    }

    .carousel-indicators li {
    height: 4px;
    }

    .carousel-indicators li:not(:last-child) {
    margin-right: 20px;
    }
    .carousel-control-next, .carousel-control-prev {
        width: 4%;
    }
    .carousel-control-next, .carousel-control-next {
        width: 4%;
    }


    .active-nav {
        background: rgba(151,197,213,1) !important;
    }

    .active-nav-item {
        background: #fff !important;
        color: black !important;
    }
    #contact-box {
        overflow: hidden !important;
    }
    .contact-box{
        padding: 10px;
    }

    .contact-box .contact-title{
        font-family: 'DINPro-bold';
        margin-top: 10px;
        text-align: center;
    }
    .contact-title h1{
        font-family: 'DINPro-bold';
        margin-top: 0px;
        text-align: center;
    }

    .contact-box .contact-text{
        text-align: justify;
        margin-top: 20px;
    }

    .contact-box .contact-text p{
        line-height:36px;
    }

    .contact-box ul{
        list-style: none;
    }

    @media (min-width: 900px) {
        .contact-box ul{
            -webkit-columns: 2;
            -moz-columns: 2;
            columns: 2;
            list-style-position: inside;
        }

    }

    .form-check-input{
        margin-top: 0.7rem;
    }

    .terms {
        font-size: 18px;
    }

    .document-box{
        padding: 10px;
    }

    .document-box .document-title{
        font-family: 'DINPro-bold';
        margin-top: 10px;
        margin-bottom: 20px;
        text-align: left;
    }
    .document-title h1{
        font-family: 'DINPro-bold';
        margin-top: 0px;
    }

    .document-box .document-text{
        text-align: justify;
        margin-top: 20px;
    }

    .document-box .document-text p{
        line-height:36px;
    }

    .document-box ul{
        list-style: none;
    }

    .document-info a{
        color: #fff;
    }

    @media (min-width: 1140px){
        .nav-tabs .nav-item a{
            padding: .5rem .4rem!important;
        }
    }
    @media (min-width: 400px){
        .col-contact {
            padding: 10px;
        }
    }

    @media (max-width: 575px){
        #mySidenav {
            display:none;
        }
    }
    
    @media (max-width: 400px){

        .terms {
            font-size: 12px;
        }
        .nav-tabs .nav-item a{
            line-height: 20px !important;
            font-size: 14px;
        }

        .nav-link {
            line-height: 20px;
            font-size: 14px
        }
        .text-box ul, p{
            padding: 0px !important;
        }

        .ft-main a:hover{
            text-decoration: none;
            color: #2781c2;
        }

        .document-box{
            padding: 0px;
        }
    
        .document-box .document-title{
            font-family: 'DINPro-bold';
            margin-top: 10px;
            margin-bottom: 20px;
            text-align: left;
        }
        .document-title h1{
            font-family: 'DINPro-bold';
            margin-top: 0px;
        }
    
        .document-box .document-text{
            text-align: justify;
            margin-top: 20px;
        }
    
        .document-box .document-text p{
            line-height:36px;
        }
    
        .document-box ul{
            list-style: none;
        }

        .contact-title h1 {
            font-size: 1.7rem !important;
        }
    }

    .h-90 {
        height: 94%!important;
    }



         
    #mySidenav a {
        position: absolute;
        right: -96px;
        transition: 0.3s;
        padding: 10px;
        width: 150px;
        text-decoration: none;
        font-size: 20px;
        color: white;
        border-radius: 5px 0px 0px 5px;
        z-index: 9999;
    }
    
    #mySidenav a:hover {
        right: 0;
    }
    
    #lupa {
        top: 20px;
        background: rgba(0,87,110,0.69);
    }


    #contacts-accordion {
        display: none;
    }

    @media (max-width: 991px){
        .ft-main2 {
            font-size: 10px;
        }
        .terms {
            font-size: 13px;
        }

        .interest-point {
            margin-top: 15px;
        }
        .principal-container-document {
            margin-top: 15px;
            height: 1400px !important;
        }
        .title-box {
            padding: 5px;
            margin-top: 15px;
            margin-bottom: 5px;

        }
        .testescol {
            margin-top:20px;
            margin-bottom: 50px;
        }
        .container-fluid{
            overflow: initial;
            margin: 0px!important;
        }
        .text-box {
            margin-top: 20px;
        }
        .principal-container {
            min-height: 100%;
        }
        #contacts {
            display:none ;
        }

        #accordion-contacts {
        display: initial ;
        }

        #contacts-accordion {
            display: initial;
        }

        #contacts-accordion2 {
            display: none;
        }

        #form-contacts-acordion{
            overflow-y: initial;
            height: auto !important;
        }

        .card {
            background-color: rgba(0,87,110,0.5);
            color: #FFF;
            border-radius: 0;
        }
        
        .card-header {
            background-color: rgba(0,87,110,0.7);
            border: none;
            color: #FFF;
        }

        .card-header .mb-0 .btn-link {
            color: #FFF;
        }

        .card-header:first-child{
            border-radius: 0;
        }

    }

    .accordion-contacts {
        display:none;
    }

    .testescol {
        margin-top:50px;
        margin-bottom: 50px;
    }