* {font-family: 'Open Sans', sans-serif;}
body {font-family: 'Open Sans', sans-serif; font-weight:500; font-size:16px}
a:link, a:visited, a:hover, a:active {text-decoration:none; color:inherit}
.cr { cursor:pointer}
nav { background-color:#fff}
.np { padding:0;}
.blu { color:#6785B7}

.navbar { padding: .5rem 0;}
.navbar-brand { margin:0}
.talep, .talep2, .menu { float:left; line-height:42px;}
.talep, .talep2 { padding:0px 15px; font-size:13px; background-color:#3D2F29; color:#FFF  }
.talep2 {background-color:#6785B7;font-size:16px;}
.menu { width:67px; height:42px; }
.menu span{ line-height: 15px; font-size: 10px; display: block; text-align: center; color:#6785B7; text-shadow: 1px 1px 1px #000000;}
.menu .bar {height: 4px;width: 33px;background-color:#6786B7; margin: 0px 17px 5px auto; border-radius:5px; box-shadow: 1px 1px 1px #000000;    }
.menu .top { margin-top:0px;}
.menu .bottom { width: 23px;transition: width .4s;}
.burger:hover > .menu .bottom{width: 33px; }
.burger2:hover > .menu .bottom{width: 33px; }
.burger2 div { float:none; line-height: 48px;}


.move-to-left { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);}
.sidebar {padding:30px 0px 0px 30px; height: 100%;width: 25%;position:fixed;top:0;z-index: 9999; right: -25%;background-color:#6785B7; -webkit-transition: transform .7s ease-in-out; -moz-transition: transform .7s ease-in-out; -ms-transition: transform .7s ease-in-out; -o-transition: transform .7s ease-in-out; transition: transform .7s ease-in-out;}
.sidebar-list { padding: 0; margin: 0; list-style: none; position: relative; margin-top: 80px;}
.sidebar-item { }
.sidebar-item a, .sidebar-anchor {display: block;text-decoration: none;letter-spacing: 2px; color:#fff; font-weight:300;margin: 20px 0; }
.sidebar-anchor::after { content: ''; display: block; width: 0; height: 1px; background: #fff;transition: width .7s;}
.sidebar-anchor:hover::after {width: 100%;}
.altbar, .altbar a { color:#FFF; line-height:40px; vertical-align:middle; font-weight:300; text-align:center}
.altbar a.close { color:#FFF; font-size:36px}

.formbar { height: 100%;width: 25%;position:fixed;top:0;z-index: 9999; right: -25%;background-color:#41332D; -webkit-transition: transform .7s ease-in-out;-moz-transition: transform .7s ease-in-out;-ms-transition: transform .7s ease-in-out;-o-transition: transform .7s ease-in-out;transition: transform .7s ease-in-out;}
.formbar .altbar {padding: 30px 0px 0px 30px; height: 10%;}
.formbar #form {width: 100%; padding: 0px 30px; height:90%; display: flex; align-items: center;}
.formbar #form h1{ font-size:18px; font-weight:500; padding-bottom:20px; text-align:center}
.formbar #form form{width: 100%; }

#form .form-control { border:none; border-radius:0}
#form .form-control { border:none; border-radius:0}
#form #qSend { width:100%; background-color:#3D3D3F; color:#FFF; border-radius:0; cursor:pointer} 
#form .ony { font-size:12px } 
input[type=checkbox]:not(old),
input[type=radio ]:not(old) { width: 28px; margin : 0; padding : 0; opacity : 0; /* float: left; */ height: 1px; }
input[type=checkbox]:not(old) + label,
input[type=radio ]:not(old) + label { display : inline-block; padding-left: 22px; background : url('/assets/img/checks.png') no-repeat 0 0; line-height: 15px; cursor: pointer; }
input[type=checkbox]:not(old):checked + label { background-position: 0 -15px; }
input[type=radio]:not(old):checked + label { background-position: 0 -15px; }
#izin { font-size:16px}
.form-group { margin-bottom: 10px;}

#mobileform { background-color:#41332D; font-size:14px; padding:20px 0px}
#mobileform h1{ font-size: 24px; text-align: center; padding: 25px 0px 15px 0px; }
#mobileform .form-control { border:none; border-radius:0}
#mobileform #qSend2 { width:100%; background-color:#3D3D3F; color:#FFF; border-radius:0; font-size:20px } 

#failed1, #failed2 { height:200px; color:#FFF; margin:100px 0px; display:none}
#failed1 p, #failed2 p { line-height:100px;}

#hata { display:none;padding: 15px;height: 300px;color: red;line-height: 30px;}
.has-error::-webkit-input-placeholder{color:#e10313!important}.has-error:-moz-placeholder{color:#e10313!important}.has-error::-moz-placeholder{color:#e10313!important}.has-error:-ms-input-placeholder{color:#e10313!important}

.porto .yty{ font-style: italic; color:#EB4635}
.porto .xbtn { background-color:#EB4535; border-radius:20px; color: #FFF!important; padding: 10px 20px;}
.porto .ybtn { background-color:rgba(97, 99, 101, 0.5); border-radius:20px; color: #FFF!important; padding: 10px 20px;}
.ybtn.actv {background-color:rgba(97, 99, 101, 1);}

.ito { height: 100vh; min-height: 300px; background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.carousel-inner .carousel-item .ito { /*-webkit-animation: zoom 100s; animation: zoom 100s;*/}
.carousel-caption {  padding-bottom:0; position:absolute; bottom:0; width:100%; right:0; left:0   }
.carousel-caption .cap { padding:10px 20px; width:50%; margin-left:50%; text-align:left; background-color:#3D2F29 }
.carousel-caption .cap p{ padding:0px; margin:0px; font-size:26px; line-height:45px; font-weight:400; text-shadow: 1px 1px #000; text-align:center}
.carousel-caption .cap p span { color:#C4B8AC; display:block}
.c-prev, .c-next { border-bottom-right-radius: 30px; position: absolute; top: 48%; left: 0%; padding: 2% 10px; background-color: rgba(92, 69, 44, 0.6); text-align: center; }
.c-next { left: initial; right: 0;border-bottom-right-radius: 0px; border-bottom-left-radius: 30px;}

.c-prev2, .c-next2 {position: absolute;bottom: -23px;left: 70px;padding: 12px 0;background-color: #ffffff;text-align: center;width: 100px; }
.c-next2 { left: 170px;background-color: #81A7E3;}

#first {background : url('/assets/img/bbg.jpg') repeat-y 0 0; color:#FFF; font-size:14px}

footer { background-color:#171210; color:#fff; font-size:12px}
footer h2{ font-size:20px; color:#ece5e2; font-weight:300 }
footer ul, footer ul li{ margin:0; padding:0; list-style:none}
footer .slnk { padding:20px 5px; display:inline-block}
.cengiz { width:44px; height:43px; margin:0 auto; background:url(/assets/img/cengiz.png) 0 0 no-repeat; display: block;}
.cengiz:hover {  background:url(/assets/img/cengiz.png) 0 -43px no-repeat; }

#sub { min-height:450px; background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#sub h2 { background-color:rgba(103, 133, 183, 0.8); padding:10px 20px; color:#FFF; margin: 0; color: #FFF; display: inline-block;}
.portex { font-size:11px}
.portex span{ font-size:15px; display:block; font-weight:500; color:#EB4635}
.slit { display: block; padding: 7px; font-size: 18px; background-color: grey; color: white !important; margin: 10px 0px; border-radius: 15px; font-family: sans-serif;}
.slit:hover, .slit.activ {  background-color: #EB4535;  }
.xcxc span { position:absolute; bottom:35px; right:25px; width:60px; height:60px; background:url(/assets/img/sc.png) no-repeat center}

#d1d p{ font-size:13px; color:#6C584C}
#d1d img{ margin:0 auto; display: block;}
#d1d .px1 { color:#516DA5; text-align:right; font-size:14px;}
#d1d .px2 h4 { font-size:14px; color:#516DA5; margin:0; padding:0; font-weight:bold}
#d1d .px2 p {  }

#m1m {}
#m1m p{ font-size:13px;}
#m1m .boxi span { position: absolute; display: block; right: 15px;  width: 150px; top:75px; color:#999999; font-size:18px}
#m1m .boxi img {  text-align:left; }
#m1m .boxi .area{ position:relative}
#m1m .boxi .area .side{ position:absolute; top:0; right:0; width:35%; height:100%; background-color:rgba(206, 209, 214, 0.4); text-align:center}
#m1m .boxi .area .side a{ display:block; height:30px; line-height:30px;}
#m1m .boxi .area .side a:nth-child(even) {background: #CED1D6}
#m1m .boxi .area .side a:nth-child(odd) {background: #E4E7E9}

#s1s {}
#s1s h5{ color:#6786B7; font-size:13px; padding:0; margin:3px; text-align:right}

#k1k p{ font-size:13px; color:#6C584C}

#failed1, #failed2 { height:200px; color:#FFF; margin:100px 0px; display:none}
#failed1 p, #failed2 p { line-height:100px;}





@keyframes PageBottomIcoAnimation {	0% { bottom: 75px;} 25% { bottom: 100px;} 50% { bottom: 75px;} 75% { bottom: 100px;} 100% { bottom: 75px;}}
@-webkit-keyframes zoom {
  from { -webkit-transform: scale(1, 1);}
  to { -webkit-transform: scale(1.5, 1.5);}
}

@keyframes zoom {
  from { transform: scale(1, 1);}
  to { transform: scale(1.5, 1.5);}
}




/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	
	.bt1 { display:flex}
	.bt2 { display:none}
	

}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1366px) {

}
/* Very Large Devices, Wide Screens */
@media only screen and (min-width : 1600px) {
	.sidebar,.formbar {	width: 20%; right: -20%;}
	.carousel-caption .cap p { padding-right: 250px;}
	
}
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.sidebar,.formbar {	width: 100%; right: -100%;}
	.bt1 { display:none}
	.bt2 { display:flex}
	.burger2 div { width:50%; float: left; text-align: center;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.carousel-caption {width: 100%; left: 0%;}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	
	.c-prev, .c-next { width: 50%; border-radius: 0; float: left; position: initial;}
	.c-prev2, .c-next2 { width: 50%; border-radius: 0; float: left; position: initial;}
	.ito {  max-height: 400px; background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
	.fixed-top { position:initial}
	
	.sidebar-list { margin-top: 50px;}
	.sidebar-item { margin: 15px 0; }
	.burger { margin:10px auto 0px auto}
	.carousel-caption .cap { padding:0; width:100%; margin-left:0%; text-align:center }
	.carousel-caption .cap p{ font-size: 17px; line-height: 30px; text-shadow: 1px 1px #000; padding: 10px;}
	.carousel-caption .cap p span { color:#fff; display:block}
	#m1m .boxi .area .side{  width:100%; position:inherit}
	#m1m .boxi .area .side a{  height:40px; line-height:40px; }
	
	
	#sub { min-height:170px; }
	#sub h2 { padding: 5px 10px; font-size: 20px;}
	
	
	
}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {

}