@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,400;0,700;1,400&display=swap');



body{

    font-family: 'Titillium Web', sans-serif;

    font-size:18px;

    color: black;

    background-color: #0B3B7F;

}

.div-content{

    background-color: white;

}

html{

    scroll-behavior: smooth;

}

* {

	margin: 0;

	padding: 0;

}

/* width */

::-webkit-scrollbar {

width: 10px;

}



/* Track */

::-webkit-scrollbar-track {

background: white;

}



/* Handle */

::-webkit-scrollbar-thumb {

background: #A9CF3B;

}



/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

background: #28a745;

}



i {

	margin-right: 10px;

}

.dot{

    color: #A9CF3B;

}

.navbar-main{

	background-color: white;

	padding: 0px;

    position: fixed;

    top:0px;

    width: 100%;

    z-index: 999;

    border-bottom: 2px solid #f2f2f2;

}

#navbarSupportedContent{

	overflow: hidden;

	position: relative;

}

#navbarSupportedContent ul{

	padding: 0px;

	margin: 0px;

    padding-top: 20px;

}

#navbarSupportedContent ul li a i{

	margin-right: 10px;

}

#navbarSupportedContent li {

	list-style-type: none;

	float: left;

    cursor: pointer;

}

#navbarSupportedContent ul li a{

	color:#0B3B7F;

    text-decoration: none;

    display: block;

    padding: 20px 40px;

    transition-duration:0.6s;

	transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);

    position: relative;

    font-weight: bold;

    cursor: pointer;

}

#navbarSupportedContent>ul>li.active>a{

	border-bottom: 2px solid #A9CF3B;

}

#navbarSupportedContent>ul>li.active>a{

	color: #A9CF3B;

	background-color: transparent;

	transition: all 0.7s;

}



.li-contact-design{

    background: #A9CF3B;

    color: white;

    padding: 10px 20px;

    border-radius: 20px;

    cursor: pointer;

}



.img-div{

    height:600px;

    margin-top: 50px !important;

    overflow: hidden;

}

.img-content{

    width:100%;

    position: absolute;

    top: -150px;

}

.font-header{

    font-size: 55px; 

    font-weight: 700;

}

.font-headerSub{

    font-size: 20px; 

    font-weight: 700;

}

.div-header-content{

    margin-top: 200px !important;

}







.div-footer{

    background-color: #0B3B7F;

    width: 100%;

    padding-bottom: 50px !important;

}

.footer-head-label{

    font-size: 18px;

    font-weight: 900;

}



.cursor-pointer{

    cursor:pointer;

}



.text-justify{

    text-align: justify;

    text-justify: distribute;

}

.seeMore{

    color: #A9CF3B;

    font-weight: 700;

    font-size: 18px;

    cursor: pointer;

}

.text-centerBG{

    background: #A9CF3B;

    color: white;

    padding: 10px 20px;

    border-radius: 20px;

    font-size: 20px;

    font-weight: 700;

}



.font-content{

    font-size: 55px;

    font-weight: 700;

    color:#0B3B7F;

    line-height: 65px;

}





.text-primary{

    color: #0B3B7F !important;

}

.bg-primary{

    background: #0B3B7F !important;

}

.btn-primary{

    background-color: #0B3B7F !important;

    opacity: 0.9;

}

.btn-primary:hover{

    opacity: 1;

}



.clickSystem.active{

    background-color: #0B3B7F !important;

    color: white !important;

    padding: 10px 10px ;

    border-radius: 20px;

}

.clickSystem{

    padding: 10px 10px ;

    text-align: left !important;

    padding-left: 40px !important;

}



.bg-system.active{

    background: #A9CF3B;

    color: white;

}







.modal-full {

    min-width: 60%;

    margin-left: 20%;

} 





.modal-full .modal-content {

    min-height: 100%;

}

.modal-header{

    border-bottom: none;

}





.div-content-tran{

    transition: transform 0.5s;

}

.div-content-tran:hover {

  -ms-transform: scale(1.2); /* IE 9 */

  -webkit-transform: scale(1.2); /* Safari 3-8 */

  transform: scale(1.2); 

}







