/*
    Created on : 31 Ag 2022, 11:30:07
    Author     : Bixcod Yazılım
*/

/* GENEL */
html,body{font-family: 'Poppins', sans-serif;}
p{font-size: 14px}
.modal{z-index: 9999999999}
.filter{position: absolute;top: 0;height: 100%;width: 100%;background-color: rgba(0,0,0,.6);border-radius: 8px}
a{text-decoration: none}
.navbar-toggler-icon{line-height: 1.5em}
.navbar-toggler:focus{box-shadow: none}
.sticky-connect{position: fixed;bottom: 41px;right: 28px;z-index: 25;}
/* GENEL  END*/

/* HEADER */
header nav{box-shadow: 0px 15.871210098266602px 31.742420196533203px 0px rgba(24, 100, 211, 0.05);z-index: 11;position: fixed !important;width: 100%;background-color: #fff;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;flex-direction: column;padding: 0 !important}
header nav .container{padding: 15px 0}
header nav .nav-link{color: #1864D3;font-weight: 600}
header nav .nav-item.active a{border: 1px solid #a7191a}
header nav .nav-item {display: flex;float: left;padding-right: 8px;}
header nav .nav-item i{line-height: 35px;color: #fff}
header nav button{margin-left: auto;border-radius: 50px;background: #1864D3;border:1px solid #1864D3;color: #fff;padding: 13px 30px;font-weight: 600;-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
header nav button:hover{color: #1864D3;background: #fff;-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
header nav .navbar-toggler{color: #333;margin-left: 0}
/* HEADER END */

/* SLIDER */
.content .main-slider{position: relative;z-index: 0;background: #F7F8FA;}
.content .main-slider .slider-text{position: absolute;top: 0;height: 100%;width: 100%}
.content .main-slider .slider-text .absolute-div{position: absolute;left: 50%;top: 30%;width: 36%;text-align: center;transform: translate(-50%, -50%);}
.content .main-slider .slider-text .try{border-radius: 5px;background: #136FFA;border: 1px solid #136FFA;color: #fff;padding: 20px 50px;top: 60%;position: absolute;left: 50%;transform: translate(-50%, -60%);text-decoration: none;font-weight: 600;-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.content .main-slider .slider-text .try:hover{-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;background-color: #fff;color: #136FFA}
.content .main-slider .slider-text h1{color: #1D293F;font-size: 50px;margin-bottom: 20px;font-weight: 600;}
.content .main-slider .slider-text span{color: #1864D3;}
.content .main-slider .slider-text p{color: #1D293F;font-size: 20px;}
/* SLIDER END */

/* CONTENT */
.content .hizmet {text-align: center;padding: 45px 0}
.content .hizmet h2{color: #1864D3;font-weight: 600;font-size: 43px;}
.content .hizmet .item{background-color: #F7F8FA;padding: 15px;display: flex;align-items: start;text-align: left;border-radius: 10px;}
.content .hizmet .item img{width: auto;margin-right: 15px}
.content .hizmet p{color: #1D293F;font-size: 16px;min-height: 48px}
.content .hizmet .item h3{font-size: 21px;font-weight: 600;color: #1D293F}
.content .hizmet-img .item {opacity: .5;}
.content .hizmet-img .owl-item.active.center .item {opacity: 1;}
.content .hizmet .card{border: none;padding: 20px;box-shadow: 0px 4px 48px 0px rgba(0, 0, 0, 0.04);align-items: center;border-radius: 12px;margin-bottom: 25px;background: /*#F7F8FA*/#f1f2f4;}
.content .hizmet .card img{margin-bottom: 15px;width: 66px}
.content .hizmet .card h3{font-size: 20px;margin-top: 17px}
.content .modul {text-align: center;padding: 45px 0}
.content .modul span{color: #1864D3;font-weight: 600}
.content .modul h2{color: #1D293F;font-weight: 600;font-size: 40px;margin-top: 30px}
.content .modul h2 span{color: #1864D3}
.content .modul p{color: #7C8087}
.content .modul .card{min-height: 179px;border: none;padding: 10px;box-shadow: 0px 4px 48px 0px rgba(0, 0, 0, 0.04);align-items: center;border-radius: 12px;margin-bottom: 25px;}
.content .modul .card img{width: auto;}
.content .modul .card p{color: #8A909A;margin: 0;font-size: 12px}
.content .modul .card h3{font-size: 20px;margin-top: 17px}
.content .referans {text-align: center;padding: 45px 0}
.content .referans h2{color: #1D293F;font-weight: 600;font-size: 43px;margin-top: 15px}
.content .referans p{color: #7C8087}
.content .referans .item{padding: 2px;}
.content .referans .itemDetay{padding: 10px 40px;}
.content .referans .item:hover .itemDetay{background-color: #fff;border-radius: 10px}
.content .referans .item:hover{background: linear-gradient(to right, #1D293F, #136FFA);padding: 2px;border-radius: 12px}
.content .referans img {margin: auto;filter: grayscale(1);opacity: .5;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;width: 120px;height: 100px;object-fit: contain;}
.content .referans .item:hover img {filter: grayscale(0);opacity: 1;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.content .referans .butonA a{background-color: #1D293F;color: #fff;border-radius: 15px;padding: 14px 25px;font-weight: 500;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.content .referans .butonA a:hover{background: linear-gradient(135deg, rgba(29, 41, 63, 1) 0%, rgba(19, 111, 250, 1) 100%);-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.content .referans .butonA{display: flex;justify-content: center;margin-top: 50px;}
.content .referans .refDemo{border-radius: 15px;background: #1864D3;color: #fff;padding: 17px 26px;display: inline-block;}
.content .paket {text-align: center;padding: 45px 0}
.content .paket span{color: #0F53FA}
.content .paket h2{color: #1D293F;font-weight: 600;font-size: 43px;margin-top: 15px}
.content .paket p{color: #7C8087;font-size: 20px}
.content .paket .form-check label{text-align: left;width: 100%;color: #A7ADB7;padding: 25px 55px 25px 30px;line-height: 1.7}
.content .paket .form-check strong{color: #1D293F;font-size: 21px}
.content .paket .form-check{margin-bottom: 20px;display: flex;align-items: center;justify-content: space-between;border-radius: 15px;border: 1px solid #ECECF9;padding-left: 0;}
.content .paket .form-check:last-child{margin: 0}
.content .paket .form-check input{border-radius: 50%;margin-left: -57px;margin-right: 31px;width: 25px;height: 25px;}
.content .paket .form-check-input:checked {background-color: transparent;border-color: #0F53FA;}
.content .paket .form-check-input:checked[type=checkbox]{filter: invert(60%) sepia(44%) saturate(7453%) hue-rotate(223deg) brightness(99%) contrast(99%)}
.content .paket .icerik{position: relative;height: 100%;border-radius: 15px;background: linear-gradient(135deg, rgba(231, 239, 250, 0.46) 0%, rgba(247, 251, 254, 0.00) 100%);padding: 30px 20px}
.content .paket .icerik ul{padding: 0;margin: 0}
.content .paket .icerik ul li{list-style: none;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #ECECF9;}
.content .paket .icerik ul li p{color: #1D293F;margin: 0;padding: 15px}
.content .paket .icerik ul li img{padding-right: 15px}
.content .paket .icerik .d-flex{align-items: center;justify-content: space-between;position: absolute;width: 94%;bottom: 25px;}
.content .paket .icerik .d-flex p{margin: 0}
.content .paket .icerik .d-flex p strong{font-size: 45px;color: #1D293F;}
.content .paket .icerik .d-flex .a1{margin-left: auto;margin-right: 10px;border-radius: 15px;border: 1.7px solid #1D293F;color: #1D293F;padding: 15px;font-weight: 600}
.content .paket .icerik .d-flex .a2{border-radius: 15px;background: #136FFA;color: #fff;padding: 15px;font-weight: 600;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.content .paket .icerik .d-flex .a2:hover{color: #136FFA;background: linear-gradient(135deg, rgba(133, 178, 241, 0.46) 0%, rgba(247, 251, 254, 0.00) 100%);-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.content .guncelleme {padding: 45px 0}
.content .guncelleme .mainguncelleme{position: relative;z-index: 0}
.content .guncelleme .absolutediv{position: absolute;top: 0;left: 4%;height: 100%;padding: 45px 0;}
.content .guncelleme img{width: 100%}
.content .guncelleme span{color: #0F53FA}
.content .guncelleme h4{color: #1D293F;font-weight: 600;font-size: 33px;margin-top: 15px}
.content .guncelleme p{color: #8A909A}
.content .guncelleme form button{border-radius: 120px !important;background: #136FFA;padding: 10px 30px;color: #fff}
.content .guncelleme form input{border-radius: 120px;border: none}
.content .guncelleme form input::placeholder{color: #A7ADB7}
.content .guncelleme form .input-group{border-radius: 120px;background-color: #fff}
.content .guncelleme form{position: absolute;bottom: 45px;width: 100%}
.content .retail{padding: 54px 0}
.content .retail p{color: #7C8087;font-size: 16px}
.content .retail .big{font-size: 36px}
.content .retail ul{ padding: 0;margin-top: 32px;}
.content .retail ul li{list-style: none;display: flex;align-items: start;margin-bottom: 15px;}
.content .retail ul li p{margin: 0;padding-left: 8px;font-size: 16px}
.content .retail ul li strong{color: #1D293F}
.content .retail .texts h4,
.content .retail .texts h5{margin-top: 50px;font-size: 20px}
.content .retail .texts ul{padding-left: 15px}
.content .retail .texts ul li{color: #7C8087;font-size: 16px;list-style: disc;display: list-item;}
.content .retail .texts p{font-size: 16px}
.content .retail .texts .blue{color: #1864D3}
.content .banner{background: #F7F8FA;padding: 124px 0 54px 0}
.content .banner p{color: #7C8087}
.content .banner ul{margin: 0;padding: 40px 0 40px 0;overflow: hidden;}
.content .banner ul li{list-style: none;float: left;margin-right: 17px;color: #070707;position: relative;}
.content .banner ul li::after{content: "/";position: absolute;opacity: .6;padding-left: 5px;}
.content .banner ul li a{opacity: .6}
.content .banner ul li:last-child::after{display: none}
.content .banner .col-lg-4{display: flex;flex-direction: column;justify-content: space-between;}
.content .banner .card{border-radius: 10px;flex-direction: initial;align-items: start;padding: 20px;background-color: transparent;border-color: transparent;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.content .banner a:nth-child(1) .card:hover{border: 1px solid #FF7278;background: #FFF;box-shadow: 0px 4px 4px 0px rgba(35, 40, 105, 0.08);-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.content .banner a:nth-child(2) .card:hover{border: 1px solid #008FC8;background: #FFF;box-shadow: 0px 4px 4px 0px rgba(35, 40, 105, 0.08);-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.content .banner a:nth-child(3) .card:hover{border: 1px solid #FF9F24;background: #FFF;box-shadow: 0px 4px 4px 0px rgba(35, 40, 105, 0.08);-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.content .banner a:nth-child(4) .card:hover{border: 1px solid #34A853;background: #FFF;box-shadow: 0px 4px 4px 0px rgba(35, 40, 105, 0.08);-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.content .banner .card:last-child{margin-bottom: 0 !important}
.content .banner .card img{margin-right: 0}/* 15px */
.content .banner .card h3{font-size: 21px;font-weight: 600;}
.content .banner .big{text-align: center;margin: 60px 0;}
.content .banner .big span{color: #1864D3}
.content .banner .card::after {content: "";background: url(/images/line.png);height: 2px;width: 49%;position: absolute;right: -96px;top: 29%;}
.content .banner .card:last-child::after{display: none}
.content .realtime2{background: #F7F8FA;padding: 80px 0;background-image: url(/images/rightBar.png);background-repeat: no-repeat;background-position: right;background-size: contain;}
.content .realtime{background: #F7F8FA;padding: 80px 0;}
.content .realtime h4,
.content .realtime2 h4{color: #202020;font-size: 33px}
.content .realtime ul{ padding: 0;margin-top: 32px;}
.content .realtime ul li{list-style: none;display: flex;align-items: start;margin-bottom: 15px;}
.content .realtime ul li p{margin: 0;padding-left: 8px;font-size: 16px}
.content .realtime ul li strong{color: #1D293F}
.content .realtime p,
.content .realtime2 p{color: #7C8087;font-size: 16px}
.content .realtime2 .col-12{display: none;text-align: right;}
.content .parallax{background: url(/images/parallax.png);text-align: center;color: #fff;height: 333px;position: relative;}
.content .parallax .container{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.content .parallax .container p{font-weight: 200;}
.content .parallax h1{font-size: 60px}
.content .contect{padding: 45px 0}
.content .contect form{box-shadow: 0px 72px 64px 0px rgba(0, 0, 0, 0.02);border-radius: 16px;padding: 30px}
.content .contect form button{border-radius: 10px;background: #1864D3;border: none;color: #fff;width: 100%;padding: 15px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.content .contect form button:hover{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;color: #136FFA;background: linear-gradient(135deg, rgba(133, 178, 241, 0.46) 0%, rgba(247, 251, 254, 0.00) 100%);}
.content .contect form label{color: #000842;font-weight: 600}
.content .contect input.form-control{height: 50px}
.content .contect .form-control{border-radius: 10px;border: 1px solid #D8D8D8;}
.content .contect .form-control::placeholder{color: #7C8087}
.content .contect .card{padding: 30px 20px;border-radius: 16px;color: #fff;height: 100%;justify-content: space-between;border: none;background-position: bottom !important;}
.content .contect .card ul{margin: 0;padding: 0}
.content .contect .card ul li{list-style: none;margin-bottom: 20px;font-weight: 300;}
.content .contect .card ul li i{margin-right: 10px;width: 16px}
.content .contect .card ul li a{color: #fff}
.content .contect .card h2{font-size: 33px;font-weight: 500;color: #1D293F}
.content .contect .card p{color: rgba(29, 41, 63, 0.50);margin-bottom: auto;margin-top: 20px;}
.content .contect .card .sosyalMedya li{float: left;margin-right: 10px;font-size: 25px;margin-bottom: 0}
.content .contect .card .sosyalMedya li i{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;border-radius: 50%;width: 50px;text-align: center; height: 50px;line-height: 50px;color: #1864D3;background-color: #fff;}
.content .contect .card .sosyalMedya li:hover i{transform: scale(.9);-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.content .maps{padding: 45px 0}
.content .maps .card{border-radius: 15px;border: 2px solid #E9ECF2;padding: 20px}
.content .maps .card img{border-radius: 10px}
.content .maps .card ul{padding: 0;margin: 0}
.content .maps .card ul li img{margin-right: 10px}
.content .maps .card ul li{list-style: none;display: flex;margin-bottom: 10px;color: #8A909A;font-weight: 500;align-items: center;}
.content .maps .card span{color: #808D9E;font-weight: 600}
.content .maps .card h3{font-weight: 600;margin-top: 10px}
.content .maps hr{background-color: #E9ECF2;height: 2px;opacity: 1}
.content .maps .absolute-div{position: relative;height: 30px}
.content .maps .absolute-div img{position: absolute;right: 18px;top: -38px;}
.content .aboutus{padding: 45px 0}
.content .aboutus h2{font-size: 38px}
.content .aboutus h3{font-size: 24px;font-weight: 600;margin-bottom: 15px}
.content .aboutus span{color: #1864D3;font-size: 23px;margin-right: 20px;font-weight: 600;line-height: 1.3;}
.content .aboutus p{color: #77808B;line-height: 2;font-size: 15px;}
.content .contentDetail{padding: 45px 0}
.content .contentDetail h2{text-align: center;font-size: 2.5rem;margin-bottom: 50px}
.content .contentDetail h2 span{color: #1864D3;}
.content .contentDetail .card{box-shadow: 0px 5.430893898010254px 81.46340942382812px 0px rgba(0, 0, 0, 0.08);border-radius: 12px;padding: 30px;border: none;height: 100%}
.content .contentDetail .card h5{color: #1864D3;margin-bottom: 25px}
.content .contentDetail .card p{color: #1D293F;opacity: .6}
.content .contentDetail .card2{text-align: center;}
.content .contentDetail .bars1{border-radius: 20px;background: #F5E8F7;height: 8px;width: 100%;position: relative;margin-bottom: 30px}
.content .contentDetail .bars1 .barDetail1{position: absolute;width: 38%;height: 100%;background-color: #D459E8;border-radius: 20px;}
.content .contentDetail .bars2{border-radius: 20px;background: #EAF6F0;height: 8px;width: 100%;position: relative;margin-bottom: 30px}
.content .contentDetail .bars2 .barDetail2{position: absolute;width: 60%;height: 100%;background-color: #46BD84;border-radius: 20px;}
.content .contentDetail .bars3{border-radius: 20px;background: #E6F5FE;height: 8px;width: 100%;position: relative;margin-bottom: 30px}
.content .contentDetail .bars3 .barDetail3{position: absolute;width: 20%;height: 100%;background-color: #08A0F7;border-radius: 20px;}
.content .contentDetail .card .d-flex{justify-content: space-between;}
.content .contentDetail .card .d-flex p{color: #12141D;opacity: 1}
/* CONTENT END */

/* FOOTER */
footer{color: #fff;background-color: #F7F8FA;padding: 50px 0 1rem 0;border-top: 1px solid #C1C1C1}
footer ul{padding: 0}
footer ul li{list-style: none;padding: 4px 0;font-weight: 300;color: #2A2C33}
footer ul li a{text-decoration: none;color: #2A2C33;-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
footer ul li a i{color: #fff;-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
footer ul li a:hover i{color: #144FB0;-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
footer ul li a:hover{color: #144FB0;-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
footer h5,footer h4,footer h6{color: #2A2C33;margin: 20px 0;font-weight: 700;font-size: 20px}
footer .footer-social{padding: 0;overflow: hidden;}
footer .footer-social li{float: left;margin-right: 7px;font-size: 22px}
footer .footer-social li i{border-radius: 50%;width: 50px;text-align: center;height: 50px;line-height: 50px;color: #1D293F; border: 1px solid #DDE0E3;}
footer .try{border-radius: 5px;background: #136FFA; color: #fff;padding: 13px 30px;display: inline-block;}
footer hr{color: #C1C1C1}
/* FOOTER END */

/* RESPONSİVE */
@media (max-width: 1600px) {
  .content .main-slider .slider-text h1{font-size: 38px}
  .content .main-slider .slider-text p{font-size: 15px}
  .content .realtime2{background-size: 550px;}
}
@media (max-width: 1400px) {
  .content .main-slider .slider-text .absolute-div{top: 33%}
  .content .main-slider .slider-text .try{padding: 17px 34px}
  .content .realtime2{background-size: 500px;}
}
@media (max-width: 1200px) {
  .content .main-slider .slider-text h1{font-size: 28px;margin-bottom: 13px;}
  .content .main-slider .slider-text p{font-size: 12px}
  .content .main-slider .slider-text .try{padding: 13px 23px}
  .content .main-slider img{object-fit: cover;height: 650px}
  .content .hizmet h2,
  .content .modul h2,
  .content .paket h2,
  .content .referans h2{font-size: 33px}
  .content .hizmet p{min-height: 72px}
  .content .banner .card::after{width: 42%;right: -60px;}
  .content .realtime2{background-image: none}
  .content .realtime2 .col-12{display: block}
}
@media (max-width: 992px){
  .content .guncelleme .absolutediv{padding: 20px 0;left: 3%}
  .content .guncelleme h4{font-size: 26px;margin-top: 6px;}
  .content .guncelleme form{bottom: 20px}
  footer .col-lg-3:first-child{text-align: left !important;}
  .content .contect .card{height: 425px;background-repeat: no-repeat !important;background-size: cover !important;}
  .content .maps .col-md-4{margin-bottom: 20px}
  .content .paket .icerik{height: auto;margin-top: 20px}
  .content .banner .card::after{width: 36%;right: -38px;}
  .gifImg{height: auto !important;}
  .content .guncelleme form .input-group{border: 1px solid #dcdcdc}
  header nav .nav-item{display: block;text-align: center;width: 100%}
  .navbar-nav .dropdown-menu{border: none;text-align: center}
  .navbar-nav .dropdown-menu li{border-bottom: 1px solid #dcdcdc}
}
@media (max-width: 767px) {
  .content .guncelleme img{height: 280px;object-fit: contain;opacity: .2}
  .content .banner .big,
  .content .contentDetail h2{font-size: 28px}
  header nav .collapse + button{padding: 8px 16px;font-size: 14px;}
  .content .banner .card img{width: 50px}
  .content .contect .card h2{font-size: 28px}
  .content .main-slider .slider-text .absolute-div{width: 75%}
  .content .main-slider img{height: 550px}
  .content .banner .mb-5.d-flex{display: block !important;}
  .content .banner .card::after{display: none}
}
@media (max-width: 650px) {
  .content .main-slider img{height: 500px;padding-top: 70px}
  .content .main-slider .slider-text .absolute-div{width: 90%;top: 35%}
  .content .main-slider .slider-text h1 {font-size: 25px;margin-bottom: 5px;}
  .content .main-slider .slider-text .try {padding: 11px 23px;font-size: 14px;top: 68%;transform: translate(-50%, -68%);}
}
@media (max-width: 500px) {
  .content .main-slider img{height: auto;;padding-top: 200px}
  .content .main-slider .slider-text .absolute-div{top: 39%}
  .content .main-slider .slider-text .try{top: 63%;transform: translate(-50%, -63%);}
  .content .paket .icerik .d-flex .a2,
  .content .paket .icerik .d-flex .a1{font-size: 14px;width: 100%;margin-bottom: 10px;}
  .content .paket .form-check label {padding: 20px 55px 20px 20px;}
  .content .paket .icerik .d-flex{flex-direction: column;}
}
@media (max-width: 400px) {
  .navbar-brand {width: 143px}
  .content .banner .big, .content .contentDetail h2 {font-size: 20px;}
  header nav .collapse + button {padding: 8px 13px;font-size: 10px;}
  .content .banner .card{padding: 16px}
  footer .try{padding: 11px 25px}
  .content .main-slider img{padding-top: 240px}
  .content .main-slider .slider-text .try{font-size: 12px}
  .content .paket .icerik .d-flex p strong{font-size: 38px}
  .content .paket .icerik .d-flex .a2, .content .paket .icerik .d-flex .a1 {font-size: 11px;padding: 12px 8px}
  .content .paket .icerik .d-flex .a1{margin-right: 5px}
  .content .paket .icerik{padding: 30px 15px}
  .content .parallax h1 {font-size: 40px;}
}
/* RESPONSİVE END */