.slider-area2{background-repeat:no-repeat;background-size:cover}
.slider-area2 .yellow-bg{background-color:#fed51b}
.slider-image{position:relative;margin:0 auto -80px;top:100px}
.slider-image img{top:-90px;width:100%;position:relative}
.slider-title{font-size:70px}
.slider-text{background-color:#202020;color:#fed51b;padding:10px}
.slider-area2{align-items:center;display:flex;position:relative}
.slider-area2 .main-font{font-family:'Oswald',sans-serif}
.slider-area2 .slider-content{margin-top:100px;color:#202020}
.slider-area2 .slider-content .content-para{font-family:'Roboto',sans-serif;font-weight:400}
.slider-area2 .slider-content .heading{color:#fff;font-size:72px;font-weight:700}
.slider-area2 .slider-content .text{color:#fff;margin-top:30px}
.content-para{padding-right:220px;line-height:30px;color:#202020}
.slider-copyright{font-family:'Roboto',sans-serif;font-size:18px;position:absolute;bottom:15px;left:15px;z-index:1111}
.slider-footer{position:absolute;bottom:5px;right:15px;z-index:1111}
.circle-one,.circle-two,.circle-three,.circle-four,.circle-five{position:absolute;z-index:99}
.circle-one{top:23%;left:17%}
.circle-two{top:14%;left:30%}
.circle-three{top:29%;left:44%}
.circle-four{top:80%;left:37%}
.circle-five{top:86%;left:21%}
#top-banner-teklif .animated-circle{background-color:transparent;border:none;height:40px;width:40px;cursor:pointer;position:absolute}
#top-banner-teklif .animated-circle:after{content:"";height:25px;width:25px;background-color:#202020;border-radius:50%;position:absolute;top:5px;left:10px;-webkit-box-shadow:0 0 0 0 rgba(32,32,32,0.4);box-shadow:0 0 0 0 rgba(32,32,32,0.4);-webkit-animation:ripple 2s infinite;animation:ripple 2s infinite}
.fixed{position:fixed}
@-webkit-keyframes ripple {
0%{-webkit-transform:scale(0.9);transform:scale(0.9)}
70%{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-box-shadow:0 0 0 20px rgba(0,159,153,0);box-shadow:0 0 0 20px rgba(0,159,153,0)}
to{-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-box-shadow:0 0 0 0 rgba(0,159,153,0);box-shadow:0 0 0 0 rgba(0,159,153,0)}
}
@keyframes ripple {
0%{-webkit-transform:scale(0.9);transform:scale(0.9)}
70%{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-box-shadow:0 0 0 20px rgba(0,159,153,0);box-shadow:0 0 0 20px rgba(0,159,153,0)}
to{-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-box-shadow:0 0 0 0 rgba(0,159,153,0);box-shadow:0 0 0 0 rgba(0,159,153,0)}
}
.slider-area2 .overlay{background-color:#fed51b;position:absolute;top:0;bottom:0;left:0;right:50%}
.quote-content{text-align:center;max-width:529px;padding:30px;margin:21px 0;background:#fff;position:relative;right:-5%;top:0;border:1px solid #0000000f}
@media only screen and (min-width: 1100px) {
.quote-content{right:6%}
}
@media only screen and (max-width: 1366px) {
.quote-content{right:30px}
.circle-one{left:12%}
.circle-two{left:25%}
.circle-three{left:38%}
.circle-four{left:32%}
.circle-five{left:16%}
}
@media only screen and (max-width: 1600px) {
.quote-content{right:-5%}
}
@media only screen and (min-width: 1600px) {
.quote-content{right:-12%}
.circle-one{left:17%}
.circle-two{left:30%}
.circle-three{left:44%}
.circle-four{left:37%}
.circle-five{left:21%}
}
.quote-content .contact-form .form-control{border:none;border-bottom:1px solid #d4d4d4;border-radius:0;padding:0}
.quote-content #quote_submit_btn{margin-bottom:-120px}
.quote-content .fancybox-close-small{top:15px;right:15px;width:45px;height:45px;border-radius:50px;background:#F023B6;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.quote-content .fancybox-close-small:hover,.quote-content .fancybox-close-small:focus{background:#00bcd4}
.quote-content .fancybox-close-small:after{width:35px;height:35px;line-height:35px;margin-top:-1px;font:initial;font-size:35px;color:#fff}
.fancybox-close-small:focus:after{outline:none}
.quote-content .fancybox-close-small:hover:after,.quote-content .fancybox-close-small:focus:after{background-color:transparent}
.quote-content .heading-area .title{font-size:31px;font-weight:600;margin:15px 0 25px;font-family:'Oswald',sans-serif}
.quote-content .heading-area .alt-color{color:#fed51b;background:#202020}
.quote-content .heading-area .sub-title{font-size:18px;font-weight:400}
.portfolio-sec .portfolio-carousel .work-detail{margin-top:50px}
.portfolio-sec .portfolio-carousel .work-detail .work-heading{font-size:26px;font-weight:500;color:#fff}
.portfolio-sec .work-navigation{position:absolute;left:-145px;top:65%}
.portfolio-sec .work-navigation a{text-decoration:none;display:block;transition:.8s ease;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-gradient(linear,left top,right top,from(#fec107),color-stop(50%,#fec107),color-stop(50%,#fff));background-image:linear-gradient(to right,#fec107,#fec107 50%,#fff 50%);background-size:200% 100%;background-position:100%}
.portfolio-sec .work-navigation a:hover{-webkit-transition:all .8s cubic-bezier(0,0,0.23,1);transition:all .8s cubic-bezier(0,0,0.23,1);background-position:0}
.portfolio-sec .work-navigation a i{font-size:34px;font-weight:600}
.portfolio-sec .work-navigation a.portfolio-right-arr{margin-top:0;margin-left:80px}
.portfolio-sec .work-detail .work-btn{margin-right:3px}
.testimonial-sec-2{position:relative}
.testimonial-sec-2:before{content:'';width:750px;height:580px;position:absolute;background:#fed51b;top:50%;left:50%;transform:translate(-38%,-80%)}
.testimonial-sec-2 .heading-area{position:absolute;transform:translate(0,80%);z-index:11;left:0;width:40%}
.testimonial-sec-2 .item{margin-left:auto}
.testimonial-sec-2 .review-detail{display:block;margin-top:50px}
.testimonial-sec-2 .user-detail{z-index:11;display:table;color:#fff;margin-left:auto}
.testimonial-sec-2 .user-detail .user-name{font-size:24px;font-weight:700;color:#fec107}
.testimonial-sec-2 .user-detail .user-loc{font-size:18px;font-weight:300}
.testimonial-sec-2 .review-detail .text{width:90%}
.testimonial-sec-2 .review-detail .quote-icon-right{position:absolute;right:0;bottom:0;font-size:24px;color:#fff}
.testimonial-sec-2 .review-detail .quote-icon-left{position:absolute;left:0;bottom:100%;font-size:24px;color:#fff}
.testimonial-sec-2 .image-holder img{width:50%;margin-left:auto;margin-right:5%;display:flex}
.testimonial-sec-2 .text{padding:10px 0}
.testimonial-sec-2 .bg_black{background:#202020}
.testimonial-sec-2 .heading-area.long-area{transform:translate(84%,80%);width:85%}
.testimonial-sec-2 .heading{font-size:70px;font-weight:600;font-family:'Oswald',sans-serif;color:#fff;text-shadow:1px 1px #202020;margin-bottom:60px;width:360px}
.testimonial-sec-2 .text{font-size:16px;color:#fff;font-weight:300}
.testimonial-sec-2 .social-sub-title{font-size:28px;font-weight:400;font-family:'Oswald',sans-serif;color:#fed51b}
.testimonial-sec-2 .right-overlay{background:#202020;position:absolute;left:50%;right:0;top:0;bottom:0;z-index:-1}
.banner:before{content:url(../img/sosyal-medya/banner-particles.png);position:absolute;right:-420px;top:250px;animation:scale .8s alternate infinite linear both}
.banner .btn{-webkit-appearance:initial;overflow:hidden;position:-webkit-sticky;position:sticky;z-index:1;display:inline-block;font-size:16px;border:2px solid transparent;letter-spacing:.5px;line-height:inherit;border-radius:0;width:auto;font-family:'Roboto',sans-serif;font-weight:700;-webkit-transition:all .5s ease;-o-transition:all .5s ease!important;transition:all .5s ease!important}
.banner .btn.btn-yellow{background:#fed51b;border-color:#fed51b;color:#fff}
.banner .btn.btn-yellow:hover{background:#202020!important;border-color:#202020;color:#fed51b!important}
.banner .btn.btn-medium{font-size:16px;padding:10px 42px;line-height:2em}
.banner .btn.btn-rounded{border-radius:50px}
.banner .bg-yellow{background:#fed51b}
.banner .text-yellow{color:#fed51b}
.banner .text-black{color:#202020}
.main-heading{font-size:60px;font-weight:600;font-family:'Oswald',sans-serif;line-height:1.1;text-align:left;letter-spacing:-3px;color:#202020}
.margin-sub-heading{color:#202020;margin-bottom:20px;margin-top:20px}
.sub-para{font-size:16px;font-family:'Roboto',sans-serif;font-weight:300;text-align:left}
.custom-box{padding:60px 25px;position:relative;-webkit-transition:.8s ease;-o-transition:.8s ease;transition:.8s ease}
.box-1{margin-bottom:215px}
.box-adjust{margin-bottom:215px}
.custom-box{padding:60px 24px;position:relative;-webkit-transition:.8s ease;-o-transition:.8s ease;transition:.8s ease}
.custom-box .box-text{font-size:28px;font-family:'Oswald' ,sans-serif;font-weight:600;line-height:1.15;text-align:center;letter-spacing:0;position:relative;color:#202020}
.custom-box:hover .box-text{opacity:0;color:#fed51b}
.arrow-box{position:absolute;background-color:#fb5919;font-size:30px;padding:10px 11px;right:0;bottom:0;visibility:visible;-webkit-transition:.8s ease;-o-transition:.8s ease;transition:.8s ease;-webkit-animation:.5s fadeInUp;animation:.5s fadeInUp}
.arrow-box.arrow-box-hidden{visibility:hidden;-webkit-transition:ease;-o-transition:ease;transition:ease;-webkit-animation:.5s fadeInDown;animation:.5s fadeInDown}
.arrow-box .las{color:#fff!important;visibility:visible;-webkit-transition:.8s ease;-o-transition:.8s ease;transition:.8s ease}
.arrow-box .las.las-hidden{visibility:hidden;-webkit-transition:ease;-o-transition:ease;transition:ease}
.arrow-box1{position:absolute;background-color:#d43030;font-size:30px;padding:10px 11px;right:0;bottom:0;visibility:hidden;-webkit-transition:ease;-o-transition:ease;transition:ease;-webkit-animation:1s fadeInUp;animation:1s fadeInUp}
.arrow-box1.arrow-box1-display{visibility:visible;-webkit-transition:.8s ease;-o-transition:.8s ease;transition:.8s ease;-webkit-animation:.5s fadeInDown;animation:.5s fadeInDown}
.arrow-box1 .las{color:#fff!important;visibility:hidden;-webkit-transition:ease;-o-transition:ease;transition:ease}
.arrow-box1 .las.las-visible{-webkit-transition:.8s ease;-o-transition:.8s ease;transition:.8s ease;visibility:visible}
.custom-box:hover .arrow-box1 i{-webkit-animation:1.5s rubberBand;animation:1.5s rubberBand}
.bg-campus-icon{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:.8s ease;-o-transition:.8s ease;transition:.8s ease}
.bg-campus-icon i{position:absolute;color:#fed51b;top:15px;font-size:200px;font-weight:800;line-height:1;text-transform:capitalize;opacity:0;-webkit-transition:.8s ease;-o-transition:.8s ease;transition:.8s ease;-webkit-animation:scale .6s alternate infinite linear both;animation:scale .6s alternate infinite linear both}
@-webkit-keyframes scale {
from{-webkit-transform:translateY(0);transform:translateY(0)}
to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
}
@keyframes scale {
from{-webkit-transform:translateY(0);transform:translateY(0)}
to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
}
.custom-box.bg-yellow:hover{background:#fb5919}
.custom-box.bg-yellow:hover .bg-campus-icon i{opacity:.8}
.custom-box:hover .arrow-box i{-webkit-animation:1s rubberBand;animation:1s rubberBand}
.bg-study-icon{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:.8s ease;-o-transition:.8s ease;transition:.8s ease}
.bg-study-icon i{position:absolute;color:#202020;top:15px;font-size:200px;font-weight:800;line-height:1;text-transform:capitalize;opacity:0;-webkit-transition:.8s ease;-o-transition:.8s ease;transition:.8s ease;-webkit-animation:scale .6s alternate infinite linear both;animation:scale .6s alternate infinite linear both}
@keyframes scale {
from{-webkit-transform:translateY(0);transform:translateY(0)}
to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
}
.custom-box.bg-yellow:hover{background:#202020}
.custom-box.bg-yellow:hover .bg-study-icon i{opacity:.8;color:#fed51b}
.image-div{width:100%;height:216px;overflow:hidden}
.mini-slider .carousel .animation1{-webkit-animation:.5s fadeInUp;animation:.5s fadeInUp}
.mini-slider .carousel .animation2{-webkit-animation:.5s fadeInDown;animation:.5s fadeInDown}
.fixed-nav-on-scroll{background-color:#202020;position:fixed;right:0;top:0;z-index:1;width:120px;animation:1s fadeInRight;display:inline-block;margin:0;height:120px;border-radius:0 0 0 120px;transition:.5s ease;cursor:pointer}
.fixed-nav-on-scroll:hover{background-color:#d43030;transition:.5s ease}
.fixed-nav-on-scroll .menu_bars span{background:#fff}
.fixed-nav-on-scroll .fixed-icon-scroll{display:inline-block;position:absolute;top:50%;left:50%;transform:translateY(20%)}
.fixed-nav-appear{display:block}
.navbar-simple .navbar-nav .nav-link{font-size:16px;color:#fff;font-weight:400;text-align:center;padding:.5rem 2rem;font-family:'Poppins',sans-serif}
.nav-box-round .navbar-nav .nav-link{border-radius:20px}
@-webkit-keyframes animationFade {
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes animationFade {
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.banner .social-img{width:250%!important;max-width:250%!important;z-index:-1}
#bg-header{overflow:hidden!important}
.part1,.part2,.part3,.part4,.part5,.part6,.part7,.part8,.part9{width:0;height:0}
.part1{position:absolute;width:100px;left:14%;top:174px;border-bottom:102px solid #fff;border-left:60px solid transparent;border-right:60px solid transparent;-webkit-transform:rotate(61deg);-ms-transform:rotate(61deg);transform:rotate(247deg)}
.part3{position:absolute;width:100px;top:73%;left:62%;border-bottom:120px solid #202020;border-left:60px solid transparent;border-right:60px solid transparent;-webkit-transform:rotate(21deg);-ms-transform:rotate(21deg);transform:rotate(21deg);position:absolute;width:100px;top:80%;left:65%;border-bottom:120px solid #fff;border-left:60px solid transparent;border-right:60px solid transparent;-webkit-transform:rotate(161deg);-ms-transform:rotate(161deg);transform:rotate(161deg)}
.part4{position:absolute;width:110px;top:10%;border-bottom:104px solid #202020;border-left:60px solid transparent;border-right:60px solid transparent;-webkit-transform:rotate(111deg);-ms-transform:rotate(111deg);transform:rotate(111deg)}
.part5{position:absolute;width:100px;left:75%;top:51%;border-bottom:98px solid #202020;border-left:60px solid transparent;border-right:60px solid transparent;-webkit-transform:rotate(71deg);-ms-transform:rotate(71deg);transform:rotate(71deg)}
.part6{position:absolute;width:40px;top:17%;left:74%;-webkit-transform:rotate(61deg);-ms-transform:rotate(61deg);transform:rotate(61deg);border-bottom:40px solid #202020;border-left:20px solid transparent;border-right:20px solid transparent}
.part7{position:absolute;width:60px;top:33%;left:69%;border-bottom:60px solid #fff;border-left:30px solid transparent;border-right:30px solid transparent}
.part8{position:absolute;width:48px;top:55%;left:10%;transform:rotate(92deg);border-bottom:80px solid #202020;border-left:40px solid transparent;border-right:40px solid transparent}
.part9{position:absolute;width:60px;left:18%;top:75%;border-bottom:114px solid #fff;border-left:55px solid transparent;border-right:50px solid transparent;transform:rotate(340deg)}
.m-img{width:300px;margin-top:42px}
.bg-header .header-text{text-align:center}
.bg-header .main-heading{color:#fff;font-family:'Oswald',sans-serif;font-weight:600;font-size:47px}
.bg-header .sub-heading{color:#fff;font-family:'Roboto',sans-serif;font-size:17px;font-weight:600}
.bg-header{background:#fed51b}
#bg-header .left-overlay{background:#fed51b;position:absolute;left:0;right:60%;top:0;bottom:0}
.mobile-list .blog-sub-heading{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#202020;margin-top:0;margin-bottom:0;display:inline-block}
.mobile-list .blog-sub-heading span{background-color:#202020}
.mobile-list .heading-area .title{font-size:60px;font-weight:400;font-family:Oswald,sans-serif;color:#202020;margin-bottom:25px}
.mobile-list .heading-area .sub-title{margin-bottom:15px;font-weight:400}
.mobile-list .about-list{padding:0;padding-top:10px;margin:0;list-style:none}
.mobile-list .about-list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:5px}
.mobile-list .about-list li .a-icon{font-size:25px;margin-right:15px;color:#202020}
.mobile-list .ocean{height:5%;width:100%;position:absolute;bottom:0;left:0;background:#015871;z-index:-1;opacity:.1}
.mobile-list .ocean1{height:4%;width:100%;position:absolute;bottom:0;left:0;background:#015871;z-index:-1;opacity:.1}
.mobile-list .wave{background:url(../img/wave-background.svg) repeat-x;position:absolute;top:-198px;width:6400px;height:198px;animation:wave 7s cubic-bezier(0.36,0.45,0.63,0.53) infinite;transform:translate3d(0,0,0)}
.mobile-list .wave:nth-of-type(2){top:-175px;animation:wave 7s cubic-bezier(0.36,0.45,0.63,0.53) -.125s infinite,swell 7s ease -1.25s infinite;opacity:1}
@keyframes wave {
0%{margin-left:0}
100%{margin-left:-1600px}
}
@keyframes swell {
0%,100%{transform:translate3d(0,-25px,0)}
50%{transform:translate3d(0,5px,0)}
}
..mobile-list{color:#202020}
@media only screen and (max-width: 996px) {
.testimonial-sec-2 .heading,#sosyal-medya-yonetimi .main-heading,.mobile-list .heading-area .title{font-size:50px!important}
.testimonial-sec-2 .heading-area{transform:translate(-15%,10%)}
.testimonial-sec-2:before{width:50%;height:200px;transform:translate(-50%,-340%)}
.banner .social-img{width:100%!important;max-width:100%!important;z-index:-1}
#sosyal-medya-yonetimi .box-1,#sosyal-medya-yonetimi .custom-box{margin:20px}
}