@import "tabs.css";
/*FONTS*/

@font-face {
    font-family: 'akrobat'; /*a name to be used later*/
    src: url('/assets/fonts/akrobat/Akrobat-Bold.eot');
    src: url('/assets/fonts/akrobat/Akrobat-Bold.woff2') format('woff2'),
    url('/assets/fonts/akrobat/Akrobat-Bold.woff') format('woff'),
    url('/assets/fonts/akrobat/TTF/Akrobat-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'akrobat'; /*a name to be used later*/
    src: url('/assets/fonts/akrobat/Akrobat-Light.eot');
    src: url('/assets/fonts/akrobat/Akrobat-Light.woff2') format('woff2'),
    url('/assets/fonts/akrobat/Akrobat-Light.woff') format('woff'),
    url('/assets/fonts/akrobat/TTF/Akrobat-Light.ttf') format('truetype');
    font-weight: 200;
}

@font-face {
    font-family: 'akrobat'; /*a name to be used later*/
    src: url('/assets/fonts/akrobat/Akrobat-Regular.eot');
    src: url('/assets/fonts/akrobat/Akrobat-Regular.woff2') format('woff2'),
    url('/assets/fonts/akrobat/Akrobat-Regular.woff') format('woff'),
    url('/assets/fonts/akrobat/TTF/Akrobat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'revicons'; !important
    /*src: url('/assets/revslider/fonts/revicons/revicons.eot');*/
    /*src:  url('/assets/revslider/fonts/revicons/revicons.woff') format('woff'),*/
    /*url('/assets/revslider/fonts/revicons/revicons.ttf') format('truetype'),*/
    /*url('/assets/revslider/fonts/revicons/revicons.svg') format('svg');*/

}


html, body {
    font-family: 'akrobat', serif;
    scroll-behavior: smooth;
    scroll-padding-top: 190px;
    width: 100vw;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    font-family: akrobat, sans-serif !important;
}

.only-mobile {
    display: none;
}

.btn-rounded {
    border-radius: 25px;

}

.svg-border-top, .svg-border-bottom {
    display: none;
}
/*HEADER*/

.company_state, .top_nav_actions {
    list-style: none;
    margin: 0;
}

.company_state li, .top_nav_actions li {
    display: inline;
    font-size: 11px;
    margin: 10px;
}

.company_state li.active {
    color: #ffffff82;
}


.top_bar_nav {
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 4px;
    background: rgba(0,94,159,1);
    background: linear-gradient(to bottom, rgba(0,94,159,1) 0%, rgba(0,94,159,1) 43%, #2e7eb5 78%, #2e7eb5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005e9f', endColorstr='#005e9f', GradientType=0 );

}

.nav_section {
    display: flex;
    flex-direction: column;
    max-width: 100vw;
}

.scrolled .nav_section {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 500;
    transition: all ease-in 2s;
    max-width: 100vw;
}

.navbar {
    background-color: #ffffff !important;
    z-index: 15;
}

.main_nav .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    color: #000;
}

.navbar-brand {
    margin-left: 2rem;
}

.navbar-brand .logo {
    max-width: 190px;
}

.top_bar_nav a {
    color: #FFFFFF;
    text-decoration: none;
}

.top_bar_nav .tel_li a{
    color: #ffffffa6;
    font-weight: 200;
    font-size: 15px;
}

.navbar .nav-item .nav-link {
    color: #000;
    font-weight: 700;
    margin: 0 20px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}

.navbar .nav-item .nav-link.active  {
    background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #dc3545), color-stop(0.45, #ff225f), color-stop(0.6, #e0b764),color-stop(0.75, #fb3), color-stop(0.9, #00c851), color-stop(1, #388e3c) );
    color:transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.navbar .nav-item .nav-link:hover {
    color: #006ab3;
}

.navbar .nav-item {

    padding: 0px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 12px 0px;
 }


.navbar .nav-item:not(:nth-child(1)):before {
    content: url("/assets/img/menu-strip.jpg");
}

.nav-link.kampanyalar::before {
    content: url("/assets/img/icons/shout.svg");
    top: 4px;
    position: relative;
    left: -6px;
}

.nav-link.wdsl::before {
    content: url("/assets/img/icons/menu-wifi.svg");
    top: 4px;
    position: relative;
    left: -6px;
}

.nav-link.adsl::before {
    content: url("/assets/img/icons/menu-cable.svg");
    top: 4px;
    position: relative;
    left: -6px;
}

.nav-link.vdsl::before {
    content: url("/assets/img/icons/menu-vdsl.svg");
    top: 4px;
    position: relative;
    left: -6px;
}

.nav-link.hotspot::before {
    content: url("/assets/img/icons/menu-hotspot.svg");
    top: 4px;
    position: relative;
    left: -6px;
}

.nav-link.fiber::before {
    content: url("/assets/img/icons/menu-fiber.svg");
    top: 4px;
    position: relative;
    left: -6px;
}

.nav-link.hosting::before {
    content: url("/assets/img/icons/menu-cloud.svg");
    top: 4px;
    position: relative;
    left: -6px;
}

.nav-link.asimetrik::before {
    content: url("/assets/img/icons/menu-asimetrik.svg");
    top: 4px;
    position: relative;
    left: -6px;
    width: 32px;
}

.nav-link.dedike::before {
    content: url("/assets/img/icons/menu-dedike.svg");
    top: 4px;
    position: relative;
    left: -6px;
    width: 32px;
}

.nav-link.yurt::before {
    content: url("/assets/img/icons/menu-yurt.svg");
    top: 4px;
    position: relative;
    left: -6px;
    width: 32px;
}

.nav-link.nh_gamer::before {
    content: url("/assets/img/icons/menu_nh_gamers.svg");
    top: 4px;
    position: relative;
    left: -6px;
}
.nav-link.net_akademi::before {
    content: url("/assets/img/icons/menu_nh_academy.svg");
    top: 4px;
    position: relative;
    left: -6px;
}



.navbar-toggler-icon {
    /*background-color: #005d9e;*/
}

.form-control.ws-selector {
    background: #fff0;
    color: #fff;
    border: 0;
    border-bottom: 1px solid;
    border-radius: 0;
    display: inline-block;
    width: 185px;
    font-size: 12px;
}

.form-control.ws-selector option {
    color: #0b51c5;
}

/*main content*/

.tp-revslider-mainul {
    padding-left: 0 !important;
}


.sector {
    padding: 50px;
    position: relative;
}

.section-title {
    margin-bottom: 40px;
    z-index: 10;
    position: relative;
}

.section-title h2{
    text-align: center;
    font-weight: 800;
    font-size: 3.4rem;
}




.highlight_blue {
    color: #2e7eb5;
}

.highlight_white {
    color: #FFFFFF;
}

.mobile-social_media {
    display: none;
}

.fixedSocialButtons {
    position: fixed;
    left: 11px;
    top: 65vh;
    z-index: 100;
    background-color: #f8f9fa;
    padding: 2px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: 0px 0px 9px 0px #000000b3;
}

.fixedSocialButtons .fa-stack {
    background: #005e9f;
    margin: 3px;
    border-radius: 20px;
}

.fixedSocialButtons a {
    color: #ffffff;
    text-align: center;
}

.intro-section {
    display: flex; position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    background-size: cover;
    background-attachment: fixed;
    height: 70vh;
}

.intro-text-sliders {
    position: absolute;
    z-index: 10;
    max-width: 700px;
    padding: 80px;
    margin-top: 5vh;
    margin-right: 5vw;
    color: #fff;
}

  .intro-text-sliders .f5g-logo {
      max-width: 150px;
  }

  .f5gModal .f5g-logo {
    max-width: 80px;
  }

.intro-section.intro-bireysel {
   /* background-image: url('/assets/img/network-room-bg.jpg');*/
   /* background-image: url('/assets/nethouse-video-promo.gif');*/
}

.banner-vid{
    width: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-attachment: fixed;
    z-index: -2;
}

.intro-section.intro-kurumsal {
    background-image: url('/assets/img/kurumsal-bg2.jpg');
    height: 91vh;
    background-position: top right;
}


.intro-section .intro-bg-banner-fill {
    background-color: #0d0d0d8c;
    position: absolute;
    top: 0;bottom: 0;
    left: 0; right: 0;
    z-index: 2;
}

.intro-section .intro-bg-particles {
    position: absolute;
    top: 0;bottom: 0;
    left: 0; right: 0;
    z-index: 4;
}

.intro-section .info {
    position: absolute;
    display: flex;
    flex-direction: column;
    color: #fff;
    align-items: center;
    z-index: 6;
}

.bireysel-page .intro-section {
    align-items: start;
    height: 77vh;
}

.bireysel-page .intro-section .info {
    align-items: start;
    margin-left: 200px
}



.intro-section .info h1 {
    color: #e7f0f9;
    font-size: 45px;
    font-weight: 800;
}

.intro-section .info a {
    color: #ffffff96;
    font-size: 40px;
}

.intro-section .info a.btn {

    font-size: 13px;
}

.kurumsal-page .intro-section .info {
    align-items: start;
    left: 10vw;
    top: 25vh;
    width: 30%;
}

.kurumsal-page .intro-section .info h1 {
    color: #2e7db3c7;
    font-size: 3.2rem;
    font-weight: 400;
    text-transform: uppercase;
}

.kurumsal-page .intro-section .info p {
    color: #2e7db3bf;
    font-size: 1.6rem;
}


.carousel-caption {
    bottom: 0;
    top: 20%;
}

.carousel-caption h1 {
    font-size: 70px;
    font-weight: 600;
    text-transform: capitalize;
}

.about-us .kurumsal-svg-border-top {
    z-index: 2;
    top: -220px;
}

.about-us {

    margin-top: -70px;
    display: flex;
    justify-content: center;
    padding: 0px 0 20px;
    flex-direction: column;
    align-items: center;
    z-index: 5;
}

.about-us .card {
    max-width: 300px;
    margin: 15px;
}

.about_us_comment {
    padding: 15px 80px 60px;
}

.kurumsal-page .about-us h4.card-title {
    font-size: 1.3rem;
    margin-bottom: 0px;
}

/*mdb pro*/

.card.card-cascade.wider {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.card.card-cascade.wider .view.view-cascade {
    z-index: 2;
}
.card.card-cascade .view.view-cascade {
    border-radius: .25rem;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
}

#cascading-cards .card.card-cascade.wider .card-body.card-body-cascade {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
}

.card.card-cascade.wider .card-body.card-body-cascade {
    z-index: 1;
    margin-right: 4%;
    margin-left: 4%;
    background: #fff;
    border-radius: 0 0 .25rem .25rem;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.kurumsal-services-section {
    background: linear-gradient(to right, rgba(0, 94, 159, 0.7) 0%, rgba(0, 94, 159, 0.84) 40%, rgb(0, 93, 157) 80%, rgb(3, 93, 159) 100%);
    height: 40vh;
}

.kurumsal-services-section .asimetrik, .kurumsal-services-section .dedicate {
    padding: 0 7vw;
}

.kurumsal-services-section .container-text h3 {
    font-size: 1.5rem;
    font-weight: 600;
}

.kurumsal-services-section .container-text p{
   line-height: 1.8;
}
 .kurumsal-services-section .container-text ul{
    line-height: 1.5;
}

.kurumsal-services-section .container-text {
    padding: 60px 80px;
}

.kurumsal-services-section .container-text {
    padding: 15px 80px;
}

.kurumsal-services-section .asimetrik img {
    position: absolute;
    right: 40px;
    top: -101px;
    max-width: 80%;
}

.kurumsal-services-section .dedicate img{
    left: 90px;
    position: absolute;
    top: -15px;
    max-width: 80%;
}

.kurumsal-services-section .section-title h2 {
    text-align: left;
    color: #1c5175;
}



.kurumsal-services-section ul{
    color: #ffffffad;
}
.services-section {
    padding: 0px 0px 60px 0;
    background-color: #ffffff;
}

.services-section .nav-pills.nav-fill {
    background: rgba(0,94,159,1);
    background: linear-gradient(to right, rgba(0, 94, 159, 0.7) 0%, rgba(0, 94, 159, 0.84) 40%, rgb(0, 93, 157) 80%, rgb(3, 93, 159) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005e9f', endColorstr='#5058c9', GradientType=1 );
}

.services-section .service_filters {
    display: flex;
    justify-content: center;
    padding: 40px;
    margin-left: 35px;
    place-content: space-evenly;
}

.services-section .service_filters label {
    font-size: 20px;
}

.services-section .nav-fill .nav-item {
    padding: 7px;
    flex: 1 1;
}

.services-section .nav-pills .nav-link {
    border-radius: 0;
    height: 80px;
    align-items: center;
    color: #ffffff75;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.11);
    font-size: 23px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    padding: 0;
}

.services-section .nav-pills .nav-link:hover {
    box-shadow: 0px 0px 5px 1px rgba(255, 255, 255, 0.67) !important;
}

.services-section .nav-pills .nav-link.active {
    color: #fff;
    background-color: #007bff00;
    /*box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.22);*/
    box-shadow: 0px 0px 5px 1px rgba(255, 255, 255, 0.67) ;
}

.services-section .nav-pills .nav-link .icon-container {
    flex: 1;
    height: 100%;
    background-color: #a8bed636;
    align-content: center;
    display: flex;
    justify-content: center;
    opacity: 0.6;
}

.services-section .nav-pills .nav-link .icon-container img {
    width: 35px;
}


.services-section .nav-pills .nav-link.active .icon-container {
    opacity: 1;
}

.services-section .nav-pills .nav-link .text-content {
    text-align: left;
    flex: 3;
    padding: 20px 13px;
}

.services-section .nav-pills .nav-link .text-content h2 {
    font-weight: bold;
    font-size: 1.2rem;
}

.services-section .nav-pills .nav-link .text-content p {
    font-size: 9px;
    margin-bottom: 0;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.services-section .package-container {
    /*display: flex;*/
    /*justify-content: space-around;*/
    /*margin: 10px auto;*/
    text-align: center;
}

.services-section .card-body {
    display: grid;
    justify-content: space-between;
    grid-template-columns: 1fr 2fr 1fr;
}

.services-section .slick-next {
    right: -50px;
}

.services-section .slick-prev {
    left: -70px;
}

.services-section .slick-prev, .services-section  .slick-next {
    background: #185abc;
    padding: 20px;
    line-height: 0;
    width: 60px;
    height: 58px;
}
.services-section .slick-prev:hover, .services-section .slick-next:hover {
    background: #37475f;
    padding: 20px;
    line-height: 0;
    width: 60px;
    height: 58px;
}
.services-section .slick-prev:focus, .services-section .slick-next:focus {
    background: #185abc;
    padding: 20px;
    line-height: 0;
    width: 60px;
    height: 58px;
}



.services-section .package-container .card-contain{
    padding: 10px 0;
    outline: 0;
}


.services-section .package-container .card {
    /*width: 16rem;*/
    border-radius: 25px;
    background: #F7F8F8;
    margin: auto 10px;
}

.services-section #display_wdsl.package-container .card {
    /*min-height: 650px;*/
}


.services-section .package-footer img {
    width: 20px;
    margin: 1px;
}

.services-section .list-group-item {
    padding: .55rem 0.4rem;
}

.services-section .package-container .card:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.83), 0 2px 10px 0 rgba(0,0,0,0.12);
    transition: all ease-in 200ms;
}

#pills-fiber .package-container .text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

#pills-fiber .package-container .text-container h2{
    font-weight: bold;
    color: #3982b4;
    font-size: 3rem;
}
#pills-fiber .package-container .text-container h3{
    font-size: 2.2rem;
    font-weight: 500;
    color: grey;
    opacity: 0.8;
}
#pills-fiber .package-container .text-container h4{
    font-size: 2.6rem;
    font-weight: 500;
    color: grey;
    opacity: 0.6;
}

