:root {--renk: #0d379b;--renk2:#0080c7;--back:#59a1c9 ;--back2:#22355c;--title:#334872}

*{margin:0;padding:0;outline:none}
body {font-family: "Jost", sans-serif; margin: 0; padding: 0; background: #fff; font-weight: 400; font-size: 14px; line-height: 1.42857143; color: #353552; background-size: 100%; overflow-x: hidden; margin: 0 auto; position: relative; }
a { color: var(--renk); text-decoration: none !important; transition: all .3s ease }
a:hover { color: var(--renk2); text-decoration: none !important }
a:focus { text-decoration: none }
strong, b { font-weight:700; }
img { max-width: 100%;}
input:focus, a:focus, textarea:focus { outline: 0 }
.no-padding-left { padding-left: 0 }
.no-padding-right { padding-right: 0 }
.no-padding-down { padding-bottom: 0 !important}
.no-padding { padding: 0 }
li{list-style:none}
.relative{position:relative;}

.tarzbutton {border:0; background: var(--renk); padding:10px 20px;color:#fff;font-size:15px; border-radius: 3px;background:linear-gradient(268deg, var(--renk) 0%, var(--renk) 0%, var(--renk2) 100%); }
.tarzbutton:hover{background:var(--renk)}

.top-menu{width:100%;height:auto;padding:15px 0;color:#353552;position:relative;z-index:99 }
.top-menu ul li{float:left;list-style:none;margin:0 25px 0 0;}
.top-menu ul li span{color:var(--renk);padding:0 5px 0 0;}
.top-menu ul li a{color: var(--renk);padding:5px;}
.top-menu ul li a:hover{color:var(--renk2);}
.top-menu ul li a i{font-size:16px;}

.menu{width:100%;background:#fff;height:100px;transition: all .8s ease;z-index:999;border-radius:3px;box-shadow: 0 0 10px 10px #f1f1f1;font-family:'Barlow Condensed',sans-serif;}
.menu.sticky{position: fixed;top: 0;left: 0;border-radius: 0;box-shadow: 0 0 5px 5px #b9b9b9;}
.menu .logo{width:auto;height:auto;float:left;padding:10px 0;}
.menu .acilir-menu{width:auto;float:right;}
.menu .acilir-menu li img{height:13px;}
.mobil-logo{width:100%;height:auto;text-align:center;background:#fff}
.mobil-logo img{height:auto!important;}
.menu-fixed {width:100%!important;background-color:#fff; position: fixed;left:0; top: 0; }
nav li:last-child .submenu{right:0;left:auto}


.hamburger{float:right;font-size:25px;padding:25px;cursor:pointer;    display: block; position: relative; z-index: 999999999;}
.hamburger:hover{color:#af262c}

.sizi-arayalim { background: var(--renk); padding:10px 20px;margin:20px 0 0 25px;color:#fff!important;font-size:15px; border-radius: 3px;background:linear-gradient(268deg, var(--renk) 0%, var(--renk) 0%, var(--renk2) 100%); }
.sizi-arayalim span{color:#fff!important;}
.sizi-arayalim:hover{transform: scale(1.1);background: var(--renk2); }

#hero{width:100%;height:800px;position:relative;font-family:'Barlow Condensed',sans-serif;}
#hero.sticky2{margin-top:90px;}
#hero.heroalt{height:250px;background:url(/Upload/Menu/yaz-okullari.jpg) no-repeat center;background-size:cover}

#hero .hero-mask{background:#101321;opacity:0.5;position:absolute;width:100%;height:100%;z-index:1;overflow: hidden;}
#hero .container{position:relative;z-index:99;display:block;}

#hero .hero-box{width:55%;height:auto;margin-top:220px;}
#hero .hero-box i{color: #ffffff; font-size: 25px; font-style: normal;}
#hero .hero-box h1{color:#fff;font-size:65px;font-weight:600;line-height:75px;letter-spacing:1px;margin-top:0;}
#hero .hero-box h1 b{font-weight:800}
#hero .hero-box h1 .c1{font-weight:800;color:var(--renk)}
#hero .hero-box h1 .c2{font-weight:800;color:#3ad663}
#hero .hero-box h2{color:#c4c4c4;font-size:23px;line-height:35px;}
#hero .hero-box a { display: table; margin-top: 40px; padding: 10px 30px;transition: all .4s ease; border-radius: 3px; font-size: 23px; color: var(--renk2); font-weight: 600;border:solid 2px var(--renk2); }
#hero .hero-box a:hover{background:var(--renk2);color:#fff;transform: scale(1.1);}

.altbanner{width:100%;height:200px;position:relative;}
.altbanner h1{width:100%;font-size:40px;font-weight:700;color:#fff;text-align:center;z-index:9;padding-top:100px;position:relative;display:block;margin:0;}

#slidercarousel{width:100%!important;height:800px;}
.carousel-relative{height:800px;position:relative;}
.carousel .item{height:800px!important;}
.carousel-inner{z-index:99}

.carousel .carousel-buttons{position: relative; margin-top: -60px;}
.carousel-control{width:auto;left:25px;z-index:99}
.carousel .item .carousel-bg{z-index:1; width:100%;position:absolute;height:800px;right:0;background-size:cover!important;}



#content{width:100%;min-height:500px;} 
table{border:solid 1px #eee;width: 100%!important;}
table td{padding:8px;}
table p{margin:0}

.section{width:100%;height:auto;padding:50px 0 70px 0;position:relative;}
.section.white{background:#fff;}
.section.gray{background:#f4f4f4;}
.section.bg-renk{background:var(--back);padding-bottom:60px;background:linear-gradient(268deg, var(--back2) 0%, var(--back2) 0%, var(--back) 100%);}

.section-low{background:#fff}

.section-title{width:100%;height:auto;font-weight:800;color:var(--title);font-size:45px;}
.section-title .big-shadow{font-size:98px;color:#ebebeb;margin-left:-5px}
.section-title .title{font-style:normal;display: block;margin: 20px 0 10px 0px;}

.blog-link{font-size:18px;text-align:center;font-weight:700;padding:15px 0;}

.services{width:100%;height:auto;padding:30px 0;}
.services .service-box .service{display:table;min-height:150px;padding:25px 40px;color:#353552;font-size:24px;border-radius:5px;font-weight:700;margin-bottom:30px;width: 100%;transition: transform 450ms;will-change: transform;}
.services .service-box .service:hover{transform: translateY(-10px);transition: transform 125ms;}
.services .service-box .service .service-icon{background:#fff;opacity:0.9;float:left;border-radius:50px;width:100px;height:100px;padding:10px; text-align:center;box-shadow:5px 5px #ddd;color:var(--renk)}
.services .service-box .service .service-icon img{border-radius:20px;}
.services .service-box .service .service-text{float:right;width:75%;line-height:22px;}
.services .service-box .service .service-text b{text-transform:uppercase;padding-bottom:10px;display:block;}
.services .service-box .service .service-text span{font-size:15px;font-weight:400;}

.nedenbiz{font-size:17px;line-height:30px;text-align: justify;height:auto;}
.nedenbiz table{border:0}
.nedenbiz-img{margin:60px 0 0 40px; }
.nedenbiz img{border-radius:15px;border-right: solid 10px var(--back2);height: auto !important;}

.stats{background:#00000026;padding:25px 15px 10px 15px;text-align:center;font-size:18px;margin-top:30px;color:#fff;min-height:225px}
.stats i{font-size:40px;color:#fff}
.stats .sayi{font-size:50px;font-weight:800;padding: 10px 0; display: inline-table;}

.references{background:url(../img/ref-bg.jpg) no-repeat center top;height:450px;margin-top:20px;}
.references .section-title .big-shadow{opacity:0.3;}

.blog{width:100%;min-height: 540px;font-size:16px;margin:15px 0;text-align:justify;}
.blog a{color:var(--title)}
.blog a:hover{color:var(--renk)}
.blog .blog-resim{width:100%;height:260px;overflow:hidden;}
.blog .blog-resim img{width:100%;height:auto}
.blog .blog-resim img:hover{opacity:0.9}
.blog h4{margin:15px 0;font-size:20px;min-height:40px;}
.blog span{padding:5px 0;display:table;margin-top:10px;color:var(--renk);font-weight:500}

#footer {width:100%;min-height:350px;padding:50px 0;background:linear-gradient(268deg, var(--back2) 0%, var(--back2) 0%, var(--back) 100%);color:#fff;}

#footer .footer-logo{margin:20px 0 ;}
#footer .footer-social{padding:15px 0;font-size:25px;font-weight:600;}
#footer .footer-social a{color:#fff;padding:10px 10px 10px 0;}
#footer .footer-social a:hover{color:var(--renk)}

#footer .footer-menu{font-size:16px;line-height:30px;padding-top:10px;}
#footer .footer-menu .footer-title{font-size:20px;font-weight:600;color:#fff;padding:10px 0;}
#footer .footer-menu .doublemenu{width:45%;float:left}
#footer .footer-menu a{color:#fff}
#footer .footer-menu a:hover{color:var(--renk)}
#footer .footer-menu span{margin-right:5px;}
#footer .footer-menu.contact{font-size:15px;}


#bottom{width:100%;padding:25px 0;background:#fff;width:100%;}


.modal {text-align: center;padding: 0 !important;}
.modal:before {content: ''; display: inline-block;height: 100%;vertical-align: middle; margin-right: -4px; }
.modal-dialog {display: inline-block;text-align: left;vertical-align: middle;}
.modal-content{border-radius:3px;}
.modal-title{font-size:25px;font-weight:700;padding: 15px; background: var(--back2);color:#fff;}
.modal-title button{background:var(--back2)}
.modal-footer {  text-align: center; background: #eee;}

.form-control{padding:10px 12px;border: 1px solid #a7a7a7;height:42px;}


.side-menu{width:100%;height:auto;}
.side-menu .side-title{padding:15px;background:#eee;font-size:18px;font-weight:700;text-transform:uppercase;margin-bottom:15px;}
.side-menu ul{width:100%;height:auto;}
.side-menu ul li{border-bottom:solid 1px #eee;transition: all .3s ease}
.side-menu ul li:hover{background:#eee;}
.side-menu ul li a{padding:20px 15px;list-style:none; display:list-item;color: #353552;font-size:18px}
.side-menu ul li.icerde a{padding:15px 10px 15px 30px;font-size: 11px;background:var(--renk2);}
.side-menu ul li a:hover {background: var(--renk2); color: #ffffff;border-radius: 5px; }
.side-menu ul li span{margin: 2px 20px 0 0;float:left;display:block;}
.side-menu ul li.active, .side-menu ul li.active a {background: var(--renk2); color: #ffffff;border-radius: 5px; }


.content-detail h1{margin:0;padding:12px;font-size:30px;margin-bottom:10px;  font-weight: 700;}
.content-detail h1 a{color:#353552}
.content-detail h1 a:hover{color:var(--renk)}

.content-detail .content-detail-alt{padding:15px;line-height:30px;font-size:17px;padding-bottom:50px;text-align: justify;}
.content-detail .content-detail-alt p{margin:0 0 20px 0}
.content-detail .content-detail-alt a{color:#a026af;font-weight:500}
.content-detail .content-detail-alt a:hover{color:#04304d}

.content-detail-alt ul{margin-left:20px}
.content-detail-alt ul li{list-style:square;padding:5px 0}

.content-detail .blog-kisa{width:100%;padding:15px 0;font-size:17px;font-weight:600;}
.content-detail .blog-tarih{color: #9f9f9f;    padding: 0 12px;}
.content-detail .blog-resim{width:100%;height: 400px;overflow: hidden;background-size: 100% auto!important;margin-bottom:20px;border-radius: 10px;}

.referans { width: 100%;position:relative;height:auto;margin-bottom:20px;text-align:center;}
.referans img:hover{opacity:0.8}
.referans .referans-bg {height: 450px; background-size:auto 100%!important;background-repeat: no-repeat;}


.referans .referans-ortala{ display: table; position: absolute;top: 0;left: 0;  height: 100%;  width: 100%;}
.referans .referans-ortala-ic{  display: table-cell; vertical-align: middle;}
.referans .referans-ortala-ic .web-tasarim{padding:50px;background:#fff;margin-left: -70px;width:90%;}

.referans:nth-child(2n) .referans-bg{float:right!important;}
.referans:nth-child(2n) .referans-title{float:left!important;}
.referans:nth-child(2n) .referans-title .referans-ortala-ic .web-tasarim{margin-right: -70px;margin-left: auto;}


.basarili {
    font-size: 20px;
    padding: 15px 0;
}
.basarili span{font-size:50px;color:#168028}
.basarili h5{font-size:25px;color:#168028}

.mouse { position: absolute; left: 50%; bottom: 5%; z-index: 99; width: 26px; margin-left: -13px;z-index:999 }
.scroll { width: 26px; height: 45px; border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 15px; cursor: pointer; position: relative; text-align: center; display: block; transition: .5s ease; -moz-transition: .5s ease; -webkit-transition: .5s ease; }
.mouse-wheel { height: 6px; margin: 2px auto 0; display: block; width: 4px; background: rgba(255, 255, 255, 0.8); border-radius: 50%; -webkit-animation: 1.6s ease infinite wheel-up-down; -moz-animation: 1.6s ease infinite wheel-up-down; animation: 1.6s ease infinite wheel-up-down; }

@-webkit-keyframes wheel-up-down {
 0% { margin-top: 2px; opacity: 0; }
 30% { opacity: 1; }
 100% { margin-top: 20px; opacity: 0; }
}

@-moz-keyframes wheel-up-down {
 0% { margin-top: 2px; opacity: 0; }
 30% { opacity: 1; }
 100% { margin-top: 20px; opacity: 0; }
}

@keyframes wheel-up-down {
 0% { margin-top: 2px; opacity: 0; }
 30% { opacity: 1; }
 100% { margin-top: 20px; opacity: 0; }
}

.whatsapp{position:fixed;bottom:20px;right:20px;z-index:9999;width:60px;height:60px;}
.whatsapp:hover{transform: translateY(-20px);transition: all .3s ease}