@charset "utf-8";


/*	MAIN ELEMENTS
================================================================================================================================== */
*{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }
html, body{ font-size: 14px; }
	body{ min-height: 100%; color: #666; font-family: "Poppins"; }

h1, h2, h3, h4, h5, h6{ padding: 0; clear: both; font-weight: bold; }
	h1{ margin: 1.4rem 0; font-size: 2rem; }
	h2{ margin: 1.2rem 0; font-size: 1.8rem; }
	h3{ margin: 1rem 0; font-size: 1.6rem; }
	h4{ margin: .8rem 0; font-size: 1.4rem; }
	h5{ margin: .6rem 0; font-size: 1.2rem; }
	h6{ margin: .6rem 0; font-size: 1rem; }

/*	GENERAL STYLES
================================================================================================================================== */
a{ color: inherit; transition: all linear .3s}
	a:hover, a:focus{ color: #ff6400; text-decoration: none; }
p{ margin-bottom: 1rem; }
.link-phone-number{ cursor: default; }
span#q{display: none !important}


ul.list-custom{ margin-bottom: 30px; }
ul.list-custom li{ padding: 0 0 5px 23px; }
ul.list-custom li:before{ content: "\eab8"; float: left; margin: 2px 0 0 -23px; font-family: "icofont"; }

.bg-f8f8f8 {background-color: #f8f8f8}
.color-white {color: #fff !important}
.color-2 {color: #ff6400 !important}
.color-3 {color: #1aa7e6 !important}


/*	HEADER 
================================================================================================================================== */
header{background-color: #fff }
header .header-top{background-color: #92c700; color: #fff; font-weight: 400; font-size: 14px }
header .header-top .mail-phone li:nth-child(n+2):before {display: none; }
header .header-top .mail-phone li i {color: #ffae00 }
header .header-top .search .form-control {height: 32px; font-size: 13px; border:0; border-bottom:1px solid rgba(255,255,255,.1); color: #fff; background-color: transparent; font-size: 14px; line-height: normal; padding:0px 10px}
header .header-top .search button{margin-top: 0px; font-size:14px; background-color: transparent; border-radius: 50%; border:1px solid #fff; padding: 0; color: #fff; width: 30px; height: 30px; line-height: 30px; display: inline-block;}
header .header-top .search button:hover{border-color: #ffae00}
header .header-top .social {margin-left: 15px}
header .header-top .social .list-inline li:nth-child(n+2) {padding-left: 5px}
header .header-top .social li a{text-align: center; width: 30px; height: 30px; line-height: 32px; background-color: #fff; display: inline-block; border-radius: 50%}
header .header-top .social li:nth-child(n+2):before {display: none; }
header .header-top .social li.facebook a{color: #3b5a9a;}
header .header-top .social li.twitter a{color: #517fa6;}
header .header-top .social li.instagram a{color: #F0166C;}
header .header-top .social li.linkedin a{color: #0D8ABC;}
header .header-top .social li.youtube a{color: #FF0000;}
header .header-top .social li:hover a{background-color: rgba(255,255,255,.5);}

header .header-bottom{}


/*	MENU 
================================================================================================================================== */




/*	SLIDER 
================================================================================================================================== */
section.slider{position: relative; }


/*	PAGE-CLASSES
================================================================================================================================== */
/* Genel section wrapper stilleri */
section{ }
	section .container{ }
		
/* home */
.title	{position: relative; padding-bottom: 20px; margin-bottom: 30px}
.title:before{position:absolute; bottom: 0; background-image: url(https://kalbimcik.lol/assets/images/line.png); width: 100%; height: 5px; display: inline-block; content: ""; left: 0; background-repeat: no-repeat; background-position: bottom center;}
.title h2{color: #222; font-size: 40px}

.title-2	{position: relative; padding-bottom: 20px; margin-bottom: 30px}
.title-2 h2{color: #92c700; font-size: 40px}

.services .items h4{color: #222; font-size: 24px; transition: all linear .3s}
.services .items:hover h4{color: #e74c3c; font-size: 24px}

.competence .chart { display: inline-block; width: 180px; height: 180px; margin: 0 10px; vertical-align: top; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 26%; font-size: 40px; font-weight: 600}
.competence .chart canvas {position: absolute;left: 0;top: 0;}
.competence h5{font-size: 24px; margin-top: 20px;}

.about	{line-height:1.6;color: #777; background-image: url(https://kalbimcik.lol/assets/images/about-bg.jpg); background-repeat: no-repeat; background-position: top center}
.about	.title h2{font-weight: 600;font-size: 40px;color: #92c700;}
.about	ul.list li {margin:8px 0; font-size: 14px;}
.about	ul.list li:before{font-family: 'icofont'; content: '\ea6d'; font-size: 20px; color: #ffda00}

.about .about-slick img {display: inline-block;}
.about .slick-next {right: -5px; text-align: right; border-radius: 0% 100% 100% 0%;}
.about .slick-prev {left: -5px;text-align: left; border-radius: 100% 0% 0% 100%;}
.about .slick-list {z-index: 2;}
.about .slick-prev:before {content: '\ea68'; padding-left: 10px}
.about .slick-prev:before,
.about .slick-next:before {font-size: 30px}
.about .slick-next:before {content: '\ea69'; padding-right: 10px}
.about .slick-prev,
.about .slick-next {width:38px; height: 70px; background-color: #f9f5f0;}
.about .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {background-color:#ff6400; color: #fff }
.about .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus, .slick-next:hover:before, .slick-prev:hover:before {color: #fff}

.about .slick-dots {bottom: -40px}
.about .slick-dots li{margin: 0px; width: 16px; height: 16px; line-height: 16px;}
.about .slick-dots li button{padding:0;}
.about .slick-dots li button:before {border-radius: 50%; border:2px solid #d9bfab; width: 12px; height: 12px; background-color: transparent; content: ""; opacity: 1}
.about .slick-dots li:hover button:before,
.about .slick-dots li.slick-active button:before{background-color: transparent;width: 14px; height: 14px; border-color: #fd8f48; top: -1px}


/*.school {background-image: url(../images/school-bg.png); background-repeat: no-repeat; background-color: #effaff; background-position:center top; }*/
.school	.title h4{font-weight: 400;font-size: 20px;color: #548da7;}
.school	.title h2{font-weight: 600;font-size: 40px;color: #1aa7e6;}

.school	.item {background-color: #fff; border-radius: 30px; margin:0 15px; border:5px solid #1aa7e6;}
.school	.item .image{border: 5px solid #ffffff;border-radius: 30px 30px 0 0; overflow: hidden;}
.school	.item .image img{border-bottom: 5px solid #ffc400;}
.school	.item .desc {text-align: center;}
.school	.item .desc h5{position: relative; color: #1aa6e5; font-size: 24px; font-weight: 200}
.school	.item .desc h4{position: relative; padding-bottom: 20px; color: #1aa6e5; font-size: 24px}

.school	 .slick-dots {bottom: -50px}
.school	 .slick-dots li{margin: 0px; width: 16px; height: 16px; line-height: 16px;}
.school	 .slick-dots li button{padding:0;}
.school	 .slick-dots li button:before {border-radius: 50%; border:2px solid #9ed6f0; width: 12px; height: 12px; background-color: transparent; content: ""; opacity: 1}
.school	 .slick-dots li:hover button:before,
.school	 .slick-dots li.slick-active button:before{background-color: transparent;width: 14px; height: 14px; border-color: #1aa6e5; top: -1px}


.education {position: relative; background-image: url(https://kalbimcik.lol/assets/images/education-bg.jpg); background-repeat: no-repeat; background-color: #92c700; background-position:center top; }
.education:before {position: absolute; top:-26px; background-image: url(https://kalbimcik.lol/assets/images/education-after.png); width: 100%; height: 26px; display: inline-block; content: ""; background-position:center top; }
.education:after {position: absolute; bottom:0px; background-image: url(https://kalbimcik.lol/assets/images/education-before.png); width: 100%; height: 26px; display: inline-block; content: ""; background-position:center top; }
.education	.title h2{font-weight: 600;font-size: 40px;color: #544ca0;}
.education	.title:before{background-image: url(https://kalbimcik.lol/assets/images/line.png);}
.education	.slick-slide {margin:0 15px;}
.education	.item {background-color: #fff; border-radius: 15px; padding: 5px 5px 0 5px }
.education	.item .details{background-color: #fff; border-radius: 15px; padding: 5px; border:4px solid #a7ca38; display: inline-block; }
.education	.item .image{position: relative; float: left; width: 30%;}
.education	.item .desc{position: relative; float: left; width: 70%;}
.education	.item .desc h4 {color: #333; font-size: 20px; border-bottom: 1px solid #f9f5f0; padding-bottom: 10px }
.education	.item .desc a:hover h4 {color: #ff6400; }
.education	.item .image img{border-radius: 10px}

.education .slick-dots {bottom: -50px}
.education .slick-dots li{margin: 0px; width: 16px; height: 16px; line-height: 16px;}
.education .slick-dots li button{padding:0;}
.education .slick-dots li button:before {border-radius: 50%; border:2px solid #a9d334; width: 12px; height: 12px; background-color: transparent; content: ""; opacity: 1}
.education .slick-dots li:hover button:before,
.education .slick-dots li.slick-active button:before{background-color: transparent;width: 14px; height: 14px; border-color: #fff; top: -1px}

.gallery {background-image: url(https://kalbimcik.lol/assets/images/gallery-bg.jpg); background-repeat: no-repeat; background-color: #fff; background-position:center bottom; }
.gallery .image{overflow: hidden; border-radius: 20px; padding: 3px; border:6px solid #1aa7e6;}
.gallery .image img{border-radius: 15px; height:270px;}
.gallery .slick-slide {margin:0 15px;}

.gallery .slick-dots {bottom: -30px}
.gallery .slick-dots li{margin: 0px; width: 16px; height: 16px; line-height: 16px;}
.gallery .slick-dots li button{padding:0;}
.gallery .slick-dots li button:before {border-radius: 50%; border:2px solid #d9bfab; width: 12px; height: 12px; background-color: transparent; content: ""; opacity: 1}
.gallery .slick-dots li:hover button:before,
.gallery .slick-dots li.slick-active button:before{background-color: transparent;width: 14px; height: 14px; border-color: #fd8f48; top: -1px}

.egitim .list > li:before  {display:none;}
.egitim .list > li  h6  {background-color:#00a6e9; padding:13px 20px 12px; border-radius:24px; color:#fff;}
.egitim ul.list li:before {font-size:16px;}
.egitim ul.list ul li {border-bottom:1px dotted #ccc; padding:5px 0 5px 15px;}

/*Content*/

.page-banner {height: 300px; background-size: cover}
.page-banner h1{font-size: 48px; margin: 5% 0 0 ;}
.page-banner ol{float: none; color: #fff; display: inline-block}
.page-banner ol li{display: inline-block; color: #ccc; font-size: 15px}
.breadcrumbs {background-image: url(https://kalbimcik.lol/assets/images/school-bg.png); background-repeat: no-repeat; background-color: #f9f5f0; background-position: center bottom;}
.breadcrumbs h1 {text-align: center !important; color:#00a6e9; font-weight: 700}

/* icerik */


/* iletisim */
section.contact{}
.contact .item .icon{color: #e74c3c}
.contact .item .icon i{position: absolute; top: 0}
.contact .item a:hover{color: #e74c3c}

.main-contact-form label {display: block; margin-bottom: 0; font-weight: 600}
.main-contact-form input,
.main-contact-form textarea {height: auto; padding: 10px 20px; width: 100%; border: 1px solid #ddd;}
.main-contact-form button{background-color:#5349a0; color: #fff; border:0; border-radius: 0; display: inline-block; padding: 12px 30px 10px}
.main-contact-form button:hover {background-color:#ffae00; }

	.google-map{ height: 500px; }
		.gm-style-cc, .gm-style a img{ display: none; }


/*	FOOTER
================================================================================================================================== */
footer.footer{position: relative;}
footer.footer .footer-top {padding-top: 120px; background-image: url(https://kalbimcik.lol/assets/images/footer-bg-1.png); background-repeat: no-repeat; background-position:center top; background-size: cover; }
footer.footer .footer-top h4{color: #ffecc4; font-weight: 300 }
footer.footer .footer-top h2{font-weight: 600;font-size: 36px;color: #fff;}
footer.footer .footer-top .phone{font-weight: 600;font-size: 34px;color: #ffda00;}
footer.footer .footer-top .btn a{border:3px solid #ffda00; text-align: center;font-weight: 500;background-color: #fff;color: #663300;font-size: 22px;border-radius: 30px;padding: 10px 50px;display: inline-block;}
footer.footer .footer-top .btn a:hover{background-color:#ffda00; color: #fff }

footer.footer .footer-bottom {line-height: 1.6; color: #fff; background-image: url(https://kalbimcik.lol/assets/images/footer-bg.png); background-repeat: no-repeat; background-color: #714922; background-position:center bottom; }

footer.footer .footer-bottom h4{font-weight: 500; font-size: 20px; color: #fff; position: relative;}
footer.footer .footer-bottom h4:after{position: absolute; width: 40px; height: 5px; border-radius:4px; background-color: #ffda00; display: inline-block; content: ""; left: 0; bottom:-15px}
footer.footer .footer-bottom ul li{padding: 5px 0}
footer.footer .footer-bottom ul li:hover a{color: #ff6400}
footer.footer .footer-bottom .form-control{font-size: 14px; border:0; color: #858687; border-radius: 30px; padding: 16px 20px 14px; height: auto;}
footer.footer .footer-bottom button{font-weight: 600;background-color: #ffae00;color: #4d2f12;font-size: 16px;border-radius: 30px;padding: 10px 50px 8px;display: inline-block;}
footer.footer .footer-bottom button:hover{background-color: #fff;}

footer.footer .copyright {font-size: 14px;border-top: 2px solid rgba(255,255,255,.1); text-align: center; color: #fff}
footer.footer .copyright .list-inline li:nth-child(n+2) {padding-left: 5px}
footer.footer .copyright li a{font-size:18px;text-align: center; width: 50px; height: 50px; line-height: 52px; color: #fff; display: inline-block; border-radius: 50%}
footer.footer .copyright li:nth-child(n+2):before {display: none; }
footer.footer .copyright li.facebook a{background-color: #ffae00;}
footer.footer .copyright li.twitter a{background-color: #5798fe;}
footer.footer .copyright li.instagram a{background-color: #ff4880;}
footer.footer .copyright li.linkedin a{background-color: #0D8ABC;}
footer.footer .copyright li.youtube a{background-color: #FF0000;}
footer.footer .copyright li:hover a,
footer.footer .copyright li a:hover{color: #fff !important; opacity: .7}


.back-to-top {
    position: fixed;
    bottom: 2%;
    right: 2%;
    z-index: 9999;
    display: inline-block;
    opacity: 0;
    transition: 150ms;
}
.back-to-top.active{ opacity: .6; pointer-events: inherit; }
.back-to-top.active:hover{ opacity: 1; }
/ MEDIA QUERIES (ENABLE WHEN RESPONSIVE)
================================================================================================================================= */
/* XLG Desktop */
@media (min-width: 1440px) {
}

/* XLG Desktop */
@media (max-width: 1539px) {
}

/* LG Desktop */
@media (min-width: 1200px) and (max-width: 1439px) {
	.flex-direction-nav .flex-next, .flexslider:hover .flex-next {
		right: 15% !important;
	}
}

/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) {
	.flex-direction-nav .flex-next, .flexslider:hover .flex-next {
		right: 16% !important;
	}
}

/* Tablet and below */
@media (max-width: 959px) {
	.about .about-block {padding: 0 0 0 20px}
}
	
/* Tablet */
@media (min-width: 720px) and (max-width: 959px) {
}

/* XS Mobile */
@media (max-width: 719px) {
footer.footer .footer-bottom .form-control {width: 60%; display: inline-block;}
}

/* All Mobile */
@media (max-width: 419px) {
	footer.footer .footer-bottom button {padding:14px 30px 12px }
	
}

@media (min-width: 540px) and (max-width: 719px) {
}

/* All Mobile */
@media (max-width: 539px) {
}
/*XS Mobile*/
@media (max-width: 359px) {
	
}

/* Retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
}

.modal-dialog {background-color: rgba(0,0,0,.8); max-width: 100%; margin: 0; max-height: 100%; height: 100% }
@media (min-width: 576px){
	.modal-content {
	    max-width: 500px;
	    margin: 0 auto;
	    padding: 4rem 0
	}
}
.modal-content {background-color:transparent; }
.modal-content button.close{position: fixed; right: 2%; top: 2%; padding: 0; background-color:rgba(255,255,255,.5); color: #fff; width: 50px; height: 50px; border-radius: 50%; line-height: 50px; display: inline-block; }
.modal-body .form-control{padding: 1rem 1rem; background-color: transparent; border-color: #999}
.modal-body button{padding: 1rem 1rem; background-color: #ad0100; border-color: #ad0100; border-radius:0}
.modal-body button:hover{background-color: #ad0100;  border-color: #ad0100; }

/*	MODERNIZR FIXES (CROSS-BROWSER)
================================================================================================================================== */
.lt-ie9 .container{ } /* ie less than 9 */
.chrome .container{ } /* chrome tarayıcı */



/*  TEXT SELECTION COLOR
================================================================================================================================== */
::selection{ background: #bebebe; color: #fff; }
::-moz-selection{ background: #bebebe; color: #fff; }
::-webkit-selection{ background: #bebebe; color: #fff; }
::-ms-selection{ background: #bebebe; color: #fff; }
::-o-selection{ background: #bebebe; color: #fff; }



/*  PLACEHOLDER COLOR
================================================================================================================================== */
::-webkit-input-placeholder { color: #ababab !important; opacity: 1; }
::-moz-placeholder { color: #ababab !important; opacity: 1; }
:-ms-input-placeholder { color: #ababab !important; opacity: 1; }
input:-moz-placeholder { color: #ababab !important; opacity: 1; }

:disabled::-webkit-input-placeholder { opacity: 0.5; }
:disabled::-moz-placeholder { opacity: 0.5; }
:disabled:-ms-input-placeholder { opacity: 0.5; }
:disabled:-moz-placeholder { opacity: 0.5; }