@charset "utf-8";
/* CSS Document */
@import url('https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');
 @import url("https://fonts.googleapis.com/css2?family=Agu+Display&family=Nunito+Sans:opsz@6..12&family=Permanent+Marker&family=Satisfy&family=Tajawal:wght@500;700;800;900&family=Tangerine:wght@700&family=Yellowtail&display=swap.css");
/***/
*{margin:0px;padding:0px;outline:0px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
*:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a{text-decoration:none;display:inline-block; color:#000}
a:hover{text-decoration:none;color:#333}
/*ul,ol{list-style:none}*/
html,body{scroll-behavior:smooth}
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; }
body {font-family: 'Roboto'; margin: 0; background:#fff1db; color:#293a5e; padding: 0; font-size:17px; -webkit-animation: fadein 500ms ease-in-out .5s both; animation: fadein 500ms ease-in-out .5s both}
h1{font-size:40px;line-height:48px;font-weight:700}
h2{font-size:38px;line-height:46px;font-weight:700}
h3{font-size:24px;line-height:32px;font-weight:700}
h4{font-size:20px;line-height:28px;font-weight:700}
h5{font-size:18px;line-height:26px;font-weight:500}
h6{font-size:16px;font-weight:500}
input,textarea{border:none;outline:none}
input::placeholder,textarea::placeholder{font-size:15px;color:#a3a3a3;letter-spacing:0.3px;text-transform:capitalize}
button{border:none;outline:none;background:none}
button:focus{outline:none}

 /*Fonts*/ 
 .tajawal-bold,.tajawal-extrabold,.tajawal-medium{font-style:normal;font-family:Tajawal,serif}.tajawal-black,.tajawal-bold,.tajawal-extrabold,.tajawal-medium{font-family:Tajawal,serif}
 .tajawal-medium{font-weight:500}
 .tajawal-bold{font-weight:700}
 .tajawal-extrabold{font-weight:800}
 .tajawal-black{font-weight:900;font-style:normal}
 .permanent-marker-regular,.satisfy-regular,.yellowtail-regular{font-weight:400;font-style:normal}
 .permanent-marker-regular{font-family:"Permanent Marker",serif}
 .yellowtail-regular{font-family:Yellowtail,serif}
 .satisfy-regular{font-family:Satisfy,serif}
 .tangerine-bold{font-family:Tangerine,serif;font-weight:700;font-style:normal}
 .agu-display-trn,.nunito-sans-trn{font-optical-sizing:auto;font-weight:400;font-style:normal}
 .nunito-sans-trn{font-family:"Nunito Sans",serif;font-variation-settings:"wdth" 100,"YTLC" 500}
 .agu-display-trn{font-family:"Agu Display",serif;font-variation-settings:"MORF" 0} 
 /*Fonts*/ 
 
@media (max-width:767px) {#header {text-align:center}}

.silici {clear:both; height:0}
.golge  {-webkit-box-shadow: 0px 0px 5px 3px rgba(193, 193, 193, 0.8);-moz-box-shadow: 0px 0px 5px 3px rgba(193, 193, 193, 0.8);box-shadow: 0px 0px 5px 3px rgba(193, 193, 193, 0.8);  /* For I E 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=14, Direction=135, Color='#737373')";/* For I E 5.5 - 7 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=14, Direction=135, Color='#737373')}
.golge2 {box-shadow:0px 5px 15px 0px rgba(0,0,0,0.1)}
.icgolge {-moz-box-shadow: inset 0px 0px 20px #c1c1c1;/* Mozilla */-webkit-box-shadow: inset 0px 0px 20px #c1c1c1;/* Chrome ve Safari */box-shadow: inset 0px 0px 20px #c1c1c1;/* Standart CSS Kodu */}
#govde {width:100%; background:#fff; padding:0;margin:30px 0;border-radius:14px;-moz-border-radius:14px;-webkit-border-radius:14px;-webkit-box-shadow: 0 4px 4px 0 rgba(49, 49, 49, 0.7);-moz-box-shadow: 0 4px 4px 0 rgba(49, 49, 49, 0.7);box-shadow: 0 4px 4px 0 rgba(49, 49, 49, 0.7);  /* For I E 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=14, Direction=135, Color='#313131')";/* For I E 5.5 - 7 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=14, Direction=135, Color='#313131')}
.ovalkose {border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}
.cerceve {border:solid 1px #293a5e} 
.hata, .HataText {background:#f9f0f0;font-size: 14px; padding:10px; width:98%; margin:10px auto; text-align:left;border:solid 1px #fe0002; border-left:solid 5px #dca7b0;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
.icerik {min-height:400px; line-height:150%;padding:30px 0; text-align:justify;font-family: 'Roboto';}
.icerik strong {font-weight:bold}
.icerik ul, .icerik ol{list-style:square;list-style-position: inside}

.title-bg {position: relative;font-size: 20px;color: #101010;line-height: 30px;display: inline-block}
.title-bg:after {background: #e30613;content: "";height: 1px;left: 0;position: absolute;bottom: -11px;width: 100%}
.title-bg:before {background: #e30613;content: "";height: 1px;left: 0;position: absolute;bottom: -14px;width: 100%}

.resimbox {margin-bottom:10px;}
.resimbox a {height:250px; display:block; background-position:center; background-repeat:no-repeat; background-size:cover;border:solid 1px #333;border-bottom:solid 3px #333;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
 
 
.konum {text-align:center;position:fixed; display:block; bottom:80px;right:20px;z-index:10000000;}
.whatsapp {text-align:center;position:fixed; display:block; bottom:120px;right:20px;z-index:10000000;}
.biziara {text-align:center;position:fixed; display:block; bottom:160px;right:20px;z-index:10000000;}
.insta {text-align:center;position:fixed; display:block; bottom:160px;right:20px;z-index:10000000;}
.face {text-align:center;position:fixed; display:block; bottom:240px;right:20px;z-index:10000000;}
.youtube {text-align:center;position:fixed; display:block; bottom:280px;right:20px;z-index:10000000;}

a.biziara,a.whatsapp,a.konum,a.insta,a.youtube,a.face {color:#fff;background:#242264;width: 40px;height: 40px;font-size:12px; padding-top:6px;border-radius: 100%; text-align:center; border:solid 2px #b4202b;}
a.biziara:hover, a.whatsapp:hover, a.konum:hover, a.insta:hover,a.youtube:hover,a.face:hover {background:#fff; color:#333; border:solid 2px #333;}

a.whatsapp {color:#fff;background:#25D366; border:solid 2px #fff}
a.whatsapp:hover {background:#fff; color:#25d366; border:solid 2px #25d366;}
a.whatsapp:hover i {color:#25d366;}

a.youtube {color:#fff;background:#ff0000; border:solid 2px #fff}
a.youtube:hover {background:#fff; color:#ff0000; border:solid 2px #ff0000;}
a.youtube:hover i {color:#ff0000;}

a.telegram {color:#fff;background:#0088cc; border:solid 2px #fff}
a.telegram:hover {background:#fff; color:#0088cc; border:solid 2px #0088cc;}
a.telegram:hover i {color:#0088cc;}

a.insta {color:#fff;background:#dd2a7b; border:solid 2px #fff}
a.insta:hover {background:#fff; color:#dd2a7b; border:solid 2px #dd2a7b;}
a.insta:hover i {color:#dd2a7b;}

a.face {color:#fff;background:#3b5998; border:solid 2px #fff}
a.face:hover {background:#fff; color:#3b5998; border:solid 2px #3b5998;}
a.face:hover i {color:#3b5998;}

a.biziara {color:#fff;background:#009cff; border:solid 2px #fff}
a.biziara:hover {background:#fff; color:#009cff; border:solid 2px #009cff;}
a.biziara:hover i {color:#009cff;}

a.konum {color:#fff;background:#ff7200; border:solid 2px #fff}
a.konum:hover {background:#fff; color:#ff7200; border:solid 2px #ff7200;}
a.konum:hover i {color:#ff7200;} 

.ghost {height:5px; clear:both;}
.fixedikonlar {padding:10px;background:#293a5e;color:#fff;bottom:0px;width:100%;text-align:center;z-index:10000000;cursor:pointer;position:fixed;border-top:solid 1px #fff}
.fixedikonlar a {display:inline-block; margin:5px;color:#fff;width: 40px;height: 40px;font-size:12px; padding-top:6px;border-radius: 100%; text-align:center;border:solid 2px #fff; background:#87c174}

@media (min-width:476px) {.fixedikonlar {display:none;}}
@media (max-width:767px) {a.whatsapp, a.biziara, a.konum, a.insta,.face,a.youtube,a.telegram {display:none;}.ghost {height:100px;}}

#iletisim strong {display:block; margin:0 auto;font-weight:bold}
#iletisim i.fas, #iletisim i.fab {display:block;margin:0 auto; color:#293a5e}
#iletisim a.wp {display:block; padding:10px; margin:0 auto; width:300px; text-align:center; font-weight:bold; font-size:16px;background:#f7bc97; color:#293a5e;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
#iletisim a.wp:hover {background:#293a5e; color:#f7bc97} 

/*Navbar*/
#nav {background:#293a5e;border-bottom:solid 1px #fff1db;font-family: "Roboto", serif;}
#nav .navbar-toggler {padding: .20rem .50rem;line-height: 1;borderm:solid 1px #f7bc97 !important;color:#f7bc97 !important}
#nav .nav-link {color: #fff1db !important; font-weight:normal;font-size: 18px;margin:0 20px; display:inline-block; padding-top:30px; min-width:90px; text-align:center}
#nav .nav-link:hover {color:#f7bc97 !important}
#nav .navbar-brand {color:#fff1db}
#nav .navbar-brand:hover{color:#f7bc97}
#nav .all-show{z-index: 10}
#nav .navbar-nav img.logo {height:80px}
#nav .navbar-nav .dropdown-item {font-size:16px;color:#293a5e !important}
#nav .navbar-nav .dropdown-item:hover {color:#293a5e !important}
#nav .navbar-nav .dropdown:hover .dropdown-menu {display: block; margin-top:-10px; background:#e3d5cb}
/*Navbar*/ 

/*box*/
.box {margin-top:30px}
.box h3 {display:block; width:350px; text-align:center; padding-bottom:5px; margin:30px auto 10px auto; border-bottom:solid 0px #293a5e; color:#293a5e} 
.box h4 {display:block; font-size:22px; text-align:left; padding-bottom:5px; margin:30px auto 20px auto; color:#293a5e}
.box .card{margin:5px 5px 20px 5px; border:0; background:none}
/*.box .card:hover {box-shadow:0px 5px 15px 0px rgba(0,0,0,0.1);border:solid 1px #d4bcab;background:#f0e9e3}*/
.box .card .card-logo {}
.box .card .card-logo img {display:block;border:solid 1px #d4bcab; width:100%; height:auto;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}
.box .card .card-name {font-size:16px;font-weight:bold}
.box .card .card-name a {color:#808caf}
.box .card .card-name a:hover {color:#293a5e}

.box.detay {padding:40px 0}
.box.detay h4 {display:block; font-size:22px;text-align:left;margin:0 0 10px 0; color:#293a5e}
.box.detay button {display:block; margin-top:30px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; background:#9f58a3; color:#fff; padding:10px 30px}
.box.detay button:hover {background:#ee2782}
.box.detay a.wp {color:#25d366;font-size:16px}
.box.detay a.wp:hover {color:#333;}
@media (max-width:767px) {
	.box.detay button {margin:30px auto} 
	.box h3,.box h4 {text-align:center;width:100%;}
}
/*box*/

/*Text Box*/
#TextBox {margin-top:30px}
#TextBox .yazi {text-align:justify; line-height:130%}
#TextBox h3 {display:block; width:350px; text-align:center; padding-bottom:5px; margin:0 auto 20px auto; border-bottom:solid 1px #293a5e; color:#293a5e} 
#TextBox img {display:block; width:100%; margin:auto;border:solid 0px #d4bcab;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}
#TextBox img.resim {display:block; float:left; margin:0 30px 30px 0;width:350px}
#TextBox .textbg {margin:0 20px; padding:20px 0 40px 0px;}
#TextBox .container {padding:0}
@media (max-width:767px) {
	#TextBox .yazi {padding:10px}
	#TextBox img {display:block; width:250px}
	#TextBox img.resim {display:block; float:none; margin:0 auto 30px auto}
	#TextBox h3 {display:block; width:100%}
	#TextBox .textbg {padding:0}
} 
/*Text Box*/

/*Video Panel*/
#videopanel img.resim {display:block;margin:0 0 20px 0;width:100%}
#videopanel span {display:inline-block; padding:8px 10px; margin-bottom:1px; min-width:150px;font-weight:bold; background:#d3bcac}
#videopanel a {display:inline-block; padding:10px; margin:30px 10px 0 10px; width:300px; text-align:center; font-weight:bold; font-size:16px;background:#f7bc97; color:#293a5e;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
#videopanel a:hover {background:#293a5e; color:#f7bc97} 
/*Video Panel*/
 
/*slide*/ 
#slide {height:90vh; background-image:url(../images/banner-burcu.jpg); background-repeat:no-repeat; background-size:cover; background-position:top center}
/*slide*/ 
 
/*Footer*/
footer {padding-top:30px; background:#293a5e;color:#fff1db; font-size:13px; line-height:18px}
footer p {display:block; padding:0; margin:0;}
footer img {display:inline-block; margin:3px auto; height:100px}
footer a {color:#f7bc97;}
footer a:hover {color:#d4bcab;}
/*Footer*/


/*İç Box*/
.sagbox {margin-top:30px}
.sagbox h3 {display:block; width:100%; text-align:center; padding-bottom:5px; margin:0 auto 20px auto; border-bottom:solid 1px #293a5e; color:#293a5e}
@media (max-width:767px) {.sagbox h3 {display:block; width:100%}}
.icbox {border:solid 1px #d4bcab; margin-bottom:15px; background:#fff; padding:10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}
.icbox img {display:block;border:0; width:100%;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}
.icbox .pics {float:left; width:30%;border:solid 1px #d4bcab}
.icbox .text {float:right; width:70%; padding-left:5px}
.icbox .video {width:100%; padding:5px; text-align:center;}
/*İç Box*/


/*Formlar*/
#formlar fieldset.login {width:100%; margin:30px auto; background:none; padding:0; border:solid 0px #d4bcab;border-radius:16px;-moz-border-radius:16px;-webkit-border-radius:16px}
#formlar form input {display:block; padding:10px; border:solid 1px #d4bcab; background:#fff; color:#293a5e; margin-bottom:5px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; width:100%}
#formlar button.sbmt {display:inline-block; float:left; padding:5px 10px; margin:10px 2px;border:0;background:#f7bc97; color:#293a5e;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
#formlar button.sbmt:hover {background:#293a5e; color:#f7bc97} 

@media (max-width:767px) {#formlar fieldset.login {width:100%}}
/*Formlar*/
 
/*Parallax*/
.ParallaxBox {width:100%;display: flex; padding:40px 0;flex-direction: column;align-items: center;  justify-content: center;/*background-image:url('../images/parallax1.jpg');background-size: cover;background-position: center top;*//*  this is where the magic happens:  */background-attachment: fixed}
.Paralblank,.Paralother {width: 100%; height:30vh;background:#293a5e; text-align:center; color:#f7bc97}
.Paralsecond {background-image:url('../images/parallax2.jpg');background-attachment: fixed;height:400px} 
.Paralsecond {flex-direction: row;gap: 1.6em}
.ParallaxBox .ParaBox {padding:100px 0; width:80%;font-family:Yellowtail,serif; font-size:34px; font-style:italic; margin:50px auto; text-align:center;color:#f7bc97; background:rgba(41,58,94,0.9);border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
@media (max-width:767px) {.ParallaxBox {display:none}}
/*Parallax*/ 


/* Panel */
#panel {margin-top:20px; background:#fffcf7; padding:20px;border-radius:10px;border:solid 1px #d4bcab}
#panel a.cikis, #panel button {display:inline-block; padding:10px; margin:0 0 20px 10px; width:110px; text-align:center; font-weight:bold; font-size:16px;background:#f7bc97; color:#293a5e;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}
#panel a.cikis:hover, #panel button:hover {background:#293a5e; color:#f7bc97} 
#panel a.hesabim {display:inline-block; padding:10px; margin:0 0 20px 0; width:110px; text-align:center; font-weight:bold; font-size:16px;background:#293a5e; color:#f7bc97;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}
#panel a.hesabim:hover {background:#f7bc97; color:#293a5e} 

#panel .tabs{list-style:none;margin:30px auto;padding:0; width:100%}
#panel fieldset {display:block; background:#fff5e5; padding:10px; margin:auto; width:60%;border:solid 1px #d4bcab;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}
#panel legend {display:block; font-weight:bold;background:#293a5e;color:#f7bc97;padding:10px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}
#panel label, #panel input {display:block; padding:10px;}
#panel input {border:solid 1px #d4bcab; margin-bottom:10px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; background:#efe9de;color:#293a5e; width:100%;}

#panel .card{margin:5px 5px 20px 5px; padding:6px; background:#fff;border:solid 1px #d4bcab}
/*.box .card:hover {box-shadow:0px 5px 15px 0px rgba(0,0,0,0.1);border:solid 1px #d4bcab;background:#f0e9e3}*/
#panel .card .card-logo {}
#panel .card .card-logo img {display:block;border:solid 1px #d4bcab; width:100%; height:auto;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}
#panel .card .card-name {font-size:16px;font-weight:bold}
#panel .card .card-name a {color:#808caf}
#panel .card .card-name a:hover {color:#293a5e}

#panel .card .card-name a.btn {display:block; padding:10px; margin:30px auto 0 auto; width:130px; text-align:center; font-weight:bold; font-size:16px;background:#f7bc97; color:#293a5e;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
#panel .card .card-name a.btn:hover {background:#293a5e; color:#f7bc97} 

@media (max-width:767px) {
	#panel {padding:5px}
	#panel fieldset {width:100%; padding:5px;}
	#panel a.cikis, #panel button {margin:auto;display:block}
	#panel label, #panel input {text-align:center}
}
/* Panel */

/*Tab*/ 
.tabs{list-style:none;margin:30px auto;padding:0}
@media (max-width:767px) {.tabs{list-style:none;margin:30px 0;padding:0; width:100%}}
.tabs__nav_link{cursor:pointer;text-decoration:none}
.tabs__content{display:block;transition:opacity .2s}
.tabs.style__horizontal .tabs__content,.tabs.style__vertical .tabs__content{height:0;overflow:hidden;opacity:0;visibility:hidden}
.tabs.style__horizontal .tabs__content.is__active,.tabs.style__vertical .tabs__content.is__active,.tabs__content.is__active{opacity:1;height:auto;visibility:visible}
.tabs.style__horizontal .tabs__nav{position:relative;z-index:2;display:flex;margin-bottom:-1px}
.tabs.style__horizontal .tabs__nav .tabs__nav_link{border:1px solid #d4bcab;margin:0 6px 0 0;padding:10px 20px;background:#fdf7ed;display:block;border-radius:10px 10px 0 0}
/*Tab Aktif Başlık */
.tabs.style__horizontal .tabs__nav .tabs__nav_link.is__active{font-weight:bold;background:#293a5e; color:#fff}
/*Tab İçeriği*/
.tabs.style__horizontal .tabs__content.is__active{border:1px solid #d4bcab;background:#fdf7ed;padding:18px;position:relative;z-index:1;border-radius:0 10px 10px 10px}
@media (max-width:767px) {.tabs.style__horizontal .tabs__content.is__active {border-radius:0}}
.tabs.style__horizontal .tabs__content .tabs__nav_link{display:none}

.tabs.style__vertical{display:flex;width:100%}
.tabs.style__vertical .tabs__nav{flex:0 0 150px}
.tabs.style__vertical .tabs__nav .tabs__nav_link{border:1px solid #d4bcab;border-right:0;margin:3px 0;padding:10px;background:#fdf7ed;display:block}.tabs.style__vertical .tabs__nav .tabs__nav_link.is__active{font-weight:bold;background:#fdf7ed}
.tabs.style__vertical .tabs__content{flex-grow:1;width:0}
.tabs.style__vertical .tabs__content .tabs__nav_link{display:none}
.tabs.style__vertical .tabs__content.is__active{border:1px solid #d4bcab;background:#ccc;padding:18px;position:relative;z-index:1;width:auto}
.tabs.style__accordion,.tabs.is__responsive{display:block}
.tabs.style__accordion .tabs__nav,.tabs.is__responsive .tabs__nav{display:none}
.tabs.style__accordion .tabs__nav_link,.tabs.is__responsive .tabs__nav_link,.tabs.style__accordion .tabs__content .tabs__nav_link,.tabs.is__responsive .tabs__content .tabs__nav_link{display:block;padding:18px;margin:-18px}
.tabs.style__accordion .tabs__nav_link.is__active,.tabs.is__responsive .tabs__nav_link.is__active{font-weight:bold;margin-bottom:0}
.tabs.style__accordion .tabs__content,.tabs.is__responsive .tabs__content{border:1px solid #d4bcab;padding:18px;background:#fdf7ed;margin:0 0 15px 0 0;display:block;height:auto;flex:none;opacity:1;visibility:visible;overflow:auto;width:auto}
.tabs.style__accordion .tabs__content_wrapper,.tabs.is__responsive .tabs__content_wrapper{height:0;transform:scaleY(0);overflow:hidden;transition:transform .2s;transform-origin:top left}
.tabs.style__accordion .tabs__content.is__active .tabs__content_wrapper,.tabs.is__responsive .tabs__content.is__active .tabs__content_wrapper{height:auto;transform:scaleY(1)} 
/*Tab*/