@import url('../css2');
                            @import url('helvetica-neue-55');
@font-face {
    font-family: 'HelveticaNeueRegular';
    src: url('fonts/helvetica-neue-regular.woff2') format('woff2'),
        url('fonts/helvetica-neue-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

                

html {
    position: relative;
    min-height: 100%;
}

body {
    background-color: #fff;
    background-attachment: fixed;
    background-size: cover;
    background-position: top;
    color: #000;
    overflow-x: hidden;
/*    font-family: 'HelveticaNeueRegular', sans-serif !important;*/
    font-family: 'Helvetica Neue', sans-serif;

}

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	background-color: #0ae;
	
	background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                   color-stop(.5, rgba(255, 255, 255, .2)),
					   color-stop(.5, transparent), to(transparent));
}

.fs-25 { font-size: 25px; }
.fs-30 { font-size: 30px; }
.fs-35 { font-size: 35px; }
.fs-40 { font-size: 40px; }
.fs-45 { font-size: 45px; }
.fs-50 { font-size: 50px; }


.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }


.ml-10 { margin-left: 10px; }
.ml-20 { margin-left: 20px; }
.ml-30 { margin-left: 30px; }
.ml-40 { margin-left: 40px; }
.ml-50 { margin-left: 50px; }
.ml-60 { margin-left: 60px; }
.ml-70 { margin-left: 70px; }
.ml-80 { margin-left: 80px; }
.ml-90 { margin-left: 90px; }
.ml-100 { margin-left: 100px; }

.mr-10 { margin-right: 10px; }
.mr-20 { margin-right: 20px; }
.mr-30 { margin-right: 30px; }
.mr-40 { margin-right: 40px; }
.mr-50 { margin-right: 50px; }
.mr-60 { margin-right: 60px; }
.mr-70 { margin-right: 70px; }
.mr-80 { margin-right: 80px; }
.mr-90 { margin-right: 90px; }
.mr-100 { margin-right: 100px; }

.fs-light { font-weight: 300; }
.fs-regular { font-weight: 400; }
.fs-bold { font-weight: 700; }
.fs-extra-bold { font-weight: 800; }



.body {}

/* Menü Alanı */

.icon-m {
    margin-bottom: 10px;
    text-align: right;
}

.navbar {
    padding: 0;
    position: relative;
    z-index: 3;
    min-height: 125px;
}

.nav-item {
    position: relative;
}

.nav-item:last-child {
    border: none;
}

.nav-item a {
    color: #0a3752 !important;
    font-size: 18px;
     border-bottom: 3px solid #f8f9fa;
}

.nav-item:hover>a {
    border-bottom: 3px solid;
    color: #599acd !important;
}

.nav-item .nav-link {
    padding: 1rem
}


.dropdown  ul a{
      border-bottom: 3px solid #154c5d;
}

.navbar .navbar-brand img {
    width: 150px;
    margin: 20px;
}

.menu {
    display: flex;
    justify-content: end;
    align-items: center;
}

.navbar-expand-lg .navbar-collapse {
    justify-content: end;
}

.dropdown ul {
    position: absolute;
    width: 250px;
    padding: 0;
    list-style: none;
    background: #1d7d9b;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
    text-align: left;

}

.dropdown ul li {}

.dropdown ul li:last-child {
    border: none;
}

.dropdown ul li a {
    padding: 10px;
    display: block;
    text-decoration: none;
    font-family: 'HelveticaNeueRegular', sans-serif !important;
    font-weight: 400;
    color: #fff !important;

}

.dropdown ul li a:hover {
    background: #154c5d;
   border-bottom: 3px solid #154c5d;
    color: #fff !important;
}

.dropdown:hover ul {
    visibility: visible;
    opacity: 1;
    display: block;
}

.content-web {
    text-align: justify;
    z-index: 4;
}


.content-web h1 {
    margin: 0px;
    font-size: 35px;
    color: #0a3752 !important;
    padding: 11px;
    font-family: 'HelveticaNeueRegular', sans-serif !important;
    margin-top: 10px;
    margin-bottom: 30px;
}

.content-web h2 {
    font-size: 19px;
    color: #fff;
    font-family: 'HelveticaNeueRegular', sans-serif !important;
    margin-bottom: 10px;
    text-align: center;
    background: #08b3c4;
    padding: 8px;
}


