@charset "utf-8";

* {
	outline:none;
	box-sizing: border-box;
	margin:0px;
	padding:0px;
	list-style-type:none;
	
}
:focus {
outline: 0;
}
img {	vertical-align: middle; }
a  {	text-decoration:none;}

.kapsa {margin:0 auto; width:85%;}
.kapsa:after{
	content:'';
	display:block;
	clear:both;
	}
body,html {
	width:100%;
	height:100%;
	font-family: 'Open Sans', sans-serif;
	}
.top-bar {
	float:left;
	width:100%;
	background-color:#ffa73c;
	padding-top:20px;
	padding-bottom:20px;
	}
.phone {
	float:left;
	width:30%;
	}
.phone > a {
	color:#FFF;
	font-size:15px;
	}	
.sosyal-medya {
	float:right;
	width:20%;
	
	}
.sosyal-medya > ul{
	float:left;
	width:100%;
	text-align:right;
	}	
.sosyal-medya > ul > li{
	display:inline-block;
	margin-right:10px;
	}
.sosyal-medya > ul > li:last-child{
	margin-right:0px;
	}		
.sosyal-medya > ul > li > a{
	color:#FFF;
	font-size:18px;
	
	}		
.header {
	float:left;
	width:100%;

	}
.header > .kapsa{ 
	display:flex;
	align-items:center;
	}	
.logo {
	float:left;
	width:20%;
	}
.logo > a > img{
	width:100%;
	max-width:200px;
	}	
.menuler {
	float:left;
	width:80%;
	text-align:right;
	
	}	
.menuler > ul {
	float:left;
	width:100%;
	}
.menuler > ul > li{
	display:inline-block;
	position:relative;
	
	}	
.menuler > ul > li > a{
	display:block;
	padding:75px 25px;
	font-weight:600;
	color:#000;

	}
	
	
.menuler > ul > li:last-child > a{
	padding:75px 0px 75px 25px;
	}	
.menuler > ul > li > span{
	display:block;
	padding:75px 25px;
	cursor:pointer;
	font-weight:600;
	color:#000;
	}
.menuler > ul > li.aktif > a{
	color:#92278f;
	}
.menuler > ul > li.aktif > span{
	color:#92278f;
	}	
.menuler > ul > li:hover > a{
	color:#92278f;
	}
.menuler > ul > li:hover > span{
	color:#92278f;
	}	
.menuler > ul > li.alt-menulu:after {
	content: "\f107";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit; 
	position:absolute; 
	top:76px; 
	right:0px; 
	color:#000; 
	font-weight:600;
	font-size:13px;
	}
.menuler > ul > li.alt-menulu:hover:after {
	color:#92278f; 

	}				
.menuler > ul > li.alt-menulu > ul.alt-menu {
	position:absolute;
	top:178px;
	left:0px;
	padding:20px;
	background-color:#FFF;
	border-top:4px solid #92278f;
	text-align:left;
	width:250px;
	opacity:0;
	visibility:hidden;
	z-index:9;
	}
.menuler > ul > li.alt-menulu:hover > ul.alt-menu {
	position:absolute;
	top:168px;
	display:block;
	transition:all .5s;
	opacity:1;
	visibility:visible;	
	}
.menuler > ul > li.alt-menulu:hover > ul.alt-menu:before {
	content:'';
	position:absolute;
	border-style:solid;
	border-width:0px 10px 10px 10px;
	top:-14px;
	left:30px;	
	border-color:transparent transparent #92278f transparent;
	}		
.menuler > ul > li.alt-menulu > ul.alt-menu  > li{
	float:left;
	width:100%;
	border-bottom:1px solid #F3F3F3;
	}
.menuler > ul > li.alt-menulu > ul.alt-menu  > li:last-child{
	border-bottom:0px solid #F3F3F3;
	}		
.menuler > ul > li.alt-menulu > ul.alt-menu  > li > a{	
	display:block;
	padding-top:15px;
	padding-bottom:15px;
	color:#000;
	font-weight:600;
	font-size:13px;
	}
.menuler > ul > li.alt-menulu > ul.alt-menu  > li.aktif > a{
	color:#92278f;
	}		