.services-section .package-container .card:nth-child(1) .package-name {
    background-color: #0097da;
    flex: 0.4;
    align-self: center;
}

.services-section .package-container .card:nth-child(2) .package-name{
    background: linear-gradient(to right, rgba(0, 94, 159, 0.7) 0%, rgba(0, 94, 159, 0.84) 40%, rgb(0, 93, 157) 80%, rgb(3, 93, 159) 100%);
}

.services-section .package-container .card:nth-child(3) .package-name {
    background-color: #025d9e;
}


.services-section .package-container .card .package-name {
    width: 100%;
    clip-path: polygon(50% 0%, 100% 0, 100% 100%, 22% 100%, 0 75%, 0 0);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px;
    border-radius: 20px 20px 20px 60px;
}


.services-section .hosting_table {
    margin-bottom: 20px;
    background-image: url("/assets/img/network-room-bg.jpg");
    background-size: cover;
}

.services-section .hosting_table thead th {
    border-bottom: 0px solid #dee2e6;
    font-weight: 200;
    font-size: 1.9rem;
    text-align: center !important;
    background-color: #FFFFFF;
}

.services-section .hosting_table :not(thead) tr th {
    border-top: 0;
    color: #0006;
    background-color: #FFFFFF;
}

.services-section .hosting_table tr th, .services-section .hosting_table tr td {
    font-size: 1rem;
}

