/* header css start */
.preload * {
 -webkit-transition: none !important;
 -moz-transition: none !important;
 -ms-transition: none !important;
 -o-transition: none !important;
}
 body {
     color: #5f6368;
     background: #fff;
     font-weight: 400;
     font-family: 'Montserrat', sans-serif;
}
 h2, .h2 {
     font-size: 27px;
}
 h1{
     font-size: 37px;
     line-height: 40px;
     font-weight: 600;
}
 button.navbar-toggler {
     outline: none;
}
 .navbar-dark .navbar-toggler {
     color: #fff;
     border-color: #fff;
}
 .header nav.navbar.navbar-expand-lg.navbar-dark.bg-dark {
     background: none !important;
}
 .menu-header .menu li a {
     text-decoration: none;
     font-size: 17px;
     padding: 0 0 2px;
     display: inline-block;
     vertical-align: top;
     letter-spacing: 0.3px;
     color: #1d76ba;
}
 .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{
     color: #286aa7 ;
}
 a.nav-link.dropdown-toggle.btn.ml-2.btn-warning.header-button {
     border: none;
}
 .navbar-dark .navbar-nav .nav-link{
     color: #1d76ba ;
}
 a.nav-link.dropdown-toggle.btn.ml-2.btn-warning.header-button{
     background: #1d76ba !important;
}
 .menu-header .menu li {
     display: inline-block;
     margin: 0 0 0 15px;
     position: relative;
     padding: 3px 0px;
}
 a.navbar-brand.logo-part img {
     width: 100%;
     height: auto;
     max-width: 300px;
}
 a.navbar-brand.logo-part {
     width: 35%;
}
 .header-button {
     background-color: #1d76ba;
     padding: 7px 18px !important;
     margin-top: -7px;
     border-radius: 2px;
     color: #fff !important;
     border: 1px solid;
}
 .header {
     padding-top: 30px;
}
/* header css end */
 .header-main {
     width: 100%;
     background-image: url(../images/banner-01.jpg);
     height:758px;
     background-size:cover;
     background-position: top;
     background-attachment: fixed;
}
 .banner-content h1 {
     font-size: 55px;
     text-transform: uppercase;
     color: #fff;
     line-height: 60px;
}
 .banner-content p {
     font-size: 37px;
     color: #fff;
}
 .banner-content {
     position: absolute;
     transform: translate(0, -185%);
}
/* .header-main::before {
     content: '';
     width: 100%;
     height: 800px;
     background: #074b8429;
     position: absolute;
     left: 0;
     bottom: 0;
     top: 0%;
}
 */
 .banner-content a {
color: #FFF;
    text-decoration: none !important;
}
 span.btn-img img {
     width: 10px;
     margin-top: -2px;
}
 span.btn-img {
     background: #fff;
     width: 20px;
     height: 43px;
     padding: 5px 10px;
     border-radius: 50px;
     margin-left: 10px;
}
 span.btn-img i{
     color: #000;
}
/* services css start */
 .services-heading h1 {
     color: #059ff5;
     font-size: 58px;
}
 .services-heading {
     text-align: center;
     padding: 50px;
}
 .service-img img {
     width: 100%;
}
 .space-hide {
     padding: 0;
}
 .servies-content h3 {
     font-weight: 200;
     letter-spacing: 2px;
     font-size: 37px;
     color: #fff;
}
 .servies-content {
     padding: 5px 30px;
     position: absolute;
     bottom: 157px;
     width: 100%;
}
 .services-left-section {
     background: #036399;
}
 .services-left-section {
    /* background: #036399;
     */
    background-image: url(../images/img-12.jpg);
    height: 100%;
    background-size: cover;
    background-position: top;
}
 .servies-content p {
     font-size: 32px;
     font-weight: 600;
     line-height: 40px;
     color: #ffff;
}
 a.area-btn-img img {
     margin-top: -2px;
}
 a.area-btn-img {
     background: #fff;
     padding:7px 14px;
     border-radius: 50px;
     float: right;
     color: #000;
}
 .services-right-section {
     width: 100%;
     overflow: hidden;
     background-image: url(../images/cedef-wp.jpg);
     height: 500px;
background-size: cover;background-position: center center;}
 .services-heading-right {
     padding: 50px 65px;
     transform: translate(0px, 18%);
     position: absolute;
     top: 0;
}
 .services-heading-right h3 {
     font-size: 37px;
     color: #fff;
     text-transform: uppercase;
     margin-bottom: 40px;
     font-weight: 200;
     line-height: 40px;
}
 .services-heading-right a.area-btn-img {
     float: left;
}
 .service-grid img {
     width: 100%;
}
 .service-right-grid {
     padding: 20px 50px;
}
/* programi section css start */
 .programi-heading p {
     font-size: 20px;
     color: #fff;
}
 .programi-heading {
     text-align: center;
     padding: 50px 0;
}
 .programi-heading h3 {
     font-size: 58px;
     color: #fff;
     margin-bottom: 20px;
}
 .programi-section {
     background-image: url(../images/bg-2.jpg);
     height: 600px;
     width: 100%;
     background-size: cover;
     background-position: center;
     background-attachment: fixed;
}
.programi-section-en {
    height:670px;
}
 .programi-cricel {
     background: #059ff5;
     width: 300px;
     height: 300px;
     border-radius: 50%;
     text-align: center;
     padding: 100px 0;
     border: 3px solid #beced8;
}
 .programi-cricel p {
     font-size: 32px;
     font-weight: 300;
     color: #fff;
     text-transform: uppercase;
     margin-bottom: 40px;
}
 .programi-cricel a.area-btn-img {
     text-align: center;
     float: none;
     padding: 8px 13px;
     background: transparent;
     color: #fff;
}
/* publick css start */
 .publik-data-section {
     width: 100%;
     height: 100%;
     background-image: url(../images/bg3.jpg);
     background-size: 100%;
     background-position: bottom;
     padding-bottom: 20px;
}
 .publik-data-heading h3 {
     color: #06194d;
     font-size: 58px;
     font-weight: 600;
}
 .publik-data-heading {
     text-align: center;
     padding: 50px 0;
}
 .publik-content p {
     color: #06194d;
     font-size: 20px;
}
 .publik-btn {
     text-align: center;
     padding: 10px 0 20px;
}
 .publik-btn a {
     background: #059ff5;
     padding: 12px 30px;
     border-radius: 10px;
     color: #fff;
     text-decoration: none;
     letter-spacing: 2px;
     font-weight: 300;
     transition:all .5s;
     display: block;
     margin: auto;
     max-width: 300px;
     margin-bottom: 10px;
}
.publik-btn a.mm-bb {
    background: #0f69be;
}
.publik-btn a.mm-bb:hover {
    background: #06194d;
}
.publik-btn a:hover {
    background: #0f69be;
}
 .publik-btn span.btn-img{
     background: #0f69be;
     padding: 6px 10px;
}
 span.btn-img i {
     color: #fff;
}
 .banner-content span.btn-img i {
     color: #000;
}
 .publik-content p a:before {
    content: "\f105";
    position: absolute;
    width: 30px;
    height: 30px;
    background: #0f69be;
    right: 0;
    font-family: "Font Awesome 5 Pro";
    padding: 0 12px;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    right: -40px;
}
/* partneri section css start */
 .partneri-heading h3 {
     text-transform: uppercase;
     font-size: 58px;
     color: #fff;
}
 .partneri-heading {
     text-align: center;
     padding: 50px 0;
}
 .partneri-box a {
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: 2;
     left: 0;
     top: 0;
}
 .partneri-section {
     width: 100%;
     height: 100%;
     background-image: url(../images/bg-img.jpg);
     background-size: cover;
     background-position: top;
     padding-bottom: 70px;
}
 .partneri-box {
     border: 1px solid #fff;
     text-align: center;
     border-radius: 4px;
     min-height: 200px;
     position: relative;
     margin-bottom: 30px;
}
 .partneri-box p {
     font-size: 37px;
     font-weight: 300;
     color: #fff;
     line-height: 57px;
     text-transform: uppercase;
     transform: translate(-50%, -50%);
     position: absolute;
     left: 50%;
     top: 50%;
     width: 100%;
}
/* karijera section css start */
 .karijera-heading h3 {
     font-size: 58px;
     text-transform: uppercase;
     color: #06194d;
}
 .karijera-heading {
     text-align: center;
     padding: 50px 0;
}
 .karijera-section {
    width: 100%;
    height: 100%;
    background-image: url(../images/bottom-img.jpg);
    background-size: 100%;
    padding-bottom: 70px;
    background-size: cover;
    background-position: right;
}
 .karijera-left-content p {
     font-size: 18px;
     color: #06194d;
}
 .karijera-left-content a {
     color: #1da1f2;
     text-decoration: none;
}
 .karijera-left-content span {
     color: #06194d;
}
/* footer css start */
 .footer {
     background: #0c51a9;
     padding: 50px 0;
}
 .footer-part img {
     width: 100%;
     margin-bottom: 40px;
}
 .footer-part i {
     padding-left: 5px;
     font-size: 20px;
     color: #fff;
}
 .footer-part li {
     list-style: none;
}
 .footer-part li a {
     color: #fff;
     text-decoration: none;
     line-height: 35px;
     font-size: 16px;
}
 .footer-part ul {
     margin-top: 10px;
}
 .footer-part p {
     margin-top: 10px;
     color: #fff;
     line-height: 26px;
     text-align: right;
     font-size: 16px;
}
 .copy-right {
     background: #06194d;
}
 .copy-right-text {
     text-align: center;
     color: #fff;
     font-size: 12px;
     letter-spacing: 2px;
     margin: 10px 0;
     font-weight: 300;
}
/* hover animation */
 span.btn-img{
     transition: 1s;
 }
 span.btn-img:hover {
     background: #06194d;
     color: #fff;
}
 span.btn-img i{
     transition: 1s;
}
 span.btn-img:hover i{
     color: #fff;
}
 a.area-btn-img {
     transition: 1s;
}
 a.area-btn-img:hover {
}
 a.area-btn-img:hover i{
     transition: 1s;
}
 a.area-btn-img:hover i{
     color: #fff;
}
.publik-content p:hover:before{
     transition: 1s;
}
.publik-content p:hover:before{
     background: #06194d;
}
.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link {
    transition: .4s;
}
 .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{
     color:#06194d;
}
.footer-part i:hover {
     opacity: .6;
}
.footer-part li a {
     transition: 0.5s;
}
.footer-part li a:hover {
     color: #06194d;
}
 .partneri-box{
     transition: 0.5s;
 }
 .partneri-box:hover{
     box-shadow:0px 2px 15px 0px;
}
 .programi-cricel{
     transition: 0.5s;
}
 .programi-cricel:hover{
     box-shadow:0px 2px 15px 0px;
}
 .dropbtn {
     border: none;
}
 .dropdown {
     position: relative;
     display: inline-block;
}
 .dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    padding: 10px;
}
 .dropdown-content a {
     color: black;
     padding: 12px 16px;
     text-decoration: none;
     display: block;
}
 .dropdown-content a:hover {
    color: #0056b3;
}
 .dropdown:hover .dropdown-content {
    display: block;
}
 .dropdown:hover a {
    background-color:none;
}
 li.timeline-TweetList-tweet.customisable-border{
     width: 33.33%;
     float: left;
     padding-left: 10px;
     padding-right: 10px;
}
 .caret {
     display: inline-block;
     width: 0;
     height: 0;
     margin-left: 2px;
     vertical-align: middle;
     border-top: 4px dashed;
     border-top: 4px solid\9;
     border-right: 4px solid transparent;
     border-left: 4px solid transparent;
}
 .dropdown-content::before {
     content: "";
     display: inline-block;
     width: 0;
     height: 0;
     margin-left: 2px;
     vertical-align: middle;
     border-bottom: 15px dashed #fff;
     border-bottom: 15px solid\9;
     border-right: 15px solid transparent;
     border-left: 15px solid transparent;
     position: absolute;
     margin-top: -20px;
     right: 44%;
}
 .dropdown-content a:hover{
     color: #059ff5 !important;
}

/* Button MLA */
.round {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #0f69be;
    margin: auto;
    margin-bottom: 35px;
    transform: rotate(90deg);
    cursor: pointer;
}

#arrow-dd{
    width:100%; cursor: pointer; position: absolute;
}

.group-buttons a {
    display: inline-block;
    width: 100%;
    max-width: 300px;
}

#arrow-dd .arrow{left: 30%;}
.arrow {position: absolute; bottom: 0;  margin-left:0px; width: 12px; height: 12px; background-size: contain; top:15px;}
.segunda{margin-left: 8px;}
.next {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
}

@keyframes bounceAlpha {
  0% {opacity: 1; transform: translateX(0px) scale(1);}
  25%{opacity: 0; transform:translateX(10px) scale(0.9);}
  26%{opacity: 0; transform:translateX(-10px) scale(0.9);}
  55% {opacity: 1; transform: translateX(0px) scale(1);}
}

.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.arrow.primera.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.round:hover .arrow{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.round:hover .arrow.primera{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.r-expand {
    transform: rotate(-90deg);
}