.menuler > ul > li.alt-menulu > ul.alt-menu  > li > a:hover{	
	color:#92278f;
}
.baner {
	float:left;
	width:100%;
	background-image:url(../images/bg-slider-01.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	min-height:400px;
	overflow:hidden;
	position:relative;
	}
.baner ul.slayt > li {
	float:left;
	width:100%;
	position:relative;
	min-height:400px;
	}
.baner ul.slayt > li > .foto1 {
	width:40%;
	position:absolute;
	left:5%;
	top:2%;
	
	}
.baner ul.slayt > li > .foto2 {
	width:30%;
	position:absolute;
	right:5%;
	top:2%;	
	}		
.baner ul.slayt > li > .foto1 > img{
	width:100%;
	}		
.baner ul.slayt > li > .spot1 {
	width:40%;
	position:absolute;
	right:10%;
	top:35%;
	color:#FFF;
	font-size:40px;
	line-height:55px;
	font-weight:600;	
	}
.baner ul.slayt > li > .spot2 {
	width:40%;
	position:absolute;
	left:10%;
	top:35%;
	color:#FFF;
	font-size:40px;
	line-height:55px;
	font-weight:600;	
	}	
ul.slayt-point {
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:20px;
	}
ul.slayt-point > li {
	display:inline-block;
	margin-right:10px;
	width:30px;
	height:30px;
	background-color:#92278f;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;	
	cursor:pointer;		
	}
ul.slayt-point > li.aktif {
	border:3px solid #FFF;
	}		
ul.slayt-point > li:hover {
	border:3px solid #FFF;
	}	
ul.slayt-point > li:last-child{
	margin-right:0px;
	}
.section-1 {
	float:left;
	width:100%;
	padding-top:5%;
	padding-bottom:5%;
	}
.section-1 h2{
	font-weight:400;
	font-size:30px;
	margin-bottom:50px;
	position:relative;
	padding-left:20px;
	letter-spacing:1px;
	}
span.bold {
	font-weight:600;
	}		
.section-1 h2:before{
	content:'';
	position:absolute;
	left:0px;
	top:10px;
	width:10px;
	height:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	background-color:#a273b9;
	
	}		
ul.hizmetler {
	width:100%;
	float:left;
	}
ul.hizmetler > li {	
	float:left;
	width:22%;
	margin-right:4%;
	text-align:center;
	box-sizing: border-box;
	}
ul.hizmetler > li:nth-child(4n+4) {	
	margin-right:0px;	
	}		
ul.hizmetler > li .icon{
	width:200px;
	height:200px;
	border:2px solid #f6f6f6;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;	
	margin-bottom:20px;
	padding-top:26%;
	display:inline-block;
	position:relative;
	box-sizing: border-box;
	}
ul.hizmetler > li .icon:after{
	content:'';
	position:absolute;
	border-style:solid;
	border-width:15px 15px 0px 15px;
	bottom:-14px;
	left:45%;	
	border-color:#f6f6f6 transparent transparent transparent;
	
	}
ul.hizmetler > li .icon:before{
	content:'';
	position:absolute;
	border-style:solid;
	border-width:14px 14px 0px 14px;
	bottom:-12px;
	left:45.9%;	
	border-color:#fff transparent transparent transparent;
	z-index:8;
	
	}		
ul.hizmetler > li:hover .icon:after{
	border-color:#ffa73c transparent transparent transparent;
	}
ul.hizmetler > li:hover .icon:before{
	border-color:#ffa73c transparent transparent transparent;
	}

ul.hizmetler > li:hover > .icon {
	background-color:#ffa73c;
	color:#FFF;
	border:2px solid #ffa73c;
	}			
ul.hizmetler > li > .icon  i{
	font-size:40px;
	color:#ffa73c;
	}
ul.hizmetler > li:hover > .icon  i{
	font-size:40px;
	color:#fff;
	}	

ul.hizmetler > li > .baslik {
	margin-top:20px;
	font-weight:600;
	font-size:20px;
	margin-bottom:20px;
	color:#1f1f1f;
	}
ul.hizmetler > li > .ozet {
	margin-top:20px;
	font-weight:400;
	font-size:15px;
	color:#888;
	line-height:24px;
	}	
ul.hizmetler > li .icon > img{
	max-width:50px;
	}
ul.hizmetler > li:nth-child(1) .icon {
	background-image:url(../images/beslenme-t.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 50px 50px;
	
	}
ul.hizmetler > li:hover:nth-child(1) .icon {
	background-image:url(../images/beslenme.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 50px 50px;
	
	}	
ul.hizmetler > li:nth-child(2) .icon {
	background-image:url(../images/guvenlik-t.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 50px 50px;
	
	}
ul.hizmetler > li:hover:nth-child(2) .icon {
	background-image:url(../images/guvenlik.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 50px 50px;
	
	}		
ul.hizmetler > li:nth-child(3) .icon {
	background-image:url(../images/temizlik-t.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 50px 50px;
	
	}
ul.hizmetler > li:hover:nth-child(3) .icon {
	background-image:url(../images/temizlik.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 50px 50px;
	
	}	
	
ul.hizmetler > li:nth-child(4) .icon {
	background-image:url(../images/servis-t.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 50px 50px;
	
	}
ul.hizmetler > li:hover:nth-child(4) .icon {
	background-image:url(../images/servis.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 50px 50px;
	
	}					
.section-2 {
	float:left;
	width:100%;
	/*border-top:1px solid #ddd;*/
	padding-top:5%;
	padding-bottom:5%;
	}
.section-2  .left-coll {
	float:left;
	width:30%;
	}
.section-2  .left-coll > img{
	width:100%;
	}	
.section-2  .right-coll {
	float:left;
	width:70%;
	padding-left:10%;
	
	}	
.right-coll > .baslik {
	font-size:22px;
	margin-bottom:20px;
	float:left;
	width:100%;
	line-height:29px;
	}	
.right-coll > .aciklama {
	font-size:15px;
	margin-bottom:20px;
	float:left;
	width:100%;
	line-height:23px;
	color:#888;
	}		
.maddeler {
	float:left;
	width:100%;
	margin-top:30px;
	}
.maddeler > ul {
	float:left;
	width:100%;
	}	
.maddeler > ul > li{
	float:left;
	width:50%;
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
	color:#1f1f1f;
	font-size:17px;
	height:55px;
	padding-left:70px;
	
	}

.maddeler > ul > li > span.icon{
	position:absolute;
	width:40px;
	height:40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;	
	background-color:#ffa73c;	
	color:#fff;
	margin-right:20px;	
	text-align:center;
	padding-top:10px;
	top:-5px;
	left:0px;		
	}

.maddeler > ul > li > span.icon:before{	
	content:'';
	position:absolute;
	width:36px;
	height:36px;
	left:-0px;
	top:0px;
	-webkit-border-radius: 36px;
	-moz-border-radius: 36px;
	border-radius: 36px;	
	background-color:#fff;
	z-index:-1;
	border:2px solid #ffa73c;
	transition:all .5s;
	
	}
.maddeler > ul > li:hover > span.icon:before{	

	width:48px;
	height:48px;
	left:-6px;
	top:-6px;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	border-radius: 48px;	

	transition:all .5s;
	
	}
.bg-1 {
	background-image:url(../images/counter-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;

	}		
.section-3 {
	float:left;
	width:100%;
	min-height:400px;
	display:flex;
	align-items:center;
	justify-content:center;	
	position:relative;
	z-index:1;
	}
.section-3:before{
	content:'';
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.4);
	z-index:2;
	}	
.section-3 > .slogan {
	width:40%;
	text-align:center;
	color:#FFF;
	font-size:30px;
	line-height:42px;
	position:relative;
	z-index:3;
	font-weight:400;
	}

.section-4 {
	float:left;
	width:100%;
	}	
.section-4 h2{
	font-weight:400;
	font-size:30px;
	margin-bottom:50px;
	position:relative;
	padding-left:20px;
	letter-spacing:1px;
	}	
.section-4 h2:before{
	content:'';
	position:absolute;
	left:0px;
	top:10px;
	width:10px;
	height:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	background-color:#a273b9;
	
	}		
		
/*BOTTOM SLIDER	*/

.bottom-slider {width:100%; float:left; margin-bottom:50px; margin-top:30px;}

.maske {width:100%; overflow:hidden;}
ul.bottom-slayt {float:left; }
ul.bottom-slayt > li {list-style-type:none; float:left;  position:relative;}
ul.bottom-slayt > li >a {color:#FFF; }
ul.bottom-slayt > li >a >img {width:100%;}

ul.bottom-slayt > li >a > .bottom-baslik {
background: rgba(138, 191, 0, 0.8) !important;
width:100%; height:100% !important;
top:0px;
left:0px;
position:absolute;
color:#FFF;
opacity:0;	
transform: scaleY(0);
transition: all 0.35s ease-out 0.15s;
}
ul.bottom-slayt > li >a:hover > .bottom-baslik {
background: rgba(138, 191, 0, 0.8) !important;
width:100%; height:100% !important;
top:0px;
left:0px;
position:absolute;
color:#FFF;
opacity:1;
transition:height 0.5s;
transform: scaleY(1);
transition: all 0.35s ease-out 0.15s;
}

ul.bottom-slayt > li >a > .bottom-baslik > .baslik {
	display: table;
	height:100% !important;
	width:100%;
}
ul.bottom-slayt > li >a > .bottom-baslik > .baslik > .icerik {
display: table-cell;
vertical-align: middle;
text-align: center;
font-size:17px;
font-weight:400;
}



ul.bottom-point {width:100%; float:left; text-align:center; padding:20px 0px;}
ul.bottom-point > li{ list-style-type:none; width:13px; height:13px; background-color:#696969; display:inline-block; border-radius:100%; margin-right:3px; cursor:pointer; }
ul.bottom-point > li.bottom-aktifim {background-color:#cfcfcf; }

/*BOTTOM SLIDER	*/
.motto {
	float:left;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:4% 0px;
	
	}			
.motto > .text {
	font-size:32px;
	}
.motto > .elips {
	width:150px;
	height:150px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:10px;
	margin-left:3%;
	text-align:center;
}
.motto > .elips > a{
	color:#FFF;
	font-weight:600;
	font-size:20px;
	}
	
.renk1 {
	background:rgba(217,63,99,1);
	
	}
.renk1:hover {
	background:rgba(217,63,99,.8);
	
	}	
.footer {
	float:left;
	width:100%;
	padding-top:4%;
	padding-bottom:4%;	
	background-color:#ffa73c;	
	}
.footer > .kapsa{
	display:flex;
	justify-content:space-between;
	align-items:center;
	}
.footer  .footer-logo{
	width:25%;
	}
.footer  .footer-logo img{
	width:100%;
	max-width:180px;
	}	
.footer  .footer-adres{
	width:50%;
	color:#FFF;
	font-size:18px;
	line-height:29px;
	}
.footer  .footer-sosyal{
	width:25%;
	}	
	
.footer  .footer-sosyal > ul{
	float:left;
	width:100%;
	text-align:right;
	
	}
.footer  .footer-sosyal > ul > li{
	display:inline-block;
	margin-right:25px;
	}	
.footer  .footer-sosyal > ul > li  > a{
	color:#FFF;
	font-size:35px;
	}		
.top-header {
	float:left;
	width:100%;
	border-top:1px solid #eee;
	padding-top:2%;
	padding-bottom:2%;
	}

.top-header  h1{
	font-weight:400;
	font-size:30px;
	position:relative;
	padding-left:20px;
	letter-spacing:1px;
	}
		
.top-header h1:before{
	content:'';
	position:absolute;
	left:0px;
	top:10px;
	width:10px;
	height:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	background-color:#a273b9;
	
	}
.content {
	float:left;
	width:100%;
	padding-top:7.5%;
	padding-bottom:7.5%;
	background-color:#f6f6f6;
	}
.beyaz {
	background:#fff;
	}
.bosluk {
	padding:5%;
	text-align:center;
	color:#888888;
	font-size:16px;
	line-height:30px;
	}	
ul.maddeli {
	float:left;
	width:100%;
	}
ul.maddeli > li {
	float:left;
	width:100%;
	position:relative;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:35px;
	font-size:18px;
	}
ul.maddeli > li:hover {
	background-color:#F8F8F8;
	}	
ul.maddeli > li:before {
	content:'';
	position:absolute;
	width:10px;
	height:10px;
	background-color:#eee;
	left:10px;
	top:21px;
	transition:all .5s;
	}
ul.maddeli > li:hover:before {
	background-color:#a273b9;
	left:9px;
	top:19px;
	width:12px;
	height:12px;
	transition:all .5s;	
	}							
.sola-yasla {
	text-align:left;
	}
		
.italic {
	font-style:italic;
	}	
h2.ic-h2 {
	float:left;
	width:100%;
	display:block;
	font-weight:400;
	font-size:25px;
	letter-spacing:.5px;
	margin-top:30px;
	margin-bottom:30px;
	padding-left:25px;
	position:relative;
	

	}
h2.ic-h2:before {
	content:'';
	position:absolute;
	width:10px;
	height:10px;
	background-color:#ffa73c;
	left:0px;
	top:8px;
	}
		
h3.ic-h3 {
	float:left;
	width:100%;
	display:block;
	font-weight:400;
	font-size:20px;
	letter-spacing:.5px;
	margin-top:15px;
	margin-bottom:15px;
	padding-left:25px;
	position:relative;
	}
h3.ic-h3:before {
	content:'';
	position:absolute;
	width:10px;
	height:10px;
	background-color:#92278f;
	left:0px;
	top:8px;
	clear:both;
	}
	
ul.maddeli-oval {
	float:left;
	width:100%;
	display:block;
	 
	} 
ul.maddeli-oval > li {
	float:left;
	width:100%;
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:55px;
	font-size:15px;
	}
ul.maddeli-oval > li:hover {
	background-color:#F8F8F8;
	}	
ul.maddeli-oval > li:before {
	content:'';
	position:absolute;
	width:10px;
	height:10px;
	background-color:#eee;
	left:30px;
	top:21px;
	transition:all .5s;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	}
ul.maddeli-oval > li:hover:before {
	background-color:#a273b9;
	left:29px;
	top:19px;
	width:12px;
	height:12px;
	transition:all .5s;	
	}	
ul.brans-dersler {
	float:left;
	width:100%;
	}	
ul.brans-dersler > li{
	float:left;
	width:100%;
	margin-bottom:1px;

	}
ul.brans-dersler > li > .baslik{
	float:left;
	width:100%;
	background-color:#f7f7f7;
	color:#1f1f1f;
	padding:5px 15px;
	font-weight: 600;
	font-size:14px;
	cursor:pointer;
	position:relative;
	}
ul.brans-dersler > li > .baslik:after {
	content: "\f067";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit; 
	position:absolute; 
	top:8px; 
	right:10px; 
	color:#f89829; 
	font-weight:600;
	font-size:13px;
	 }
ul.brans-dersler > li.aktif > .baslik:after {
	content: "\f068";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit; 
	position:absolute; 
	top:8px; 
	right:10px; 
	color:#f89829; 
	font-weight:600;
	font-size:13px;
	 } 	

ul.brans-dersler > li > .icerik{
	float:left;
	width:100%;
	color:#888888;
	padding:25px 15px;
	display:none;
	font-size:14px; 
	line-height:24px;
	position:relative;
	}	
ul.brans-dersler > li > .icerik:before{
	content:'';
	position:absolute;
	border-style:solid;
	border-width:10px 10px 0px 10px;
	border-color:#f7f7f7 transparent transparent transparent;
	left:25px;
	top:0px;
	}		
.textim {
	float:left;
	width:100%;
	}
.hizmetler-point {
	float:left;
	width:100%;
	padding-top:4%;
	}							
ul.hizmetlerimiz {
	width:100%;
	float:left;
	}
ul.hizmetlerimiz > li {	
	float:left;
	width:100%;
	margin-right:0px;
	margin-top:30px;
	text-align:center;
	box-sizing: border-box;
	display:flex;
	align-items:center;
	}
ul.hizmetlerimiz > li > .left {
	float:left;
	width:30%;

	}
ul.hizmetlerimiz > li > .right {
	float:left;
	width:70%;
	}			
ul.hizmetlerimiz > li > .left > .icon{
	
	width:200px;
	height:200px;
	border:2px solid #fff;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;		
	padding-top:20%;
	display:inline-block;
	box-sizing: border-box;
	background-color:#fff;
	position:relative;
	}

ul.hizmetlerimiz > li:nth-child(1) > .left > .icon {
	background-image:url(../images/beslenme-t.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 50px 50px;
	
	}
ul.hizmetlerimiz > li:hover:nth-child(1) > .left >  .icon {
	background-image:url(../images/beslenme.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 50px 50px;
	
	}	
ul.hizmetlerimiz > li:nth-child(2) > .left >  .icon {
	background-image:url(../images/guvenlik-t.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 50px 50px;
	
	}
ul.hizmetlerimiz > li:hover:nth-child(2) > .left >  .icon {
	background-image:url(../images/guvenlik.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 50px 50px;
	
	}		
ul.hizmetlerimiz > li:nth-child(3) > .left >  .icon {
	background-image:url(../images/temizlik-t.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 50px 50px;
	
	}
ul.hizmetlerimiz > li:hover:nth-child(3) > .left >  .icon {
	background-image:url(../images/temizlik.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 50px 50px;
	
	}	
	
ul.hizmetlerimiz > li:nth-child(4) > .left >  .icon {
	background-image:url(../images/servis-t.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 50px 50px;
	
	}
ul.hizmetlerimiz > li:hover:nth-child(4) > .left >  .icon {
	background-image:url(../images/servis.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 50px 50px;
	
	}

	
ul.hizmetlerimiz > li > .left > .icon > img{
	max-width:50px;
	}	
ul.hizmetlerimiz > li > .left > .icon:after{
	content:'';
	position:absolute;
	border-style:solid;
	border-width:15px 0px 15px 15px;
	right:-14px;
	top:45%;	
	border-color:transparent transparent transparent #fff;
	
	}
	
ul.hizmetlerimiz > li:hover .icon:after{
	border-color:transparent transparent transparent #ffa73c;
	}


ul.hizmetlerimiz > li:hover  .icon {
	background-color:#ffa73c;
	color:#FFF;
	border:2px solid #ffa73c;
	}			
ul.hizmetlerimiz > li > .left > .icon  i{
	font-size:40px;
	color:#ffa73c;
	}
ul.hizmetlerimiz > li > .left:hover > .icon  i{
	font-size:40px;
	color:#fff;
	}	

ul.hizmetlerimiz > li > .right > .baslik {
	float:left;
	width:100%;
	font-weight:600;
	font-size:20px;
	color:#1f1f1f;
	text-align:left;
	}
ul.hizmetlerimiz > li > .right > .ozet {
	float:left;
	width:100%;
	margin-top:20px;
	font-weight:400;
	font-size:15px;
	color:#888;
	line-height:24px;
	text-align:left;
	}	
/*İLETİŞİM*/	
#map-canvas {
	float:left;
	width:100%;
	}
#map-canvas iframe{
	height:300px;}		
.contact-col1 { 
	float:left; 
	width:50%;  
	padding-right:5%; 
	}
.contact-col1 >h3:first-child { 
	margin-top:0px;
	}
.contact-col1 >h3 { 
	margin-bottom:15px; 
	margin-top:15px;     
	color: #ffa73c;
    font-weight: 600;
    font-size: 17px;
	}
.contact-col1 >a {
	color:#888888;
	}	
.contact-col1 >a:hover {
	color:#888888;
	}
	
	
.contact-col2 { 
	float:left; 
	width:50%; 	
	}
.inputlarim {
	float:left; 
	width:100%; 
	margin-bottom:15px; 
	position:relative; 
	}
.uyarim1 , .uyarim2 , .uyarim3 , .uyarim4 , .uyarim5, .uyarim6, .uyarim7 {position:absolute; z-index:999; color:#FFF; background-color:#000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;	display:none; padding:10px 10px; font-size:15px;}
.uyarim1:after, .uyarim2:after, .uyarim3:after, .uyarim4:after, .uyarim5:after, .uyarim6:after, .uyarim7:after{
	content: '';
	position:absolute;
	left: 20px;
	top:-10px;
	border-style: solid;
	border-width: 0 10px 10px 10px;;
	border-color: transparent transparent #000 transparent; 
}
.contact-col2 >h3:first-child { 
	margin-top:0px;
	}
.contact-col2 >h3 { 
	margin-bottom:15px; 
	margin-top:15px;     
	color: #ffa73c;
    font-weight: 600;
    font-size: 17px;
	}
.contact-col2  placeholder { 
	color:#F00;
	}
.contact-col2  input {
	width:70%;
	padding:10px 10px;  
	color:#888888; 
	-webkit-border-radius: 5px; 	
	-moz-border-radius: 5px;
	border-radius: 5px;	
	border:1px solid #dadada; 
}
.contact-col2  textarea {
	padding:10px 10px; 
	color:#888888; 
	-webkit-border-radius: 5px; 
	width:70%;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	border:1px solid #dadada; 
	height:70px; 
	resize:none;  }
.contact-col2  input.cevap { 
	width:20%; 
	padding:6px 6px;
	}
.contact-col2 input.gonder { 
	cursor:pointer;
 	width:90px;
	color:#FFF; 
	background-color:#ffa73c; 
	border:0px; 
	padding:8px 8px; 
	font-weight:700; 	
}
.contact-col2 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: 'Open Sans', sans-serif;
  color:#888888;
  font-size:14px;
}
.contact-col2 ::-moz-placeholder { /* Firefox 19+ */
  font-family: 'Open Sans', sans-serif;
  color:#888888;
  font-size:14px;
}
.contact-col2 :-ms-input-placeholder { /* IE 10+ */
  font-family: 'Open Sans', sans-serif;
  color:#888888;
  font-size:14px;
}
.contact-col2 :-moz-placeholder { /* Firefox 18- */
  font-family: 'Open Sans', sans-serif;
  color:#888888;
  font-size:14px;  
}		
/*İLETİŞİM*/	
.menu-icon {
	display:none;
	}
.menu-close {
	display:none;
	}	
ul.galeri {
	float:left;
	width:100%;
	}
ul.galeri > li {
	float:left;
	width:24.25%;
	margin-right:1%;
	margin-bottom:1%;
	}	
ul.galeri > li:nth-child(4n+4) {
	margin-right:0px;
	}
ul.galeri > li > a >img{
	width:100%;
	}	
.kurucu-temsilci-foto {
	float:left;
	width:40%;
	}
.kurucu-temsilci-foto > img{
	width:100%;
	}		
.kurucu-right {
	float:left;
	width:60%;
	text-align:left;
	padding-left:3%;
	}
.kurucu {
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:30px;

	}
.kurucu > img{
	width:100%;
	}						
@media only screen and (min-width:768px) and (max-width:1200px) 
{
}
@media only screen and (max-width:768px)
{
.kurucu-temsilci-foto {
    float: left;
    width: 100%;
	margin-bottom:30px;
}
.kurucu-right {
	float:left;
	width:100%;
	text-align:center;
	padding-left:0px;
	
	margin-bottom:30px;
	}	
.phone {
    float: left;
    width: 48%;
}	
.sosyal-medya {
    float: right;
    width: 48%;
}
.menu-close {
	display:block;
	position:absolute;
	right:20px;
	top:10px;
	cursor:pointer;
	
	}	
.menu-close > i {
	font-size:16px;
	padding:4px 5px;
	}	
.sosyal-medya > ul > li {
    margin-right: 6px;
}
.logo {
    float: left;
    width: 50%;
	padding-top:15px;
	padding-bottom:15px;
}
.menu-icon {
	display:block;
	float:left;
	width:50%;
	text-align:right;
	font-size:25px;
	cursor:pointer;
	}	
.menuler {
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	z-index:9;
	background-color:#f6f6f6;
	text-align:left;
	padding:40px 20px 20px 20px;
	display:none;
	}
.menuler > ul > li {
	float:left;
	width:100%;
    display: block;
	border-bottom:1px solid #F3F3F3;
}
.menuler > ul > li:last-child {
	border-bottom:0px solid #F3F3F3;
}
.menuler > ul > li > a {
    padding: 12px 0px;
}
.menuler > ul > li:hover > a {
    color: #000;
}
.menuler > ul > li:hover > span {
    color: #000;
}
.menuler > ul > li > span {
     padding: 12px 0px;
}	
.menuler > ul > li:last-child > a {
    padding: 12px 0px;
}
.menuler > ul > li.alt-menulu:after {
    top: 15px;
}

.menuler > ul > li.alt-menulu > ul.alt-menu {
    position: relative;
	width:100%;
	float:left;
    top: auto;
    left: auto;
    padding: 10px 20px;
    background-color: transparent;
    border-top: 0px solid #92278f;
    text-align: left;   
    opacity: 1;
    visibility: visible;
	display:none;
	
   
}
.menuler > ul > li.alt-menulu:hover > ul.alt-menu {
    position: relative;
	width:100%;
	float:left;
    top: auto;
    left: auto;
    padding: 10px 20px;
    background-color: transparent;
    border-top: 0px solid #92278f;
    text-align: left;   
    opacity: 1;
    visibility: visible;
	display:none;
	
   
}	
.menuler > ul > li.alt-menulu:hover > ul.alt-menu:before {
   display:none;
}
.baner ul.slayt > li > .foto1 {
    display:none;
}
.baner ul.slayt > li > .spot1 {
    width: 80%;    
    right: 10%;
    top: 35%;
    color: #FFF;
    font-size: 40px;
    line-height: 50px;
   
}
.baner ul.slayt > li > .foto2 {
    display:none;
}
.baner ul.slayt > li > .spot2 {
    width: 80%;    
    right: 10%;
    top: 35%;
    color: #FFF;
    font-size: 40px;
    line-height: 50px;
   
}
ul.hizmetler > li {
    float: left;
    width: 100%;
    margin-right: 0px;
    margin-bottom: 30px;
    text-align: center;
    box-sizing: border-box;
}
.section-3 { 
    min-height: 300px; 
}
.section-3 > .slogan {
    width: 80%;
    font-size: 15px;
    line-height: 30px;
}
.section-2 .left-coll {
    display:none;
}
.section-2 .right-coll {
    float: left;
    width: 100%;
    padding-left: 0px;
}
.maddeler > ul > li {
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    
    padding-left: 70px;
	margin-bottom:10px;
}
.maddeler > ul > li > span.icon {
  
    margin-top: 5px;
    
}
.motto > .text {
    font-size: 18px;
	padding-left:5%;
	width:60%;
}
.motto > .elips {
    width: 100px;
    height: 100px;    
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-left: 3%;
	
}
.footer .footer-logo {
    display:none;
}
.footer > .kapsa {
    display: block;

}
.footer .footer-adres {
	float:left;
    width: 100%;
    font-size: 16px;
    line-height: 25px;
	margin-bottom:20px;
}
.footer .footer-sosyal {
    float:left;
	width: 100%;
}
.footer .footer-sosyal > ul {
    text-align: center;
}
h2.ic-h2 {
  
    font-size: 20px;

}
h3.ic-h3 {

    font-size: 18px;
    
}
ul.hizmetlerimiz > li {

    margin-top: 30px;

    display: block;
    
}
ul.brans-dersler > li > .baslik {
    
    padding-right:25px;
    
}
ul.hizmetlerimiz > li > .left {
    float: left;
    width: 100%;
	margin-bottom:40px;
}
ul.hizmetlerimiz > li > .right {
    float: left;
    width: 100%;
	
}
ul.hizmetlerimiz > li > .right > .baslik {

    text-align: center;
}
ul.hizmetlerimiz > li > .right > .ozet {

    text-align: center;
}

ul.hizmetlerimiz > li > .left > .icon {

	}

ul.hizmetlerimiz > li > .left > .icon:after{
	display:none;

	
	}
	
ul.hizmetlerimiz > li > .left:hover .icon:after{
	display:none;
	}
ul.hizmetlerimiz > li > .left > .icon:before{
	content:'';
	position:absolute;
	border-style:solid;
	border-width:15px 15px 0px 15px;	
	border-color:#fff transparent transparent transparent ;
	bottom:-14px;
	left:44%;
	
	}	
ul.hizmetlerimiz > li > .left:hover > .icon:before{

	border-color:#ffa73c transparent transparent transparent ;
	
	}		

.contact-col1 {
    float: left;
    width: 100%;
    padding-right: 0px;
	margin-bottom:30px;
}
.contact-col2 {
    float: left;
    width: 100%;
}

	
}