.services-section .hosting_table tr th {
    color: #0000008a;
    font-size: 1.1rem;
    text-align: right;
}



.services-section .hosting_table tr td:not(first-child) {
    width: 15%;
    text-align: center;
    color: #ffffff;
    border-top: 0;
}
.services-section .hosting_table tr td:nth-child(2), .services-section .hosting_table tr td:nth-child(4), .services-section .hosting_table tr td:nth-child(6) {
    background: #005e9fdb;
    border-right: 5px solid #FFFFFF;
    border-left: 5px solid #FFFFFF;
}

.services-section .hosting_table .windows-table tr td:nth-child(2), .services-section .hosting_table .windows-table tr td:nth-child(4), .services-section .hosting_table .windows-table tr td:nth-child(6) {
    background: #343a40d1;
    border-right: 5px solid #FFFFFF;
    border-left: 5px solid #FFFFFF;
}

.services-section .hosting_table tr td:nth-child(3), .services-section .hosting_table tr td:nth-child(5) {
    background: #5f9ea0ed;
}

.package-name h4{
    font-size: 40px;
    margin-bottom: .1rem;
}

.package-name h5{
    font-size: 20px;
    font-weight: 200;
    margin-bottom: .1rem;
}

.package-name p{
    font-size: 18px;
    font-weight: 200;
    margin-bottom: .1rem;
    color: #ffffffb5;
}