.header {
    position: relative;
    overflow: hidden;
     z-index: 0;

}
.header>span{
    position: absolute;
    top: 50%;
    left: 100%;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(255,255,255,0.1),0 0 0 8px rgba(255,255,255,0.1),0 0  20px rgba(255,255,255,1);
    animation:  animate2 3s linear infinite;
    z-index: 9999
}
.header>span:before{
    content: ' ';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 500px;
    height: 1px;
    background: linear-gradient(90deg,#fff,transparent);
}





.header .owl-carousel .owl-item img {
    height: calc(100vh - 125px) ;
    object-fit: cover;
    object-position: center;
}
.header.wrapper-mode .owl-carousel .owl-item img { 
    height: 350px;
    }

@keyframes animate2{
    0%{
        transform: rotate(0) translateX(0);
        opacity: 1
    }
    70%{
        opacity: 1
    }
    100%{
        transform: rotate(0) translateX(-2500px);
        opacity: 0
    }
}

.header>span:nth-child(1){
    top: 0;
    right: 0;
    animation-delay: 0s;
    animation-direction: 1s;
}


.mobileMenuSlide{
    display: none;
}





@keyframes animate {
    0% {
        transform: rotate(0deg)
    }


    100% {
        transform: rotate(360deg)
    }
}

.animationMenu {
    margin: 50px;
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: calc(100% - 100px);
}

.animationMenu .box {
    position: relative;
    width: 70%;
    padding: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin: auto;
}

.animationMenu .box:before {
    content: ' ';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, transparent, transparent, #45f3ff, #45f3ff, #45f3ff);
    z-index: 1;
    animation: animate 12s linear infinite;
    transform-origin: bottom right
}

.animationMenu .box:after {
    content: ' ';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, transparent, transparent, #45f3ff, #45f3ff, #45f3ff);
    z-index: 1;
    animation: animate 12s linear infinite;
    transform-origin: bottom right;
    animation-delay: -6s;
}


.animationMenu .box a {
    background: linear-gradient(0deg, rgb(0 28 50) 0%, rgb(2 33 64) 100%);
    position: relative;
    z-index: 2;
    display: flex;
    padding: 10px;
    flex-direction: row;
    align-items: center;
    font-size: 20px;
    color: #ddd;
    text-decoration: none;
}
.animationMenu .box a p{
    position: absolute;
    font-size: 40px;
    bottom: 10px;
    right: 10px;
    
    color: #fefefc;
    margin-right: 20px;
    text-shadow: 6px 5px 0px #007fac;
    
}
.animationMenu .box a img{
    width: 100%;
    filter: grayscale(1);transition: 0.5s;
}
.animationMenu .box:hover a img{
    width: 100%;
    filter: grayscale(0)
}
.animationMenu .row .col-md-4:nth-of-type(1) .box:before {
    background: linear-gradient(0deg, transparent, transparent, #f77306, #f77306, #f77306);
}

.animationMenu .row .col-md-4:nth-of-type(1) .box:after {
    background: linear-gradient(0deg, transparent, transparent, #f77306, #f77306, #f77306);
}

.animationMenu .row .col-md-4:nth-of-type(2) .box:before {
    background: linear-gradient(0deg, transparent, transparent, #0a6679, #0a6679, #0a6679);
}

.animationMenu .row .col-md-4:nth-of-type(2) .box:after {
    background: linear-gradient(0deg, transparent, transparent, #0a6679, #0a6679, #0a6679);
}

.animationMenu .row .col-md-4:nth-of-type(3) .box:before {
    background: linear-gradient(0deg, transparent, transparent, #0d84f2, #0d84f2, #0d84f2);
}

.animationMenu .row .col-md-4:nth-of-type(3) .box:after {
    background: linear-gradient(0deg, transparent, transparent, #0d84f2, #0d84f2, #0d84f2);
}

.animationMenu .row .col-md-4:nth-of-type(1) .box .content {
    color: #f77306;
}

.animationMenu .row .col-md-4:nth-of-type(1) .box .content .icon {
    background: #f77306;
}

.animationMenu .row .col-md-4:nth-of-type(2) .box .content {
    color: #0a6679;
}

.animationMenu .row .col-md-4:nth-of-type(2) .box .content .icon {
    background: #0a6679;
}

.animationMenu .row .col-md-4:nth-of-type(3) .box .content {
    color: #0d84f2;
}

.animationMenu .row .col-md-4:nth-of-type(3) .box .content .icon {
    background: #0d84f2;
}

.new-space {
    background: #1b75ba;
    width: 100%;
    height: 200px;
}

.lang {
    position: relative;
    left: 20px;
}

.lang a {
    color: #fff;
    background: #2d79b3;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    width: 50px;
}

.lang a:hover {
    background: #1e4e73;
}

.lang span {
    color: #000;
}




.msection{
    padding: 80px 0;
}
.msection .rounded_image{
    border-radius: 25px;
    overflow: hidden;
} 
.msection .rounded_image img {
    max-width: 100%;
    width: 100%;
}
.msection .content ul li i{
    width: 35px;
}

.main_title h1 {
    font-size: 60px;
    font-weight: bold;
    color: #0a3752 ;
    text-align: center;
    position: relative;
}

.main_title h1:after{
    content: attr(data-title);
    position: absolute;
    font-size: 90px;
    font-weight: bold;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #1b75bb;
    white-space: nowrap;
    text-align: center;
    opacity: 0.2;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 70%;
}


.mSection .contactBox{
        display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #f7fafd;
    border-radius: 25px;
}



footer{
background:#05011e;
padding:30px 0px;
font-family: 'Play', sans-serif;
text-align:center;
}

footer .box{
width:100%;
margin:1% 0%;
padding:0.6% 0%;
color:gray;
font-size:0.8em;
}

footer .box a{
text-decoration:none;
color:#efefef;
transition:0.5s;
}

footer .box a:hover{
color:#fff;
}

footer .box ul{
width:100%;
}

footer .box ul li{
display:inline-block;
margin:0px 30px;
}

footer .box a i{
font-size:2em;
margin:0% 1%;
}



@media (max-width: 1399.98px) {
    .mini-menu {
        margin-top: 0;
    }
}

@media (max-width: 1299.98px) {
    .mini-menu {
        position: relative;
    }
}

@media (max-width: 991.98px) {
    .mini-menu {
        margin-top: 0;
    }

  

    .nav-item .nav-link {
        padding: 0.5rem 1rem;
    }

    .nav-item:hover .nav-link {
        background: rgba(255, 255, 255, 0.45);
    }

    .navbar-collapse {
        background: #f5f5f5;
        z-index: 99;
        position: relative;
    }
    .navbar-collapse.show{
        margin-bottom: 10px;
    }
    .navbar {
        display: block;
        width: 100%;
    }
    
    .nav-item.dropdown:after{
        content: '\f107';
        font-family: "Font Awesome 6 Free";
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            display: var(--fa-display,inline-block);
            font-style: normal;
            font-variant: normal;
            line-height: 1;
            text-rendering: auto;
        font-weight: bold;
        right: 15px;
        top: 15px;
        position: absolute;
        
    }

    .navbar-toggler {
        margin: 10px;
        font-size: 16px;
    }

    .navbar .container {
        max-width: 100%;
    }

    .navbar-toggler {
        font-size: 16px;
        display: inline-block;
        width: 50px;
        border-radius: 0;
        position: absolute;
        top: 60px;
        right: 25px;
        height: 30px;
    }
    .navbar-toggler:focus{
        box-shadow: none;
        color: #fff;
        background: #1b75bb;
    }
    .navbar-dark .navbar-toggler:hover {
        background: #282828;
        color: #ffffff;
    }

    .dropdown ul {
        position: relative;
        width: 100%;
        padding: 0;
        list-style: none;
        background: #1d7d9b;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
        transition: 0.5s;
        text-align: left;
        display: none;
    }
    
    .mobileMenuSlide{
        display: block;
        position: relative;
    }
    .header .mobileMenuSlide .owl-carousel .owl-item img{
        height: auto;
    }
    .header .animationMenu .row{
        display: none;
    }
    
    .mobileMenuSlide .owl-carousel .owl-nav button {
        background: none;
        border-radius: 0;
        color: #fff;
        padding: 10px;position: absolute;
        top: 50%;
        transform: translateX(-50%)
    }
    .mobileMenuSlide .owl-carousel .owl-nav button:hover{
        background: none;
    }
    
    .mobileMenuSlide .owl-carousel .owl-nav button.owl-prev{
        left: 0;
    }
    
    .mobileMenuSlide .owl-carousel .owl-nav button.owl-next{
        right: 0;
    }
    .lang{ 
        position: absolute;
        top:30px;
        right: 35px;
        left: auto;
    }
    
    .msection .rounded_image{
        margin-bottom: 30px
    }
    .main_title h1:after{
        font-size: 35px;
    }
    .main_title h1{
       font-size: 30px;
    }
    
    .fs-25{
        font-size: 20px;
    }
    footer{
    text-align:left;
    padding:5%;
    }
    footer .box
    {
        text-align: center;
    }
    footer .box ul li{
    display:block;
    margin:10px 0px;
    text-align:left;
    }
    footer .box a i{
    margin:0% 3%;
    }
}