@import url(../slick/slick-theme.css);
@import url(../slick/slick.css);

body { font-family: "Poppins", sans-serif; font-size: 14px}

ul { list-style-type: none;}
.btn { transition: ease-out 0.5s; box-shadow: inset 0 0 200px 0 #2c55a2; background: #2c55a2;}

.navbar-scroll { background: #f5f6f7!important;}
.navbar-scroll .navbar-brand img {height: 80px}
.navbar-nav .nav-item .nav-link { color: #222222; padding-left: 1rem; padding-right: 1rem;}

.dropdown-submenu { position: relative;}
.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:hover>.dropdown-menu { display: block;}
.dropdown-submenu>a:after { display: block; content: ''; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #444; margin-top: 7px; margin-right: -10px; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; border-radius: 6px 0 6px 6px; }
.dropdown-toggle::after { color: #aaa;}
.bg-dark:focus, .bg-dark:hover{ background-color: none!important; box-shadow: none!important;}

#carouselBanner .carousel-item.background { height: 65vh; min-height: 300px; background: no-repeat center center scroll; background-size: cover; }
#carouselBanner .carousel-item.background.background-sub { height: 45vh; }
#carouselBanner .carousel-indicators > button { background-color: rgba(0,0,0,.5); }
#carouselBanner .carousel-indicators > button.active{background-color: #000;}
#carouselBanner .carousel-caption { font-size: 50px; line-height: 52px; color: #333; text-align: left; top: 45%; left: auto; right: 17%; }
#carouselBanner .carousel-caption p span{ background: #e4985a; color: #fff; padding: 0 5px; border-top-left-radius: 10px; border-bottom-right-radius: 10px;}
#carouselBanner .carousel-caption .btn { background: #2e685f; color: #fff}

.about-bg { background: url('../images/about-bg.png') no-repeat; background-size: contain; padding: 150px 0 100px 0;}
.about-bg .bg-brown { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.about-bg .btn { background: #2c55a2;}
.about-bg .position-relative img { position: absolute; right: 0; bottom: -80px;}

.page-titles { font-size: 35px; font-weight: bold; color: #4a2d16}
.page-titles-wrapper { position: absolute; z-index: 2; left: 0; right: 0; text-align: center; }
.page-titles-wrapper h1 { font-size: 35px; font-weight: bold; text-transform: uppercase;}

.service-bg { position: relative; margin-bottom: 90px;}
.service-bg:after { position: absolute; content:""; z-index: -1; left: 0; right: 0; bottom: -40px; background: #f5f6f7; height: 400px}

.product-row:nth-child(odd) { background: #eff6ff}
.product-row:nth-child(even) { background: #fff}
.product-row ul { padding-left: 0;}
.product-row li { list-style: none; padding-bottom: 10px;}

.product-detail-bg { background: url('../images/product-detail-bg.png') no-repeat; padding: 50px 0; background-size: cover; background-position: center;}
.product-detail-bg li, .product-offer-detail li { padding-bottom: 20px;}

.product-offer-detail { background: url('../images/content-bg2.png') no-repeat; background-position: right;}
.product-offer-detail .col-lg-6:nth-child(2) { min-height: 900px;}
.img-1 { z-index: -1; top: 20%; left: 20px; }
.img-2 { top: 0; right: 80px;}
.img-3 { top: auto; bottom: 40px; right: 180px;}
.slick-initialized .slick-slide { padding: 10px}


.icerik h2 { position: relative; text-align: center; margin-bottom: 50px; font-size: 20px; font-weight: bold; color: #2d446c;}
.icerik h2:after { position: absolute; content:""; right: 0; left: 0; top: 50px; text-align: center; margin: 0 auto; width: 50px; height: 4px; background: #bb5c5c; border-radius: 10px;}
.icerik .card { background: #e9eeff;}
.icerik .card p { color: #4a5f85;}
.icerik .card h3 { font-size: 15px; font-weight: medium; color: #243a5f;}

.icerik #teknik-destek .col-lg-3:first-child{ border-left: 10px solid #d3c3bb; }
.icerik #teknik-destek .col-lg-3:last-child{ border-right: 10px solid #d3c3bb; }
.icerik #teknik-destek .card { border-radius: 0; background: #fff; }
.icerik #teknik-destek h4 { font-size: 14px; font-weight: bold; color: #765241;}

.icerik .custom-card { position: relative; border-radius: 5px; overflow: hidden;}
.icerik .overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient( to top, rgba(255,255,255,0.9) 38%, rgba(255,255,255,0.7) 35%, rgba(255,255,255,0.0) 60%);}
.icerik .content { position: absolute; bottom: 0; left: 20px; right: 20px;}
.icerik .content h5 { font-size: 18px;}

#danismanlik-slick .slick-slide { opacity: 0.4; transition: all 0.3s ease;}
#danismanlik-slick .slick-center { opacity: 1;}

.timeline { position: relative;}
.timeline::before { content: ''; position: absolute; left: 50%; top: 0; width: 2px; height: 100%; background: #eee; transform: translateX(-50%);}
.timeline-dot { position: absolute; left: 0%; top: 50%; width: 12px; height: 12px; background: #c9a6da; border-radius: 50%; transform: translate(-50%, -50%); z-index: 2;}
.row.flex-md-row-reverse .timeline-dot { left: 100%;}
.timeline-number { font-size: 60px; font-weight: 700; color: #e9dff0; text-align: center;}
.card-box { background: #fcf4fd; padding: 25px; border-radius: 10px;}
.card-box h5 { color: #b283b7; font-weight: bold}


.social { margin: auto; position: fixed; left: 0; top: 200px; z-index: 9;}
.social-bg { background: url('../images/social-bg.png') no-repeat; background-position: center center; padding: 110px 0}

#return-to-top { position: fixed; bottom: 20px; right: 20px; background:#2c55a2; width: 40px; height: 40px; text-decoration: none; display: none; border-radius: 10px; z-index : 999; }
#return-to-top i { font-size: 25px; color: #fff; position: relative; margin: 0; left: 9px; top: 7px; }

/* Sosyal Medya Sayfası */
.sosyal_medya { margin-bottom: 0; list-style: none;}
.sosyal_medya li { transition: all 0.4s ease; padding-right: 5px; margin-bottom: 5px}
.sosyal_medya li:hover { transform: scale(1.1);}
.sosyal_medya a { width: 35px; height: 35px; display: inline-block; background: #bb4d5c; color: #fff; font-size: 14px; text-align: center; padding-top: 7px; border-radius: 50%;}

/* 404 Sayfa Bulunamadı Sayfası*/
#nopage {background-color: #f5f6f7; min-height: 80vh;}
.text-wrapper { min-height: 80vh; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.title {font-size: 6em; font-weight: 700; color: #2c55a2;}
.subtitle { font-size: 40px; font-weight: 700; color: #1FA9D6;}
.buttons { margin: 30px;}
.buttons a.button { font-weight: 700; border: 2px solid #2c55a2; text-decoration: none; padding: 15px; text-transform: uppercase; color: #2c55a2; border-radius: 26px; transition: all 0.2s ease-in-out; }
.buttons a.button:hover { background-color: #2c55a2; color: white; transition: all 0.2s ease-in-out;}

footer { background: #f5f6f7}
footer, footer a { color: #262626}
footer i { color: #3c62a9}
footer .btn { background: #2c55a2; border-top-left-radius: 0!important; border-bottom-left-radius: 0!important; border-top-right-radius: 15px !important; border-bottom-right-radius: 15px !important;}
footer .form-control { border-top-left-radius: 15px !important; border-bottom-left-radius: 15px !important;}

.bg-green { background: #2c55a2; color: #fff;}
.bg-brown { background: #9c6940;}
.btn-success { background: #2e685f;}
.text-green { color: #2e685f;}
.text-blue { color: #2c55a2;}


/* RESPONSIVE UP (min-width) */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .navbar-brand img { height: 130px;}
  	footer img { float: right!important; }
  	.dropdown-submenu>.dropdown-menu { margin-top: 5px; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .product-row:nth-child(odd) .col-lg-6:first-child{ order: 12;}
    
}

@media (min-width: 1920px) {
    #carouselBanner .carousel-caption { right: 22%;}
}

/* RESPONSIVE DOWN (max-width) */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	#carouselBanner .carousel-item.background { height: 35vh !important; }
	footer { font-size: 14px; }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	.navbar { position: relative; background: #f5f6f7!important;}
	.navbar-brand img { height: 80px;}
	#carouselBanner .carousel-caption { font-size: 20px; line-height: 17px; top: 35px; right: 30px;}
	#carouselBanner .carousel-caption .btn { display: none;}
	.about-bg { padding: 0;}
	.about-bg .position-relative img { position: relative; bottom: 0;}
	.page-titles { font-size: 30px;}
	.page-titles-wrapper { top: -135px!important}
	.page-titles-wrapper h1 { font-size: 25px}
	.service-bg:after { height: 345px;}
	.img-1, .img-2, .img-3 { position: relative!important;}
	.img-1 { top: 0; left: 0;}
	.img-2 { top: -55px}
	.img-3 { top: -115px; right: 0}
	.product-offer-detail { background: none;}
	.product-offer-detail .col-lg-6:nth-child(2) { min-height: auto;}
	.timeline::before { left: 0!important;}
    .timeline-dot { left: 7px!important; transform: translateY(-50%);}
	footer { text-align: center;}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}