.services-section .package-container .card-body .list-group.offers {
    text-align: center;
    color: #006AB3;
    flex: 0.4;
    padding: 0 20px;
}

.services-section .package-container .card-body .list-group.offers .special_offer {
    font-size: 11px;
    /* border: 1px solid #006AB3; */
    /* border-radius: 25px; */
    /* padding: 2px 5px; */
    /* background: #006AB3; */
    color: #006A;
    display: block;
}

.services-section .package-container .card-body .list-group.offers .period {
    font-weight: 800;
}

.services-section .package-container .card-body .list-group-item {
    background: #0000;
    border-left: 0;
    border-right: 0;
    border-color: rgba(24, 92, 172, 0.29);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.services-section .package-container .card-body .list-group-item.paket_details {
    place-content: space-between;
}

.services-section .package-container .card-body .end_column {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.services-section .package-container .card-body .btn-footer {
    flex: 0.3;
    align-self: center;
}

.services-section .package-container .card-body .package-footer .list-group {
    margin-top: 20px;
}

.services-section .package-container .card-body .package-footer .list-group-item {
    border: none;
    font-size: 9px;
    display: flex;
    align-items: center;
}


.services-section .package-container .card-body .package-footer .highlight {
    color: #0b51c5;
}

.services-section .service_notification {
    font-size: 12px;
    opacity: .6;
}

.hosting-section {
    padding: 100px;
}

.hosting-section .windows-table {
    display: none;
}

.kampanyalar-section {
    /*min-height: 30vh;*/
    /*background: linear-gradient(to bottom, rgba(0,94,159,1) 0%, rgba(0,94,159,1) 43%, #2e7eb5 98%, #2e7eb5 90%);*/
    background-image: url("/assets/img/nethouse-race-bg.jpg");
    padding: 30px 10px 30px;
    display: flex;
    justify-content: center;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;

}
.kurumsal-page .yurt-section {
    /*height: 20vh;*/
    background: url(/assets/img/yurt-bg.jpg);
    background-attachment: fixed;
    background-size: cover;
    display: flex;
    justify-items: center;
    align-items: center;
}

.kurumsal-page .yurt-section .text-container{
    /*position: absolute;*/
    background: #ffffffd9;
    width: 50vw;
    left: 0;
    right: 0;
    z-index: 5;
    padding: 32px;
    box-shadow: -1px -1px 12px 0px rgba(0,0,0,0.75);
    /*transform: translate(0, -77px) rotate(0deg);*/
    margin: auto;
    border-radius: 9px;
}

.kurumsal-page .yurt-section .text-container p {
    text-align: center;
}


.kurumsal-page .basvur-section {
    background: radial-gradient(rgba(0,0,0,0.12), transparent);
}


.basvur-section .form_basvur {
    position: relative;
    z-index: 2;
}

.bireysel_basvuru_form_success_msg, .bireysel_basvuru_form_failure_msg,
.kurumsal_basvuru_form_success_msg, .kurumsal_basvuru_form_failure_msg,
.contact_form_success_msg, .contact_form_failure_msg, .alert-success, .alert-danger{
    display: none;
}

.kampanyalar-section .section-title h2{
    color: #FFFFFF;
}

.kampanyalar-section .section-title {
    margin: 15px 0 45px;
}

.rgba-blue-strong {
    background-color: rgba(0, 94, 159, 0.85);
}

.slick-initialized .card.card-image {
    margin: 6px;
    position: relative;
    border: 0px solid #9e9e9e00;
    background-color: #ffffff00;

}

.slick-initialized .card.card-image img {
    margin: auto;
}

.slick-initialized .card.card-image:hover >  .rgba-blue-strong{
    background-color: rgba(0, 94, 159, 0.45);
}

.slick-dots li button {
    background: #2678b1;
}
.slick-dots li.slick-active button {
    background: #f99b24;
}

.services_text_container {
    margin: auto;
}

.services_text_container h2 {
    font-weight: 900;
    font-size: 2.7rem;
}

.basvur-section .svg-border-top {

    z-index: 0;
    top: -217px;

}

.basvur-section .basvur-btn{
    border-radius: 25px;
    min-width: 170px;
}

.form_basvur {
    text-align: center;
}

.form_basvur .form-control {
    border-radius: 20px;
    font-size: 17px;
    margin: 10px auto;
}


.kurumsal-section {
    background-image: url("/assets/img/kurumsal-bg2.jpg"); background-size: cover;
    padding: 170px 50px;
    color: #fff;
    background-attachment: fixed;
}

.kurumsal-section .container-text {
    color: #2e7db3;
}

.kurumsal-section h2 {
    font-size: 36px;
    font-weight: 500;
    text-transform: capitalize;
}

.kurumsal-section button {
    margin: auto;
    display: block;
}


.faq-section .list-group-item p {
    color: #2125297a;
}

.faq-V2 {
    padding: 50px
}

.faq-V2 .masonry {
    display: grid;
    grid-gap: 0em;
    grid-template-columns: repeat( auto-fill, minmax( 350px, 1fr ) );
    grid-auto-rows: 110px;

    background-image: url(/assets/img/overlook.jpg);
    background-size: cover;
    background-attachment: fixed;

}

.faq-V2 .col--1x {
    grid-row-end: span 2;
}
.faq-V2 .col--2x {
    grid-row-end: span 3;
}
.faq-V2 .col--3x {
    grid-row-end: span 2;
}
.faq-V2 .col--4x {
    grid-row-end: span 3;
}
.faq-V2 .col--5x {
    grid-row-end: span 2;
}
.faq-V2 .col:nth-child(6n+1) {
    background-color: #a11;
}
.faq-V2 .col:nth-child(5n+1) {
    background-color:  #000;
}

.faq-V2 .col:nth-child(4n+1) {
    background-color: #d1d;
}
.faq-V2 .col:nth-child(3n+1) {
    background-color:  #000;
}
.faq-V2 .col:nth-child(2n+1) {
    background: #0b66a4;
    color: #ffffff;
}
.faq-V2 .col {
    padding: 5px 15px;
    border-radius: 3px;
    background: #17a2b8;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 1px 1px 7px 0px rgb(0 0 0 / 35%);
    opacity: 0.9;
}

.faq-V2 .col:hover {
    background: #eee;
    color: #000;
    transition: 400ms ease-in all;
    cursor: cell;
}

.faq-V2 .col p{
    opacity: 0.8;
    font-size: 13px;
}

.app-promo {
    background-color: #f8cd02;

}

.app-promo .app-promo-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.app-promo .app-promo-content {
    font-weight: 100;
    color: #ffffff;
    padding: 20px;
}

.app-promo img{
    max-width: 578px;
}

.app-promo .app-stores{
    display: flex;
    justify-content: center;

}

.app-promo .app-stores img{
    max-width: 170px;
    margin: 10px;
}

.bankaHesapModal .card-header:hover {
    background-color: #419061;
}

.bankaHesapModal .bank-icon {
    max-width: 75px;
}

.bankaHesapModal .badge-pill {
    font-size: 18px;
    margin-bottom: 5px;
    padding: 8px 21px;
    display: block;
}


.pack-info-div {
    display: flex;
    justify-content: center;
    padding: 20px;
}
.pack-info-div a.procedure-btn {
    text-decoration-line: underline;
    color: #2c7db3;
    font-size: 1.5rem;

}

.procedure-list li {
    margin: 10px;
}

.slick-dots li.slick-active button {
    background: #f99b2400;
}


footer.contact-section {
    position: relative;
    height: 75vh;
    display: flex;
    justify-content: center;
    margin-top: -1px;
}


footer.contact-section .hizmet-noktalari-map, footer.contact-section .hizmet-noktalari-info {
    position: absolute;
    left: 0;right: 0;
    height: 100%;
    /*bottom: 0;top: 0;*/
}

.footer-copyright {
    display: flex;
    justify-content: center;
    padding: 6px;
    background-color: #FFFFFF;
}

footer.contact-section .hizmet-noktalari-info {
    background: #0c66a5de;
    display: flex;
    align-items: center;
    filter: opacity(1);
    transition: 1s;
}

footer.contact-section.show_map .hizmet-noktalari-info {
    filter: opacity(0);
    transition: 1s;
}


footer.contact-section .hizmet-noktalari-info .contact-info {
    color: #FFFFFF;
}

footer.contact-section .hizmet-noktalari-info .contact-info p{
    color: #ffffff9e;
}


.shadow-effect {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    text-align: center;
    border:1px solid #ECECEC;
    box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
}
.kampanyalar-section .shadow-effect p {
    font-family: inherit;
    font-size: 17px;
    line-height: 1.5;
    margin: 0 0 17px 0;
    font-weight: 300;
}

.kampanyalar-section .item {
    text-align: center;
    opacity: .2;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.kampanyalar-section .owl-item.active.center .item {
    opacity: 1;
    -webkit-transform: scale3d(1.0, 1.0, 1);
    transform: scale3d(1.0, 1.0, 1);
}
.kampanyalar-section .owl-carousel .owl-item img {
    transform-style: preserve-3d;
    max-width: 230px;
    margin: 0 auto 17px;
    cursor: grab;
}
.kampanyalar-section .owl-carousel .owl-dots .owl-dot.active span,
.kampanyalar-section .owl-carousel .owl-dots .owl-dot:hover span {
    background: #fff;
    transform: translate3d(0px, -50%, 0px) scale(0.7);

}
.kampanyalar-section .owl-carousel .owl-dots{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.kampanyalar-section .owl-carousel .owl-dots .owl-dot{
    display: inline-block;
}
.kampanyalar-section  .owl-carousel .owl-dots .owl-dot span {
    background: #fff;
    display: inline-block;
    height: 20px;
    margin: 0 2px 5px;
    transform: translate3d(0px, -50%, 0px) scale(0.3);
    transform-origin: 50% 50% 0;
    transition: all 250ms ease-out 0s;
    width: 20px;
}

/*Layered Hover Button*/
.btn-wrapper {
    width: 55%;
    height: 55px;
    position: relative;
    margin: 0px auto 0;
}
.btn-wrapper:hover .btn-inner {
    top: -4px;
    transform: scale(1, 1);
    cursor: pointer;
}
.btn-wrapper__container {
    border-bottom: 2px solid #4285f485;
    position: absolute;
    width: 100%;
    height: 42px;
}
.btn-wrapper__container:before, .btn-wrapper__container:after {
    border-bottom: 2px solid #4285f436;
    width: 96%;
    left: 2%;
    bottom: -8px;
    content: "";
    position: absolute;
}
.btn-wrapper__container:after {
    width: 92%;
    left: 4%;
    bottom: -14px;
}
.btn-wrapper__container .btn-inner {
    width: 104.2%;
    height: 100%;
    position: absolute;
    top: 20px;
    left: -2.1%;
    border: 2px solid #4285f4;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 18px;
    background: #f7f8f8;
    transform: scale(0.96, 0.96);
    transition: all .3s;
    z-index: 4;
    border-radius: 25px;
}

.btn-wrapper__container .btn-inner:hover {
    background: #4285f4;
    color: #fff !important;
    box-shadow: 0px 14px 14px 0px rgba(0,0,0,0.15);
}

.btn-wrapper__container .btn-inner__text:hover {
    color: #FFFFFF;
}
.btn-wrapper__container .btn-inner:hover > a{
    color: #FFFFFF;
}

.btn-wrapper__container .btn-inner__text {
    text-decoration: none;
    font-size: 12px;
}



/* The switch - the box around the slider */
.btn-footer {
    text-align: center;
}

.switch.switch_contact_info{
    margin-top: -40px;
    z-index: 10;
}

.switch input[type="checkbox"].toggle {
    opacity: 0;
    position: absolute;
    left: -99999px;
}
.switch input[type="checkbox"].toggle + label {
    height: 48px;
    line-height: 40px;
    background-color: #F99B24;
    padding: 0px 16px;
    border-radius: 35px;
    border: 4px solid #fff;
    display: inline-block;
    position: relative;
    cursor: pointer;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    /*-moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5);*/
    /*-webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5);*/
    /*box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5);*/
}
.switch.dash input[type="checkbox"].toggle + label:before
/*, .switch.dash input[type="checkbox"].toggle + label:hover:before */
{
    content: ' ';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 46px;
    height: 36px;
    background: url("/assets/img/icons/pointer-icon.svg") center no-repeat, #fff;
    z-index: 2;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 35px;
}

.switch input[type="checkbox"].toggle + label:before
/*, .switch input[type="checkbox"].toggle + label:hover:before */
{
    content: ' ';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 46px;
    height: 36px;
    background: url("/assets/img/icons/pointer-hand-icon.svg") center no-repeat, #fff;
    z-index: 2;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 35px;
}


.switch input[type="checkbox"].toggle + label .off, .switch input[type="checkbox"].toggle + label .on {
    color: #fff;
    font-weight: 400;
    font-size: 0.8rem;
}
.switch input[type="checkbox"].toggle + label .off {
    margin-left: 46px;
    display: inline-block;
}
.switch input[type="checkbox"].toggle + label .on {
    display: none;
}
.switch input[type="checkbox"].toggle:checked + label .off
/*.switch input[type="checkbox"].toggle:hover + label .off*/
{
    display: none;
}
.switch input[type="checkbox"].toggle:checked + label .on
/*.switch input[type="checkbox"].toggle:hover + label .on*/
{
    margin-right: 46px;
    display: inline-block;
}
.switch input[type="checkbox"].toggle:checked + label, .switch input[type="checkbox"].toggle:focus:checked + label {
    background-color: #F99B24;
}
.switch input[type="checkbox"].toggle:checked + label:before,
/*.switch input[type="checkbox"].toggle:checked + label:hover:before, */
.switch input[type="checkbox"].toggle:focus:checked + label:before
 /*,input[type="checkbox"].toggle:focus:checked + label:hover:before */
{
    background-position: center;
    top: 2px;
    left: 100%;
    margin-left: -48px;
}


/*Animated border on hover*/
.hover_border {

    position: relative;
    display: inline-block;
    cursor: pointer;
    color: #2c3e50;
     -webkit-transition: background 0.4s 0.5s;
    transition: background 0.4s 0.5s;
}

.hover_border:hover {
    background: rgba(255,255,255,0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}


.hover_border span {
    display: block;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
    padding: 5px;
}

.hover_border h3,
.hover_border span {
    -webkit-transition: color 0.4s 0.5s;
    transition: color 0.4s 0.5s;
}

.hover_border:hover h3,
.hover_border:hover span {
    color: #fff;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}


.hover_border svg {
    position: absolute;
    top: 0;
    left: 0;
}

.hover_border svg line {
    stroke-width: 0;
    stroke: #ecf0f1;
    fill: none;
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.hover_border:hover svg line {
    stroke-width: 1;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.hover_border svg line.top,
.hover_border svg line.bottom {
    stroke-dasharray: 330 240;
}

.hover_border svg line.left,
.hover_border svg line.right {
    stroke-dasharray: 490 400;
}

.hover_border:hover svg line.top {
    -webkit-transform: translateX(-600px);
    transform: translateX(-600px);
}

.hover_border:hover svg line.bottom {
    -webkit-transform: translateX(600px);
    transform: translateX(600px);
}

.hover_border:hover svg line.left {
    -webkit-transform: translateY(920px);
    transform: translateY(920px);
}

.hover_border:hover svg line.right {
    -webkit-transform: translateY(-920px);
    transform: translateY(-920px);
}

.call_us_plugin {
    position: fixed; bottom: 0px; right: 8px; z-index: 99999;
    --call-us-form-header-background:#007bc7;--call-us-header-text-color:#ffffff;
    --call-us-form-height:470;
    --call-us-form-width:100%;
    overflow-x: hidden;
}

.services-section .tab-content {
    margin: 5px 15px;
}

/*Large Screens*/
@media (min-width: 2400px) {
    .navbar .nav-item .nav-link {
           margin: 0 60px !important;
           font-size: 18px;
    }

    .services .nav-pills .nav-link {
        border-radius: 0;
        height: 110px;
    }

    .services .nav-pills .nav-link .text-content h2 {
        font-size: 2.1rem;
    }

    .kampanyalar-section .svg-border-top {
          top: -284px;
    }

    .basvur-section .svg-border-top {
          top: -284px;
    }

    .basvur-section .svg-border-bottom {
         bottom: -402px;
    }

    .kurumsal-services-section .dedicate img {

        top: -100px;
    }

    .intro-text-sliders {
        margin-top: 20vh;
    }
}


@media (min-width: 992px) and (max-width: 2399px) {
    .navbar-expand-lg .navbar-nav {
        margin-right: 4rem;
    }

    .navbar .nav-item .nav-link {
        margin: 0 15px;
    }

    .intro-text-sliders {
        margin-top: 15vh;
    }

}


/*Medium laptops*/
@media (max-width: 1558px) {

    .switch input[type="checkbox"].toggle + label .off, .switch input[type="checkbox"].toggle + label .on {
        color: #fff;
        font-weight: 400;
        font-size: 0.7rem;
    }

    .navbar .nav-item .nav-link {
        margin: 0 15px;
        font-size: 12px;
        justify-content: center;
        display: flex;
        align-items: center;
    }

    .navbar-brand {
        margin-left: 0rem;
    }

    .navbar-expand-lg .navbar-nav {
        margin-right: 0rem;
    }

    .services .nav-fill .nav-item {
        padding: 10px;
    }

    .services .nav-pills .nav-link .text-content p {
        font-size: 12px;
    }


    .services .nav-pills .nav-link .text-content h2 {
        font-weight: bold;
        font-size: 1.3rem;
    }

    .kurumsal-services-section .asimetrik, .kurumsal-services-section .dedicate {
        padding: 0 2vw;
    }

    .kurumsal-services-section .asimetrik img {
        top: -65px;
    }

    .kurumsal-services-section .dedicate img {
        top: 10px;
    }
}

/*Tablet*/
@media only screen and (min-width:621px) and (max-width:1028px) {

    .navbar-brand .logo {
        max-width: 125px;
    }

    .navbar .nav-item .nav-link {
        margin: 0 10px;
    }
    .switch input[type="checkbox"].toggle + label {
        height: 48px;
        line-height: 33px;
        padding: 0 4px;
    }

    .switch input[type="checkbox"].toggle + label:before {

        width: 33px !important;
        height: 28px !important;
    }

    .navbar .nav-item {
        padding: 0px 0px;
        display: flex;
        justify-content: left;
        align-items: center;
        margin:  0px;
    }

    .navbar .nav-item:not(:nth-child(1)):before {
        content: url(/assets/img/menu-strip.jpg);
        display: none;
    }
    .kurumsal-page .about-us .card {
        max-width: 240px;
        margin: 2px;
    }

    .bireysel-page .intro-section {
        height: unset;
    }

    .services-section .service_filters {
        flex-direction: column;
    }

    .services-section .package-container .card-body .list-group-item.paket_details {
        flex-direction: column;
    }

    .package-footer {
        display: none;
    }

    .intro-section.intro-kurumsal {
        background-image: url(/assets/img/kurumsal-bg2.jpg);
        height: 71vh;
        background-position: top center;
    }

    .kurumsal-section {
        background-image: url(/assets/img/kurumsal-bg2.jpg);
        padding: 62px 50px;
        background-position: center;
    }

    .kurumsal-page .intro-section .info {
        top: 20vh;
        width: 60%;
    }
    .kurumsal-services-section {
        height: 70vh;
    }

    .kurumsal-services-section .asimetrik img {
        top: 65px;
    }
    .services-section .nav-pills .nav-link {
        height: 60px;
    }
    .services-section .nav-pills .nav-link .text-content h2 {
        font-size: 1.1rem;
    }

    .services-section .nav-pills .nav-link .text-content p {
        font-size: 10px;
    }
    .services-section .package-container .card-contain {
        padding: 7px 0;
    }

    .services-section .package-container .card .package-name {
        padding: 15px;
        clip-path: polygon(50% 0%, 100% 0, 100% 100%, 15% 100%, 0 70%, 0 0);
        border-radius: 20px 20px 20px 50px;
        width: 100%;
    }

    .package-name h4 {
        font-size: 50px;
    }

    .package-name h5 {
        font-size: 17px;
    }

}

/*Mobiles*/
@media (max-width: 500px) {

    .only-mobile {
        display: block !important;
    }


    .no-mobile {
        display: none !important;
    }


    .mobile-actions {
        display: flex !important;
    }
    .mobile-actions .mobile-panel-login {
        display: flex;
        align-items: center;
        margin-right: 15px;
    }
    .mobile-actions #lang_el a {
        color: #0000008a;
        padding: 6px;
    }

    .bireysel-page .intro-section {
        height: unset;
    }

    .bireysel-page .intro-text-sliders {
        display: none ;
    }

    .bireysel-page .intro-section .info {
        margin-left: 25px;
    }

    .services-section .card-body {
        display: flex;
        flex-direction: column;
    }

    .services-section .package-container .card-body .btn-footer {
        align-self: unset;
    }

    .services-section .package-container .card-body .list-group-item.paket_details {
        flex-direction: column;
    }

    .company_state, .top_nav_actions {
        padding: 3px;
        line-height: 3;
        text-align: center;
    }
    .company_state li, .top_nav_actions li {

        font-size: 11px;
        margin: 10px;
        border: 1px solid #ffffff75;
        padding: 12px 5px;
        white-space: nowrap;
    }

    .company_state li a, .top_nav_actions li a{
        color: #FFFFFF;
        font-size: 14px;
        padding: 7px 5px;
    }

    .top_nav_actions #lang_el a {
        margin: 0 5px;
        padding: 10px;
    }
    .company_state li.divider-line {
        display: none;
    }

    .switch input[type="checkbox"].toggle + label {
        height: 48px;
        line-height: 38px;
        padding: 0 4px;
    }

    .switch input[type="checkbox"].toggle + label:before {

        width: 33px;
        height: 28px;
    }

    .navbar {
        padding: 0;
    }
    .top_bar_nav {
        display: none;
    }

    .nav_section .navbar-collapse.show {
        height: 100vh;
        background-color: #00568c;
        transition: all ease 2s;
        background: linear-gradient(to bottom, #00568c, #167190, #00568c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        overflow-y: scroll;
    }
    .mobile-collection .row {
        align-content: space-evenly;
        justify-content: space-evenly;
        width: 100vw;
        margin-top: 15px;
    }
    .mobile-collection .row .card{
        width: 30%; font-size: 13px;
        background-color: #ffffff0d; color: #FFFFFF;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgb(255 255 255 / 0%);
    }
    .mobile-collection .row .card .card-title {
        margin-bottom: 0rem;
        margin-top: .5rem;
        text-align: center;
    }

    .mobile-collection .row .card .card-body{
        text-align: center; padding: 1.0rem;
    }

    .navbar-brand {
        margin-left: 15px;
    }

    .navbar .nav-item {
        padding: 0px 0px;
        display: flex;
        justify-content: left;
        align-items: center;
        margin:  0px;
        padding: 6px;
        border-bottom: 1px solid #ffffff2b;
    }

    .navbar .nav-item .nav-link {
        color: #FFFFFF;
    }

    .nav-link.kampanyalar::before,
    .nav-link.wdsl::before,
    .nav-link.adsl::before,
    .nav-link.vdsl::before,
    .nav-link.fiber::before,
    .nav-link.hosting::before,
    .nav-link.asimetrik::before,
    .nav-link.dedike::before,
    .nav-link.yurt::before,
    .nav-link.nh_gamer::before,
    .nav-link.net_akademi::before {
        display: none;
    }

    .navbar .nav-flex-icons.secondary-menu {
        flex-direction: column;
        align-items: center;
    }

    .navbar .nav-item:not(:nth-child(1)):before {
        content: url(/assets/img/menu-strip.jpg);
        display: none;
    }

    .section-title h2{
        font-size: 2.2rem;
    }

    .services-section .nav-pills .nav-link {
        height: 55px;
    }

    .slick-dots li.slick-active button {
        background: #f99b24;
    }

    .services-section .package-container .card-contain {
        padding: 15px 0;
        justify-items: center;
    }
    .services-section .package-container .card {
        width: 80vw;

    }

    #pills-fiber .package-container .text-container h2,  #pills-fiber .package-container .text-container h3,  #pills-fiber .package-container .text-container h4{

        font-size: 1.1rem;
    }

    .services-section .package-container .card .package-name {
        padding: 15px;
        clip-path: polygon(50% 0%, 100% 0, 100% 100%, 15% 100%, 0 70%, 0 0);
        border-radius: 20px 20px 20px 65px;
    }

    .package-name h4 {
        font-size: 55px;
    }

    .package-name h5 {
        font-size: 17px;
    }

    .fixedSocialButtons {
        display: none;
    }

    .mobile-social_media {
        list-style: none;
        margin: 2px 0;
        padding: 0;
        display: inline-flex;
    }

    .mobile-social_media li a{
        padding: 10px;
        color: #ffffff;

    }

    .intro-section .info h1 {
        font-size: 25px;
    }

    .intro-section .info a {
        font-size: 20px;
    }

    .intro-section .info a.btn {
        font-size: 14px;
    }

    .intro-section.intro-kurumsal {
        height: 65vh;
        background-position: center;
    }

    .kurumsal-section {
        background-position: center;
        padding: 70px 0px;
    }

    .kurumsal-section h2 {
        font-size: 30px;
    }

    .kurumsal-page .intro-section .info {
        align-items: start;
        left: 10vw;
        top: 16vh;
        width: 90%;
    }

    .kurumsal-page .intro-section .info h1 {
        color: #2e7db3c7;
        font-size: 2.5rem;
    }

    .kurumsal-page .intro-section .info p {
        color: #2e7db3bf;
        font-size: 1.2rem;
    }

    .about-us {
        margin-top: 7px;
        width: 100vw;
        overflow: scroll;
        align-items: flex-start;
    }

    .about-us .card {
        width: 100vw;
    }

    .about-us-card-section {
        justify-content: center;
        flex-wrap: nowrap;
    }

    .services-section .nav-fill .nav-item {
        padding: 10px;
    }

    .services-section .nav-pills .nav-link .text-content {
        display: none;
    }

    .kurumsal-services-section {
          height: auto;
    }

    .kurumsal-services-section .asimetrik img, .kurumsal-services-section .dedicate img {
        display: none;
    }

    .hosting-section {
        padding: 100px 0;
    }

    .services-section .package-container .card-body .list-group-item {
        display: grid;
        grid-template-rows: auto;
        align-self: center;
    }

    footer.contact-section .hizmet-noktalari-map, footer.contact-section .hizmet-noktalari-info {
        position: absolute;
        left: 0;
        right: 0;
        height: 100%;
    }

    footer.contact-section {
        height: 180vh;
    }

    .kurumsal-page .yurt-section .text-container {
        width: 100vw;
        padding: 15px;
    }

    .faq-V2 {
        padding: 10px;
    }

    #bankaHesap .list-group-item {
        flex-direction: column;
    }


 }



.carousel {
    width: 100%;
}

.slide-box {
    display: flex;
    justify-content: space-between;
}

@media (min-width: 576px) and (max-width: 767px) {
    .slide-box img {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .slide-box img {
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

@media (min-width: 992px)
{
    .slide-box img {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .services-section .package-container .card {
        /*min-height: 635px;*/
    }
}

.carousel-caption {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: .5rem;
}