.font-content-lexsys{

    font-size: 55px;

    font-weight: 700;

    color:#0B3B7F;

    line-height: 65px;

}

.bg-system{

    background:#0B3B7F;

    opacity: 1;

    width: 50%;

    margin-right: auto;

    margin-left: auto;

    /* height: 50px;

    width: 50px; */

    padding: 10px !important;

    z-index: 5;

    border-radius: 15px  !important;

}

.z-index{

    z-index: 2;

}

.rounded-circle{

    border-radius: 0px !important;

    width: 270px;

    height: 250px !important;

    height: auto;

    border-radius: 15px  !important;

}

.bg-systems-transparent{

    position: absolute;

    left: 0px;

    top:0px;

    width: 270px;

    height: 250px;

    opacity:1;

    border-radius: 15px  !important;

}



.font-content-system{

    font-size: 40px;

    font-weight: 700;

    color:#0B3B7F;

    line-height: 65px;

}



.div-content-news{

    background-color: #0B3B7F;

    width: 100%;

    padding-bottom: 50px !important;

    margin-top: 80px;

}





.div-news-container{

    position: relative;

    top:-120px;

}

.div-news-sub-container{

    position: relative;

    top:50px;

}

.bg-news{

    /* background-color: #D7D4D0; */

    width: 100%;

    /* overflow: hidden; */

}



.label-news{

    color: #A9CF3B;

}



.img-site{

    opacity: 0.5;

    cursor: pointer;

}



.img-site:hover{

    opacity: 1;

}



.text-justify{

    text-align: justify;

    text-justify: distribute;



}



.contentMV{

    border-right: 3px solid #0B3B7F;

}



.font-MV{

    font-size: 20px;

}



.news-style{

    background: #A9CF3B;

    color: white;

    font-weight: bold;

    border-bottom-right-radius: 20px;

    border-top-right-radius: 20px;

    padding:5px 50px;

    font-size: 22px;

    position: absolute;

    bottom: 70px;

    left: 0px;

    z-index: 1;

}



.newsDate-style{

    color: white;

    /* text-shadow: 2px 2px 4px #000000; */

    font-size: 15px;

    position: absolute;

    bottom:80px;

    left: 170px;

    z-index: 1;

}



.newsSortDesc-style{

    color: white;

    /* text-shadow: 2px 2px 4px #000000; */

    font-size: 20px;

    font-weight: bold;

    position: absolute;

    bottom: 0px;

    left: 170px;

    width: 400px;

    height: 70px;

    text-align: left;

    white-space: normal;

    overflow-wrap: break-word;

    z-index: 1;

}



.newsGradietAttext{

    background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0, 0, 0,1));

    width: 100%;

    position: absolute;

    bottom: 0px;

    left: 0px;

    width: 100%;

    height: 200px;

    opacity: 0.8;

}



.text-newsTitle{

    font-size: 25px;

    color: #0B3B7F;

    font-weight: 700;

}

.text-newsDate{

    background: #A9CF3B;

    color: white;

    padding: 10px 20px;

    border-radius: 20px;

    font-size: 20px;

    /* font-weight: 700; */

}





/* GALERRY */

.thumb {

	margin-bottom: 15px;

}

.thumb:last-child {

	margin-bottom: 0;

}

.thumb figure img {

  -webkit-filter: grayscale(50%);

  filter: grayscale(50%);

  -webkit-transition: .3s ease-in-out;

  transition: .3s ease-in-out;

}

.thumb figure:hover img {

  -webkit-filter: grayscale(0);

  filter: grayscale(0);

}

img.mfp-img {

    width: 800px !important;

}





.modal-systemClient{

    display: none;

}







/* MOBILE */

.mob-image-header{

    display: none;

}



.btn-scroll-top{

    display: block;

    position: fixed;

    right: 1%;

    bottom: 1%;

    background: #A9CF3B;

    border: 1px solid #A9CF3B;

    color: #0B3B7F;

    padding: 10px 5px;

    padding-left: 15px;



    z-index: 99999;

}

.btn-scroll-top>i{

    font-size: 30px;

}