html {
  scroll-behavior: smooth;
}

body{
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;    
    color: #1a3666;
}


img{
    max-width: 100%;
}

a{
    color: inherit;
    cursor: pointer;
}

a:hover{
    color: inherit;

}

.container{
    max-width: 1300px;
}

.blue{
color: #0089f2;
}
h1{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 32px;    
    color: #004f9e;
}

h2{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 21px;    
    color: #004f9e;
    margin-top: 5px;
}

hr{
    
    border: 2px solid #0089f2;
    margin: 30px 0 20px;
}

hr.grey{
    
    border: 1px solid #e6e6e6;
    margin: 30px 0 20px;
}

input.form-control, label.form-control, select.form-control{
    border: 0;
    background-color: #f2f2f2;
}

textarea.form-control{
    border: 0;
    background-color: #f2f2f2;
    resize: none;
    height: 250px;
}

small.date{
    font-family: 'Nunito Sans', sans-serif;
    font-weight: normal;
    font-size: 15px;    
    color: #0089f2;
}


.post .date{
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    font-size: 15px;    
    color: #0089f2;
}

.post .author{
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    font-size: 13px ;    
    color: #0089f2;
}

footer{
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400 ;
    font-size: 13px;    
    color: #1a3666;
    background-color: #e6e6e6;
    padding: 40px 0;
    margin-top: 175px;
}

footer a.social{
    
    font-size: 18px;
    margin: 12px 0 22px 10px;
    
}

footer a.social:hover{
    
    color: #0089f2;
    
}


.contacts a.social{
    
    font-size: 18px;
    margin: 12px 10px 22px 0px;
    
}

.contacts a.social:hover{
    
    color: #0089f2;
    
}





footer .logo{
    
    font-size: 18px;
    margin: 0 auto;;
    
}




.button{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 15px ;    
    color: #ffffff;
    background-color: #0089f2;
    border: 0;
    padding: 10px 20px;
    width: 200px;
    
}

.button:hover{
    
    background-color: #004f9e;
    
}

.button-grey{
    
    color: #084873;
    background-color: #e6e6e6;
    
    width: 100%;
    
}

.button-grey:hover{
    background-color: #d6d6d6;    
}





button:focus,button:active {
    outline: none !important;
    box-shadow: none !important;
}


/*---------------------------------------------*/

.logo{
    width: 280px;
    display: block;
    margin: 20px auto 0;
}

.header-left{

    align-items: flex-end;
    display: flex;
    height: 100%;
    padding-left: 40px;
}

.header-left a{    
    margin-right: 20px;     
}

/*.header-left a:hover > i{    
    top: 20px;     
}*/
.header-left i{   
    position: relative;
    margin-right: 10px;
    color: #0089f2;    
}



.header-right{
    color: #004f9e;
    align-items: flex-end;
    display: flex;
    height: 100%;
    font-size: 13px;
    justify-content: flex-end;
    padding-right: 40px;

}
.header-right span{
    text-align: right;

}

/*-------------------------------------------------*/

.navbar{
    margin-top: 20px;
    background-color: #1a3666;
    padding: 0px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 15px;    



}
.nav-item{
    padding: 0 30px;
}

.navbar-dark .navbar-nav .nav-link{
    padding: 0;
    font-weight: bold;
    color: #8d9bb3
}

.navbar-dark .navbar-nav .active>.nav-link{
    color: #FFF;
}

.navbar-dark .navbar-nav .nav-link:hover{
    color: #0089f2;
}



.navbar-nav .nav-item:not(:last-child) {
    border-right: 1px solid silver;
}

.navbar-text{
    padding-right: 55px;
}

.navbar-dark .navbar-text a{
    margin-left: 16px;
    color: #8d9bb3
}

.navbar-dark .navbar-text a:hover{   
    color: #FFF;
}
.custom-toggler.navbar-toggler { 
    border-color: transparent; 
} 
/* Setting the stroke to green using rgb values (0, 128, 0) */ 

.custom-toggler .navbar-toggler-icon { 
    background-image: url( 
        "data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); 
} 

.custom-toggler a{
    color: #FFF;
    font-size: 12px;
}

.carousel-indicators {
    position: absolute;
    top: 45%;
    left: 10px;
    text-align: left;
    margin: 0;
    width: 45px;
    display: block;
    color: #FFF;
}

.carousel-indicators li{
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.carousel-caption{
    text-align: left;
    right: 0;
    left: 0;
    
}

.carousel-caption div{
    max-width: 1300px;
    margin: auto;
    padding: 0 15px;
}


.carousel-caption h5{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 21px;    
    color: #FFF;
}

.carousel-caption p{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 32px;  
    line-height: 34px;
    color: #FFF;
}
.carousel-caption button{
    float: right;
}



.home-top{
    margin-top: 40px;
    margin-bottom: 40px;
}


.page-header{
    background-color: #004f9e;
}

.page-header h1{
    color: #FFF;
}

.page-sub-menu{
    background-color: #0089f2;
    color: #a6d3f4;
    font-weight: 600;
    line-height: 30px;
}

.page-sub-menu a:hover{    
    color: #FFF;    
}


.page-sub-menu i{
    margin: 0 6px;
}


/*-------------------------------------------------*/

.ante-news img{    
    width: 100%;
    height: 300px;
    object-fit: cover;  
    margin: 10px 0 20px;
}


.ante-news span.date{    
    font-weight: 800;
    font-size: 15px;
    color: #0089f2;
}


.ante-news span.post{    
    font-weight: 400;
    font-size: 13px;    
}

.ante-news span.post a{  
    color: #0089f2;
}

.ante-news span.post p{  
   margin-bottom: 20px;
}

.staff img{
    
    width: 160px;
  height: 160px;
  object-fit: cover;
  border-radius: 80px;
    
    
    
}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 100px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #0089f2; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #004f9e; /* Add a dark-grey background on hover */
}




@media (max-width: 1200px) {
    
    .carousel-indicators {
   display: none;
}
.carousel-caption{
    
    right: 5%;
    left: 5%;
    
}   
   .carousel-caption h5{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 17px;    
    color: #FFF;
}

.carousel-caption p{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 21px;    
    color: #FFF;
} 

.ante-news-home:last-child {
    display: none;
}

}



@media (max-width: 768px) {
    .navbar-nav .nav-item:not(:last-child) {
        border-right: none;
    }
    .navbar-text{
        padding-right: 16px;
    }
    
    .carousel-item img{
        height: 500px;
        
        
        object-fit: cover;
        
    }
    .carousel-caption h5{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 23px;    
    color: #FFF;
}

.carousel-caption p{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 20px;    
    color: #FFF;
    
} 
    .carousel-caption button{
    clear: both;
    float: left;
    margin-right: 100%;
    margin-top: 10px;
    
}

    
}