@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
@import url(css/bootstrap.min.css);

body {
    font-family:'Roboto', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 300;
}
strong {
	font-weight:700;
}
/*HEADER */
.bg-darkblue {
    background-color: #090c21;
}


.bg-footer {
    background-color: #0d112c;
}
.bg-footerend {
    background-color: #0a0c1e;
}
.bg-white {
    background-color: #fff;
}
.header-h {
    height: 42px;
    font-weight: 300;
    font-size: 0.9rem;
}
.color-orange {
    color:#ff5400;
}
.color-orange a {
    color:#fff;
    text-decoration: none;
}
.color-orange a:hover{
    color:#ff5400;
}
.btn-myinfo {
    background-color: #303872;
    color: #fff;
    font-size: calc(0.625rem + 0.2vw);
    font-weight: 300;
}.btn-myinfo:hover {
    background-color: #3d4999;
}
.menufont {
    font-weight: 500;
    
}.menufont a { color: #090c21;}
.menufont a:hover { color: #ff5400;}

.hr-color {
    color: #c0c5e9;
}
.banner {
    background-color: #e9e9f4;
}
.h1{
    font-size:calc(1.5rem + 2vw);
    font-weight: 900;
    margin-top:-1vw;
}
.wph1{
    font-size:calc(1.25rem + 0.7vw);
    font-weight: 900;
	color: #090c21;
}
.color-darkblue {color: #090c21;}

.h2 {
    font-size:calc(1rem + 4vw);
    font-weight: 900;
    margin-top:-2.2vw;
} 
.mersin {
    font-weight: 900;
    font-size: 1.5rem;
}
.h3 {
    font-weight: 900;
    font-size:calc(1.5rem + 1vw);
}
.h-display-1 {
    font-size:calc(1rem + 1vw);
}
.h-display-3 {
    font-size: calc(1rem + 0.9vw);
    font-weight: 400;
}

.ul-display-4 {
    font-size: calc(0.75rem + 0.8vw);
}

.mt-n1 {
    margin-top: -0.25vw !important;
  }
.mt-n2 {
    margin-top: -0.5vw !important;
  }
  .mt-n3 {
    margin-top: -1vw !important;
  }
  .mt-n4 {
    margin-top: -1.25vw !important;
  }

  .w-90 {
    width: 90%;
  }
  .footer-width {
    width: 55%;
  }
.ul-fs-1 {
    list-style-type:none;
    font-size: calc(1rem + 0.2vw);
    padding: 0;
    margin: 0;
    font-weight: 400;
}

.ul-fs-1 li{
    margin: 15px 0;
}

.footer-list {
    list-style-type:none;
    padding: 0;
    margin: 0;
}

.footer-list li{
    margin: 10px 0;
}
.footer-list a {
text-decoration: none;
color: #fff;
transition: ease-out .2s;
}
.footer-list a:hover {
    text-decoration: none;
    color:#ff6c00;
    transition: ease-in .2s;
    }


.list-icon {
color: #ff5400;
font-size: calc(0.625rem + 0.7vw);
padding-right: 5px;
}
.btn-darkblue {
    background-color: #090c21;
    color: #fff;
    font-size: calc(1rem + 0.25vw);
}
.btn-darkblue:hover {background-color: #131943}

.btn-orange {
    background-color:#ff5400;
    color: #fff;
    font-size: calc(1rem + 0.25vw);
}
.btn-orange:hover {background-color: #ff6c00}

.bg-lightpurple {
    background-color:  #efeff7;
    background-image: url(img/hizmetler-bg-circle.webp), url(img/hizmetler-bg-top-circle.webp);
    background-position: right 90%, left top;
    background-repeat: no-repeat, no-repeat;
}
.bg-lightpurple2 {
    background-color:  #efeff7;
}

.btn-card-orange {
    background-color:#ff5400;
    color: #fff;
    font-size: calc(0.8rem + 0.3vw);
}
.btn-card-orange:hover {background-color: #ff6c00}

.card-icon-class {
    font-size: calc(3rem + 1vw);
    text-align: center;
    font-weight: 700;
    color: #ff5400;
}
.card-width {
    width: 25%;
}
.card-job-width {
	width:30%;
  }

.card-title {
    font-weight: 700;
    color:#090c21;
}

.btn-card-darkblue {
    background-color:#090c21;
    color: #fff;
    font-size: calc(0.8rem + 0.25vw);
}
.btn-card-darkblue:hover {background-color:#131943}

.btn-promo-orange {
    background-color:#ff5400;
    font-size: calc(0.8rem + 0.3vw);
    font-weight: 500;
}
.btn-promo-orange:hover {background-color: #ff6c00}

.promo {
height: 580px;
background-image: url(img/sabay-orta-bg.jpg);
}
.bg-orange {
    background-color: #ff5400;
}
.mt-npromo {
    margin-top: -100px;
}
.bold {
    font-weight: 900;
    font-size: calc(2rem + 1vw);
}
.fs-promo {
    font-size: calc(1rem + 0.5vw);
}

.carousel-inner {
    padding: 10px 2px;
  }
 
  .carousel-control-prev,
  .carousel-control-next {
    background-color:#ff6c00;
    width: 6vh;
    height: 6vh;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-80%);
  }


@media screen and (min-width:992px) and (max-width:1199.98px) {
.fs-mylg-1 {
    font-size:calc(0.4rem + 0.7vw);
} 
.promo {
    background-position: 60% 50%;
    }  
}

@media screen and (min-width:768px) and (max-width:991.98px) {
    
    .h3 {
        font-weight: 900;
        font-size:calc(1.25rem + 0.5vw);
    }

    .h-display-3 {
        font-size: calc(1rem + 0.5vw);
        font-weight: 400;
    }

    .btn-darkblue {
        width: 100%;
    }
    .btn-orange {
        width: 100%;
    }

    .card-width {
        width: 45%;
    }
 
    .promo {
        background-position: 60% 50%;
        }
        .footer-width {
            width: 100%;
          }
.card-job-width {
	width:32%;
  }
}

@media screen and (min-width:576px) and (max-width:767.98px) {
    .h3 {
        font-weight: 900;
        font-size:calc(1.25rem + 0.5vw);
    }

    .h-display-3 {
        font-size: calc(1rem + 0.5vw);
        font-weight: 400;
    }

    .btn-darkblue {
        width: 100%;
    }
    .btn-orange {
        width: 100%;
    }

    .card-width {
        width: 46%;
    }

    .bold {
        font-weight: 700;
        font-size: calc(1.5rem + 0.8vw);
    }
    .fs-promo {
        font-size: calc(0.625rem + 0.6vw);
    }

    .promo {
        background-position: 50% 50%;
        }
        .footer-width {
            width: 100%;
          }

	.card-job-width {
	width:45%;
  }
}

@media screen and (max-width:575.98px) {
    .h3 {
        font-weight: 900;
        font-size:calc(1.25rem + 0.5vw);
    }

    .h-display-3 {
        font-size: calc(1rem + 0.5vw);
        font-weight: 400;
    }

    .btn-darkblue {
        width: 100%;
    }
    .btn-orange {
        width: 100%;
    }
    .card-width {
        width: 72%;
    }
    .promo-width{
        width: 100%;
        border-bottom: #ff6c00 solid 1px;
        margin-bottom: 20px;
    }
    .promo-width:nth-last-of-type(1){
        border-bottom: none;
    }
    .promo {        
        background-position: 35% 70%;
        }
        .footer-width {
            width: 100%;
          }
.card-job-width {
	width:94%;
  }
}


/***********  YORUM CSS KODLARI  **************/		

h4.kacyorum {font-weight: bold;font-size: 13px; color: #cd4837;line-height: 28px;margin: 12px 0;}
.yorum {margin-bottom: 15px;}
.yorum a {color: #404040;}

.yorumkullanici h3 {font-size :14px; font-weight: bold;color: #75ab61; margin-bottom: 5px;}
.yorumtarih { float:left; margin-bottom: 12px; font-size: 11px; color:#a2a2a2}
.yorumyazi {font-size: 13px;color: #626262;line-height: 22px;}
.yorumyazi p {text-indent: 0px; }
.yorumlistele > li {list-style-type:none;width:100%; margin-bottom:25px; padding-bottom:25px; border-bottom:#dfe0eb solid 1px}
ul.children{padding:0px 0px 0px 50px !important;}
.cevapla {font-size: 12px; margin-top: 5px;}
em.yorumonay {font-size:12px;}

/* Yorum Ekle */
#respond {overflow: hidden; background-color: #F5F5F5;border: 2px solid #FFFFFF;border-radius: 0 0 2px 2px; padding:10px 5%; width: 100%;}
#respond h4 {font-family: 'Open Sans', sans-serif; margin-bottom: 5px; font-size: 13px;}
#respond h4 a {color: #D45255;}
#respond .comment {width: 98%; font-family: 'Open Sans', sans-serif; border: none; padding: 15px 10px 30px 15px; margin-top: 10px; border-radius: 2px;}
#respond input[type='text']{border: none; border-radius: 2px; padding: 12px 10px 11px 10px; margin-bottom: 10px;}
#respond input[type='submit'] {float: right; margin:0 -5px 0 0; border: none; background-color: #00979d; padding: 12px 10px 11px 10px; color: #fff;font-weight: bold; border-radius: 2px}
p#yorumgiris {font-size: 13px;}