/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   
   RESET 
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Didact Gothic', Geneva, sans-serif;
	line-height: 1.5em;
	
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Clearing floats */
.clearfix:before,  
.clearfix:after {  
    content: " ";  
    display: table;  
}  
.clearfix:after {
    clear: both;  
}  
.clearfix {  
    *zoom: 1;  
}

/* **** START YOUR CSS BELOW **** */


.main
{
	width: 100%; 
	position: absolute;
	top: 0;
	left: 0; 
	background-color: #f2f2f2;
}

.header {
	width: 100%; 
	height: 125px; 
	z-index: 11; 
	-webkit-box-shadow: rgba(0,0,0,1) 9px 1px 9px;
	-moz-box-shadow: gba(0,0,0,1) 9px 1px 9px;
	box-shadow: rgba(0,0,0,1) 9px 1px 9px; 
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	position: fixed;
	background: #fff;
	-webkit-transition: height 0.25s ease-in-out, -webkit-transform 0.75s ease-in-out;
	-moz-transition: height 0.25s ease-in-out, -moz-transform 0.75s ease-in-out;
	-o-transition: height 0.25s ease-in-out, -o-transform 0.75s ease-in-out;
	transition: height 0.25s ease-in-out, transform 0.75s ease-in-out;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
	


.header-wrapper {
	height: 125px;
	width: 1200px;
	margin: auto;
	-webkit-transition: height 0.25s ease-in-out, -webkit-transform 0.75s ease-in-out;
	-moz-transition: height 0.25s ease-in-out, -moz-transform 0.75s ease-in-out;
	-o-transition: height 0.25s ease-in-out, -o-transform 0.75s ease-in-out;
	transition: height 0.25s ease-in-out, transform 0.75s ease-in-out;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.header.scrolled,.header-wrapper.scrolled{
	height: 75px;
}
.logo {
	position: absolute;
	float: left;
	height: 110px;
	width: 110px;
	left: 47.9%;
	text-align:center;
}
.mobilelogo{
	display:none;
}
.logo>img {
	height: 110px; 
	margin-top: 10px;
	-webkit-transition: height 0.25s ease-in-out, -webkit-transform 0.75s ease-in-out;
	-moz-transition: height 0.25s ease-in-out, -moz-transform 0.75s ease-in-out;
	-o-transition: height 0.25s ease-in-out, -o-transform 0.75s ease-in-out;
	transition: height 0.25s ease-in-out, transform 0.75s ease-in-out;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	margin-left: -13px;
}
.logo>img.scrolled{
		height:65px;  
		margin-top:0;
}
.menu1{	
	width: 550px; 
	float: left;
}
.left{
	text-align:left;
	float:left;
	}
.right{
	text-align:right;
	float:right;
}
.menu2{
	width:550px; 
	float: right;
	width: 570px;
}

.menu1>ul>a>li {
	float: left;
	color: #000000;
	cursor: pointer;
	line-height: 100px;
	margin-top: 20px;
	margin-left: 89px;
	transition: opacity .2s;
	-webkit-transition: opacity .2s;
	-webkit-transition: height 0.25s ease-in-out, -webkit-transform 0.75s ease-in-out;
	-moz-transition: height 0.25s ease-in-out, -moz-transform 0.75s ease-in-out;
	-o-transition: height 0.25s ease-in-out, -o-transform 0.75s ease-in-out;
	transition: height 0.25s ease-in-out, transform 0.75s ease-in-out;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.menu2>ul>a>li {
	float: left;
	color: #000000;
	cursor: pointer;
	line-height: 100px;
	margin-top: 20px;
	margin-left: 90px;
	transition: opacity .2s;
	-webkit-transition: opacity .2s;
	-webkit-transition: height 0.25s ease-in-out, -webkit-transform 0.75s ease-in-out;
	-moz-transition: height 0.25s ease-in-out, -moz-transform 0.75s ease-in-out;
	-o-transition: height 0.25s ease-in-out, -o-transform 0.75s ease-in-out;
	transition: height 0.25s ease-in-out, transform 0.75s ease-in-out;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.menu1>ul>a>li.scrolled,.menu2>ul>a>li.scrolled{
	line-height:35px;
}

.menu2>ul>a>li:hover{
	opacity:0.5;
}
.menu1>ul>a>li:hover{
	opacity:0.5;
}

/* SLİDER STARTS */
.wrapper.slider{
	margin-top: 125px;
}

.slide-wrapper{
	/*position: relative;*/


}
.slide>h1 {
	position: absolute;
	font-size: 40px;
	color: #FFFFFF;
	top: 2%;
	right: 0%;
	width: 35%;
	text-transform: uppercase;
	
}

.slide>img {
	margin-top: -62px;
}

.firstgrid-wrapper {
	width: 100%;
	margin: auto; 
}

.firstgrid{
	margin-top: 40px; 
	width: 800px;
	margin: auto;  
	height: 606px;
	
}
.firstgridiletisim{
	margin-top: 40px; 
	width: 100%; 
	height: 606px;
}
.firstgridrandevu{
	margin-top: 40px;
	width: 100%;
	height: auto; 
	overflow: hidden;
}
 
.iletisimbutton{
		width: 300px;
		float: left;
		padding-top: 40px;
		margin: 0px 20px; 
		height: 190px;
		padding-bottom: 23px;
}
.iletisimbutton .input1{
	width:350px
}
.iletisimbutton .gonder{
	width:350px;
}
.firstleft{
	width: 397px;
	height: 725px;
	float: left;
	margin-right: 3px;
	margin-top: -75px;
	z-index: 3;
	position: relative;
	background: rgba(255, 255, 255, 0.5);
	margin-bottom: -100px;
}
.iletisim-firstleft{
	width: 397px;
	height: 806px;
	float: left;
	margin-right: 3px;
	margin-top: -115px;
	z-index: 3;
	position: relative;
	background: rgba(255, 255, 255, 0.5);
	margin-bottom: -100px;
}
.firstleft>h1{
	background: rgba(221, 221, 221, 0.5);
	line-height: 79px;
	font-size: 56px;
	text-align: center;
	letter-spacing: 3px;
}
.iletisim-firstleft>h1{
	background: rgba(221, 221, 221, 0.5);
	line-height: 79px;
	font-size: 35px;
	text-align: center;
	letter-spacing: 3px;
}
.firstleft>.content>ul{
	padding: 27px;
	line-height: 45px;
	font-size: 27px;
	word-spacing: 4px;
	letter-spacing: 4px;
}
.iletisim-firstleft>.content>ul{
	padding: 27px;
	line-height: 45px;
	font-size: 27px;
	word-spacing: 4px;
	letter-spacing: 4px;
}
.firstleft>a> img{
	top: 92%;
	right: 5%;
	position: absolute;
}
.iletisim-firstleft>a> img{
	top: 92%;
	right: 5%;
	position: absolute;
}
.firstright{
	float: left;
	margin-bottom: 0px;
	margin-top: 13px;
	
}



.firstgrid >p{
	width: 1200px;
	margin-bottom: 100px;
	clear: left;
	margin-top: 40px;
	float: left;
	
}

.secondgrid-wrapper {
	width: 100%;
	margin: auto;
	overflow: hidden;
	margin-top: 40px;
}

.secondgrid{
	margin-top: 40px;
	margin-bottom: 40px;
	width: 100%;
	margin: auto;	
	overflow:hidden;
	
}


.secondleft{
	width:50%;
	height:400px;
	background-color: green;
	float: left;
	
}

.secondcenter{
	width:30%;
	height:400px;
	background-color: blue;
	float: left;
	
	
}

.secondright{
	width:20%;
	height:400px;
	background-color: red;
	float: left;
	
	
}



.secondgrid >p{
	width: 1200px;
	margin-bottom: 100px;
	clear: left;
	margin-top: 40px;
	float: left;
	
}

.thirdgrid >p{
	width: 1200px;
	margin-bottom: 100px;
	clear: left;
	margin-top: 40px;
	float: left;
	
}


.urungrid-wrapper {
	width: 100%;
	margin: auto;
	overflow: hidden;
	margin-top: 40px;
	height:auto !important;
}

.urungrids{
	margin-top: 40px;
	margin-bottom: 40px;
	width: 100%;
	margin: auto;	
	overflow:hidden;
	height:auto !important;
}



.urungrid{
	width: 19%;
	float: left;
	margin: 0.12%;
	height: 310px;
	cursor: pointer;
	
}

.urungrid>img{
	width:100%;
} 
.urungrid>h1{ 
	height: 10px;
	position: absolute;
	margin-top: -80px;
	padding: 30px;
	color: #fff;
	font-size: 24px;
}

.video-wrapper {
	width: 100%;
	margin: auto;
	overflow: hidden;
	margin-top: 40px;
}

.videogrid{
	margin-top: 40px;
	margin-bottom: 40px;
/*	width: 100%;*/
	width: 1200px;
	margin: auto;	
	overflow:hidden;
	
}


.video-pro{
	width:1200px;
	height:500px;
	background-color: green;
	float: left;
	margin-bottom: 5px;
	
}

.footer {
width: 100%;
background-color: #eeeeee;
overflow: hidden;
}

.head1{
	width: 100%;
	margin:auto;
	overflow:hidden;

	margin-bottom: 60px;
	border-bottom: 2px solid #efefef;

}
.buttons{
	width: 400px;
	margin: auto;
	padding-top: 60px;
}

.button1{
	width:100px;
	height:100px;
	text-align: center;
	float: left;
	margin-bottom: 5px;
	
}

.head2{
	width: 1200px;
	margin:auto;
	overflow:hidden;
	margin-top: 60px;
	/*margin-bottom: 60px;*/
	
}
.headbackground{
	background-color:white;
}


.title1{
	float: left;
	color: #B4B4B4;
	cursor: pointer;
	padding-right: 12%;
	margin: 0px 20px;
	font-weight: bold;
	margin-left: 164px;
}
.title1:hover{
	color:black;
}

.title2{
	float: left;
	color: #B4B4B4;
	cursor: pointer;
	font-weight: bold;
	margin-left: 99px;
}
.title2:hover{
	color:black;
}

.title3{
	float: left;
	color: #B4B4B4;
	cursor: pointer;
	padding-left: 21%;
	font-weight: bold;
	margin-left: 24px;
}
.title3:hover{
	color:black;
}

.title4{
	float: left;
	color: #B4B4B4;
	cursor: pointer;
	padding-left: 13%;
	font-weight: bold;
}
.title4:hover{
	color:black;
}


.center{
	overflow: hidden;	
	margin: auto;
	width: 1200px;
}

.center .element {
	width: 175px;
	float: left;
	padding-top: 40px;
	margin: 0px 0px;
	margin-left: 166px;
	height: 190px;
	padding-bottom: 23px;
}

.center .element#f2{
	width:200px;
	
}

.center .element#f4{
	width:200px;
	
}
.input1{

	width: 180px;
	text-align: center;
	background: #f2f2f2;
	border: 1px solid #979797;
}
.input2{
	
	width: 180px;
	text-align: center;
	background: #f2f2f2;
		border: 1px solid #979797;
}
.input3{
	width: 178px;
	text-align: center;
	background: #f2f2f2;
		border: 1px solid #979797;
}
.gonder{
	width: 184px
}

.center .element#f3{
	float:left;
	border-right:0;
	
}
.center .element h1 {
	font-size: 19px;
	margin-bottom: 11px;
}

.center .element h2 {
	font-size: 15px;
	margin-bottom: 11px;
}
.center .element a h2 {
	font-size: 15px;
	margin-bottom: 11px;
	text-decoration:none;
	color: #555454;
}
.center .element a  { 
	text-decoration:none;
}
.copyright {
	line-height: 49px;
	float: right;
	color: #FFFFFF;
	font-size: 12px;
	width: 100%;
	text-align: center;
	background-color: #454545;
	margin-top:50px;
}










.slide-wrapper {
	width: 100%;
	height: auto;
	position: relative; 
}
.slide-arrow-wrapper {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 230px;
	z-index: 10;
	cursor: pointer;
	opacity: .6;
	transition: opacity .2s;
	-webkit-transition: opacity .2s;
}
.slide-arrow-wrapper:hover {
	opacity: 1;
}
.slide-arrow-wrapper.next {
	right: 50px;
}
.slide-arrow-wrapper.prev {
	left: 50px;
}
.slide-arrow {
	width: 100px;
	position: relative;
	margin: 15px auto;
}
.slide {
	width: 100%;
	height: auto;
	position: absolute;
	background: #f5f5f6;
	opacity: 0;
	transition: opacity .5s;
	-webkit-transition: opacity .5s;
}
.slide.on {
	z-index: 3;
	opacity: 1;
}
.slide-resim {
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	background: no-repeat center;
	background-size: cover;
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
	transition-delay: .3s;
	-webkit-transition-delay: .3s; 
}
.slide.on .slide-resim {
	opacity: 1;
}
.slide-text {
	position: absolute;
	top: -20px; 
	max-width: 560px;
	text-align: left;
	transition: top 1s;
	-webkit-transition: top 1s;
	transition-delay: .6s;
	-webkit-transition-delay: .6s;
}
.slide.on .slide-text {
	top: 80px;
}
.slide-text h1 {
	font-size: 2.4em;
	color: #444444; 
	margin-bottom: 30px;
	opacity: 0;
	transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition-delay: .7s;
	-webkit-transition-delay: .7s;
}
.slide.on .slide-text h1 {
	opacity: 1;
}
.slide-text h2 {
	font-size: 14px;
	color: #fff;
	margin-bottom: 30px;
	opacity: 0;
	text-align: left;
	transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition-delay: .9s;
	-webkit-transition-delay: .9s;
	color: #000;
}
.slide.on .slide-text h2 {
	opacity: 1;
}
.slide-text.sag {
	left: auto;
	right: 160px;
	text-align: right;
}
.slide-text a.slide-button {
	padding: 6px 20px; 
	color: #494949;
	font-weight: bold;
	opacity: 0;
	border-radius: 5px;
	filter: alpha(opacity=0);
	cursor: pointer;
	transition: opacity .5s, box-shadow .3s, background-color .3s;
	-webkit-transition: opacity .5s, box-shadow .3s, background-color .3s;
	transition-delay: 1.2s, 0, 0;
	-webkit-transition-delay: 1.2s, 0, 0;
	text-decoration: none;
	float: right;
}
a.slide-button:hover{
	text-decoration:underline;
	opacity:0.6;
}
.slide.on .slide-text a.slide-button {
	opacity: 1;
	filter: alpha(opacity=100);
}
.slide-text a.slide-button:hover {
	/*box-shadow: 0 1px 10px rgba(0,0,0,.4);*/
}
.slider-dots {
	width: 100%;
	margin-top: 0px;
	text-align: center;
	cursor: default;
	z-index: 3;
	margin-top: 30px;
	margin-bottom: 80px;
	display: none;
}
.hover{
position: absolute;
}
.slider-dots .dot {
	width: 16px;
	height: 16px;
	background: #b5b5b5;
	display: inline-block;
	margin-left: 10px;
	border-radius: 2px;
	vertical-align: middle;
	border-radius: 8px;
	transition: width, height, background-color, margin;
	-webkit-transition: width, height, background-color, margin;
	transition-duration: .2s;
	-webkit-transition-duration: .2s;
	cursor: pointer;
}
.slider-dots .dot.on {
	background: #e3dbd6;
	width: 28px;
	height: 28px;
	margin-left: 8px;
	border-radius: 14px;
}/*
 .slider-dots .dot:hover {
 background: #0081bc;
 width: 26px;
 height: 16px;
 margin-left: 9px;
 }*/
.slider-dots .dot:first-child {
	margin: 0;
}
/*slider end*/
.slider-wrapper2 {
	width: 100%;
	height:550px;
	position: relative;
	overflow: hidden;
	background: #000;
	
}
.slide-shader2 {
	width: 100%;
	height: 100%;
	position: relative; background: rgba(0,0,0,.7);
}
.slide-prev, .slide-next {
	width: 100%;
	height: 100%;
	position: absolute;
	background: no-repeat;
	background-size: contain;
}
.slide-prev {
	background-position: left;
}
.slide-next {
	background-position: right;
}
.slide2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}
.slide-content2 {
	height: 100%;
}
.slide-resim2 {
	width: 800px;
	height: 100%;
	float: left;
	position: relative;
	background: no-repeat center;
	background-size: cover;
}
.caption-wrapper2 {
	position: relative;
	float: left;
	z-index: 1;
	width: 396px;
	height: 547px;
	background: #ffffff;
	border: 2px solid #a8a8a8;
}
.caption-header2 {
	position: relative;
	top: 15px;
}
.caption-text2 p{
	width: 70%;
margin: auto;
margin-top: -166px;
}
.caption-header2 h1 { 
	color: #63a220;
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
	margin-top: 50px;
}
.caption-text2 {
	background: url(../imgs/caption.png) no-repeat center;
	background-size: contain;
	position: relative;
	width: 100%;
	margin-left: 50px;

}
.caption-text2 h2 {
	font-family: 'Didact Gothic';
	font-size: 1.3em;
	color: #189ad0;
	float: left;
	padding: 4px 0px;
	padding-left: 46px;
	padding-right: 25px;
	overflow: hidden;
	width: 327px;
}
.caption-text2 h3 {
	color: #636161;
	font-weight: bold;
	font-size: 19px;
}
.caption-text2 h4 {
	color: #888888;
	
	font-size: 19px;
}
.caption-text2 a { 
	color: #000000;
	font-size: 1.1em;
	padding-top: 6px;
	display: block;
	float: right;
	margin-right: 95px;
}
.slide2.going .caption-header2 {
	left: 0px;
}
.slide2.going .caption-text2 { 
}
.slidearrowwrapper2{
	width: 100%;
	position: relative;
	z-index: 1;
	margin-top: -101px;
}
.slideright2{
	width:100px;
	float:right;
	cursor: pointer;
}
.slideleft2{
	width:100px;
	float:left;
	cursor: pointer;
}
.wrapper.boxes {
	padding: 20px 0;
	margin: 0 0;
	text-align: center;
	background-color: #ededed;
}
.section.boxes {
	width: 1300px;
	display: inline-block;
}
.section.boxes.anasayfa {
	width: 1265px; 
}
.box-wrapper {
	width: 23%;
	margin: 5px 5px;
	display: inline-block;
	position: relative; 
	cursor: pointer;
	overflow: hidden;
	border: 1px solid #bbb;
	box-shadow: 0 0 3px rgba(0,0,0,.4);
	transition: transform, -webkit-transform, -moz-transform, -o-transform, -ms-transform;
	-webkit-transition: transform, -webkit-transform, -moz-transform, -o-transform, -ms-transform;
	transition-duration: .1s;
	-webkit-transition-duration: .1s;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	 transition: opacity 1s ease-in-out;
}
.box-wrapper:hover{
	 
}
.box-wrapper.big {
	width: 420px;
	height: 540px;
}
.box-wrapper.medium {
	width: 420px;
}
.box-wrapper.anasayfakampanyalar{
	width: 820px;
	height: 370px;
}

.box-wrapper.anasayfayedekparca{
 height: 750px;
}

.box-resim {
	width: 100%;
	height: 100%;
	opacity: 0;
	position: relative;
	overflow: hidden;
}
.box-resim img {
	width: 100%;
}
.box-text {
	width: 100%;
	height: 70px;
	position: absolute;
	overflow: hidden; 
	left: 0;
	/*background: rgba(0,0,0,.7);*/
	opacity: 1;
	transition: opacity;
	-webkit-transition: opacity;
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
	bottom: 0;
}

.box-wrapper:hover .box-text {
	opacity: 1;
}
.box-text h1 {
	color: #FFF;
	font-size: 15PX;
	margin: 0 auto;
	margin-top: 140px;
	padding: 10px;
	position: relative;
	max-width: 255px;
	display: none;
}
.box-wrapper.big h1 {
	margin-top: 100px;
	margin-bottom: 20px;
	font-size: 1.5em;
}
.box-text p { 
	font-size: .8em;
	font-weight: bold;
	color: #fff;
	padding: 10px;
	margin: 0 auto;
	position: relative;
	max-width: 255px;
}
.box-text a {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 100px;
}
.box-text a>span {
	width: 0px;
	height: 0px;
	display: block;
	position: absolute;
	background: url(../imgs/eye.png) no-repeat center;
	background-size: 30px;
	top: 50px;
	left: 50px;
	background-color: #0C8596;
	border-radius: 50%;
	opacity: 0;
	transition: top, left, width, height, opacity;
	-webkit-transition: top, left, width, height, opacity;
	transition-duration: .2s;
	-webkit-transition-duration: .2s;
}
.box-wrapper:hover .box-text a>span {
	width: 70px;
	height: 70px;
	top: 15px;
	left: 15px;
	opacity: .6;
}
.box-wrapper:hover .box-text a>span:hover {
	opacity: 1;
}

h1.sizi-bekliyorlar{
	text-align: center;
	color: #000000;
	font-size: 76px;
	margin-top: 145px;
	margin-bottom: -35px;
	
	
}
 
.button1>a:hover{
	cursor: pointer;
	-webkit-filter: drop-shadow(1px -1px 7px rgba(0,0,0,0.5));
	filter: url(#drop-shadow);
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}


/* HAKKIMZIDA */

.hakkimizdegrid-wrapper2 h1:last-child{

font-size: 100px;

}

.hakkimizde-lettergrid{
	width: 100%;
	margin: auto;
	overflow: hidden;
	background-color: white;
	padding-top: 70px;
}
.haberler-lettergrid{
	width: 100%;
	margin: auto;
	overflow: hidden;
	background-color: white;
	padding-top: 70px;
}
.hakkimizde-lettergrid2{
	width: 960px;
	margin: auto;
	overflow: hidden;
	height: 442px;
	padding-top: 12px;
}
.haberler-lettergrid2{
	width: 960px;
	margin: auto;
	overflow: hidden;
	height: 442px;
	padding-top: 12px;
}
.hakkimizdegrid-wrapper{
	width: 100%;
	margin: auto;
	overflow: hidden;

}
.haberlergrid-wrapper{
	width: 100%;
	margin: auto;
	overflow: hidden;

}
.hakkimizdegrid-wrapper h1{
	line-height: 75px;
	font-size: 40px;
	text-align: center;
	letter-spacing: 3px;
	color: #bb0911;
}
.haberlergrid-wrapper h1{
	line-height: 75px;
	font-size: 40px;
	text-align: center;
	letter-spacing: 3px;
	color: #bb0911;
}
.hakkimizdegrid-wrapper p {
	
	}
.hakkimizde-center{
	width: 25%;
height: 703px;
	float: left;

margin-top: -100px;
	z-index: 1;
	position: relative;
	background: #ffffff;
	margin-bottom: -100px;
	border-right: 2px solid #888888;
	border-top: 2px solid #888888;
	border-left: 2px solid #888888;
	border-bottom: 2px solid #888888;
}
.hakkimizde-center >h1 {
	background: #ffffff;
	line-height: 75px;
	font-size: 40px;
	letter-spacing: 3px;
	padding-left: 40px;
	padding-top: 100px;

	color: #24BFF0;
}
.hakkimizde-center >h2 {
	padding: 50px;

}

.hakkimizde-center >p {
	padding: 40px;

}
.hakkimizde-right {
	width: 50%;
	float: left;
	margin: auto;
	text-align: center;
	letter-spacing: 3px;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;

}
.hakkimizde-right img , .hakkimizde-left img {
	width:100%;
	margin-top: -80px;
}

.hakkimizde-left {
	width: 24%;
	float: left;
	margin: auto;
	text-align: center;
	letter-spacing: 3px;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;

}
.center-image{
	width: 44%;
	margin: auto;
	float: left;
	
	background-color: black;
	float:left;
	height: 400px;
	
}
.hakkimizde-letterbox{

	margin:auto;
	float:left;
	margin-right: 80px;
	width: 70%;
	margin-bottom: 50px;
	text-align: center;
}
.haberler-letterbox{

	margin:auto;
	float:left;
	margin-right: 80px;
	width: 70%;
	margin-bottom: 50px;
	text-align: center;
}
.center-image img{
	width: 100%;
}
.leftbox{
	width:10%;
	background-color:#f2d1d2;
	height: 400px;
	float:left;
	margin-right: 80px;
}
.haberler-leftbox{
	width:10%;
	background-color:#f2d1d2;
	height: 400px;
	float:left;
	margin-right: 80px;
}
.rightbox{
	width:10%;	
	background-color:#8fd4dc;
	height: 400px;
	float:right;
	margin-left: 90px;

}
.haberler-rightbox{
	width:10%;	
	background-color:#8fd4dc;
	height: 400px;
	float:right;
	margin-left: 90px;

}
.contentproduct{
	/*width:300px;*/
/*	height:400px;*/
	

	margin: auto;
}
.contentproduct h2{
	font-weight:bold;
	color: #202020;
}
.haberler-contentproduct h2{
	font-weight:bold;
	color: #202020;
}
.contentproduct h3{
	color: #202020;
}
.haberler-contentproduct h3{
	color: #202020;
}

 
.contentproduct2{
	width: 960px;
	height: 400px;
	margin: auto;
	text-align: center;
	
}
.letterbox2 span{
	color: #88cdd5;
	
}

.hakkimizdegrid-wrapper2 h1 {
line-height: 75px;
font-size: 40px;
text-align: center;
letter-spacing: 3px;
color: #2e777f;
font-weight: bold;
}

.hakkimizdegrid-wrapper2{
	width: 100%;
	margin: auto;
	overflow: hidden;

}





/* Randevu */

.randevu-header{
	overflow: hidden;
	width: 725px;
	margin: auto;
	height: 441px;
}
.randevu-right{
	width:50%; 
	float:left;
	margin:auto;
	margin-right: 10px;
	line-height: 75px;
	text-align: center; 
	letter-spacing: 3px;
	background-color: #fff;
}

.randevu-right .left1{
		width: 300px;
		float: left;
		padding-top: 40px;
		margin: 0px 20px;
		height: 190px;
		padding-bottom: 23px; 
}
.randevu-right .right1{
		width: 300px;
		float: left;
		padding-top: 40px;
		margin: 0px 20px;
		height: 190px;
		padding-bottom: 23px;
		margin-left: 42px;
}
.randevu-right .input1{
	width: 300px;
	height: 40px;
	background-color: #f1f1f1;
	margin-bottom: 10px;
	border: 0;
}
.randevu-right .gonder{
	width: 300px;
	background-color: #89d0d3;
	height: 40px;
	text-align: left;
	margin-top: 5px;
	color: white;
	border: 0;
	font-size: 18px;
	cursor: pointer;
}
.randevu-right h1{
	line-height: 75px;
	font-size: 40px;
	text-align: center;
	letter-spacing: 3px;
	margin-top: 10px;
}
.randevu-left {
		
	float: left;
	margin-right: 3px;
	position: relative;
	

}
.randevu-left img {
		
	width: 625px;
padding: 29px;

}


.firstgridfooter1{
	z-index: 3;
	position: relative;
	width: 100%;
	height: 150px;
	background-color: #89d0d3;
}

.iletisim-firstgridfooter1{
	z-index: 3;
	position: relative;
	width: 100%;
	height: 150px;
	background-color: #89d0d3;
	margin-top: 85px;
}
.firstgridfooter1 h1{
	line-height: 75px;
	font-size: 30px;
	text-align: center;
	letter-spacing: 3px;
	margin-top: 10px; 
	width: 100%;
}
.iletisim-firstgridfooter1 h1{
	line-height: 75px;
	font-size: 30px;
	text-align: center;
	letter-spacing: 3px;
	margin-top: 10px;
	position: absolute;
	width: 100%;
}

.firstgridfooter1 h2{
	 
	font-size: 16px;
	text-align: center;
	letter-spacing: 3px;
	margin-top: 10px; 
	width: 100%;
}
.urungrids>div>a {
float: left;
}

.iletisim-firstgridfooter1 h2{
	
	line-height: 160px;
	font-size: 16px;
	text-align: center;
	letter-spacing: 3px;
	margin-top: 10px;
	position: absolute;
	width: 100%;
}
/* iletisim */

.adres{
	width:72%;
	height:606px;
	float:right;
	margin-right: 36px;
}
.adres>h1{
	/*background: rgba(221, 221, 221, 0.5);*/
	line-height: 75px;
	font-size: 64px;
	text-align: center; 
	letter-spacing: 3px;
}

.adres >p {
	/*background: rgba(221, 221, 221, 0.5);*/
	line-height: 10px;
	font-size: 16px;
	text-align: center; 
	letter-spacing: 3px;
}

.iletisimbutton{
		width: 300px;
	float: left;
	padding-top: 40px;
	margin: 0px 20px;
	height: 190px;
	padding-bottom: 23px;
	margin-left: 42px;
}
.iletisimbutton .input1{
	width:300px;
	height: 40px;
	background-color: #f1f1f1;
	margin-bottom: 10px;
	border: 0;
}
.iletisimbutton .gonder{
	width:300px;
	background-color: #89d0d3;
	height:40px;
	text-align: left;
	margin-top:5px;
	color: white;
	border: 0;
	font-size: 18px;
}

/* ÜRÜNLER */

.urun-left > h1{
	background: #cd605f;
	line-height: 75px;
	font-size: 40px;
	letter-spacing: 3px;
	padding-left: 40px;
}
.urun-left {
	width: 400px;
	height: 535px;
	float: left;
	margin-right: 3px;
	margin-top: -80px;
	z-index: 1;
	position: relative;
	background: #f8f8f8;
	margin-bottom: -100px;
	border-right: 1px solid #888888;
	border-top: 1px solid #888888;
}
.urun-left h2{
	padding: 35px;
}
.firstgrid-wrapper .face{
	width: 30%;
	height: 39px;
	background-color:#cd5f5e;
	float:left;
	height:75px;
	margin-right:2px;
	margin-top: 30px;
}

.firstgrid-wrapper .twit {
	
	width: 30%;
	height: 39px;
	background-color: #cd5f5e;
	float:left;
	height:75px;
	margin-right:2px;
	margin-top: 30px;
	
}
.firstgrid-wrapper .randevual{
	width: 39%;
	height: 39px;
	background-color:#cd5f5e;
	float:left;
	height:75px;
	margin-top: 30px;
}
.firstgrid-wrapper .twit img {
	width: 65%;
	padding-left: 20px;
	padding-top: 20px;
	
}
.firstgrid-wrapper .face img {
	width: 50%;
	padding-left: 20px;
	padding-top: 20px;
	
}
.firstgrid-wrapper .randevual img{
	width: 65%;
	padding-left: 20px;
	padding-top: 20px;
	
}	
.randevu-right .galeri-bigimg{
		width: 1200px;
	background: black;
	height: 550px;
	text-align: center;
	overflow: hidden;
}
.firstgrid-urunler1 {
	margin-top: -5px;
	width: 100%;
	height: 720px;

	background-color: white;

}
.urunler1-left {
	width: 400px;
	height: 644px;

	float: left;
	margin-right: 3px;
	margin-top: 50px;
	z-index: 3;
	position: relative;
	background: #ffffff;
	margin-bottom: -100px;
	border-right: 1px solid #888888;
	border-top: 1px solid #888888;
}
.urunler1-left > h1{
	background: #cd605f;
	line-height: 75px;
	font-size: 27px;
	letter-spacing: 3px;
	padding-left: 10px;
	margin-top: 80px;
	margin-bottom: 20px;
	color: #fff;
}
.urunler1-left > h3{
	color: #636161;
	font-weight: bold;
	font-size: 19px;
	margin-left:20px;
}
.urunler1-left > h4{

	margin-left:20px;
	color: #888888;
	font-weight: bold;
	font-size: 19px;
}

.urunler1-left h2{
	padding: 35px;
}
.temp{
		width: 103%;
		height: 240px;
}	
.temp1{
	width: 195px;
	height: 117px;
	background-color: black;
	float: left;
}
.temp1 >img{
	width:111%;
}
.urunler1-right{
	width: 72%;
	height:606px;
	float:left;
	margin:auto;
	margin-right: 36px;
	line-height: 75px;
	text-align: center; 
	letter-spacing: 3px;
	margin-top:50px;
}
.urun-fiyat{
	position: absolute;
	z-index: 10;
	margin-top: 510px;
	margin-left: 20px;
	color: #BE4040;
	font-weight: bold;
	font-size: 35px;
	display: none;
}
/****HABERLER***/


.habergrid-wrapper {
	width: 100%;
	overflow: hidden;
	margin-top: 40px;
	margin: auto;
}
.habergrids{
	margin-top: 40px;
	margin-bottom: 40px;
	overflow: hidden;
	margin: auto;
	
}
.habergrids>div>a{
		 float:left;
	 
}
.haber-box-wrapper {
	width: 23%;
	margin: 5px 5px;
	display: inline-block;
	position: relative; 
	cursor: pointer;
	overflow: hidden;
	border: 1px solid #bbb;
	box-shadow: 0 0 3px rgba(0,0,0,.4);
	transition: transform, -webkit-transform, -moz-transform, -o-transform, -ms-transform;
	-webkit-transition: transform, -webkit-transform, -moz-transform, -o-transform, -ms-transform;
	transition-duration: .1s;
	-webkit-transition-duration: .1s;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	 transition: opacity 1s ease-in-out;
}
.haber-box-wrapper:hover{
	 
}
.haber-box-wrapper.big {
	width: 420px;
	height: 540px;
}
.haber-box-wrapper.medium {
	width: 420px;
}
.haber-box-wrapper.anasayfakampanyalar{
	width: 820px;
	height: 370px;
}

.haber-box-wrapper.anasayfayedekparca{
 height: 750px;
}
.haber-box-wrapper:hover .haber-box-text a>span {
	width: 70px;
	height: 70px;
	top: 15px;
	left: 15px;
	opacity: .6;
}
.haber-box-wrapper:hover .haber-box-text a>span:hover {
	opacity: 1;
}

.haber-box-resim {
	width: 100%;
	height: 100%;
	opacity: 0;
	position: relative;
	overflow: hidden;
}
.haber-box-resim img {
	width: 100%;
}
.haber-box-text {
	width: 100%;
	height: 70px;
	position: absolute;
	overflow: hidden; 
	left: 0;
	/*background: rgba(0,0,0,.7);*/
	opacity: 1;
	transition: opacity;
	-webkit-transition: opacity;
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
	bottom: 0;
}

.haber-box-wrapper:hover .haber-box-text {
	opacity: 1;
}
.haber-box-wrapper.big h1 {
	margin-top: 100px;
	margin-bottom: 20px;
	font-size: 1.5em;
}
.haber-box-text {
	width: 100%;
	height: 70px;
	position: absolute;
	overflow: hidden; 
	left: 0;
	/*background: rgba(0,0,0,.7);*/
	opacity: 1;
	transition: opacity;
	-webkit-transition: opacity;
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
	bottom: 0;
}
.haber-box-text h1 {
	color: #FFF;
	font-size: 15PX;
	margin: 0 auto;
	margin-top: 140px;
	padding: 10px;
	position: relative;
	max-width: 255px;
	display: none;
}

.haber-box-text p { 
	font-size: .8em;
	font-weight: bold;
	color: #fff;
	padding: 10px;
	margin: 0 auto;
	position: relative;
	max-width: 255px;
}
.haber-box-text a {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 100px;
}
.haber-box-text a>span {
	width: 0px;
	height: 0px;
	display: block;
	position: absolute;
	background: url(../imgs/eye.png) no-repeat center;
	background-size: 30px;
	top: 50px;
	left: 50px;
	background-color: #0C8596;
	border-radius: 50%;
	opacity: 0;
	transition: top, left, width, height, opacity;
	-webkit-transition: top, left, width, height, opacity;
	transition-duration: .2s;
	-webkit-transition-duration: .2s;
}
.urunler>.haber-box-text{
	background: #f1f1f1;
	height: 0px;
}
.urunler>.haber-box-text>.fiyat{
	float: right;
	margin-right: 12px;
	display: block;
	color: #c32d2d;
	font-size: 21px;
	font-weight: bold;
}
.urunler>.haber-box-text>.incele{
	float: left;
	height: 30px;
	margin: 0;
	width: 52%;
}
.urunler>.haber-box-text>.incele>img{ 
	width: 100%;
}
.urunler>.haber-box-text>h1{ 
	margin-top: 0px;
	clear: left;
	display: block;
	color: #3c3c3c;
	font-weight: bold;
	font-size: 19PX;
}
.urunler>.haber-box-text>p{
	padding: 0; 
	color: #3c3c3c;
}

/*****haberlerrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr***/

.haber-resim{
	width: 100%;
	height: 250px;
}
.haber-baslik{
	padding-top: 15px;
	text-align: center;
	color: #11a8a2;
	font-weight: bold;
	background-color: #eceaea;
	padding-bottom: 15px;
}
.haber-resim-hover{
	position:absolute;
	width: 250px;
	height: 250px;
	margin-top:-250px;
	opacity:0;
}
.haber-aciklama{
	color: #8A8787;
	text-align: center;
	font-size: 13px;
	margin-top: 5px;
}
.haber-hover{
	position: absolute;
	margin-top: -250px; 
	width: 250px;
	height: 250px;
	overflow: hidden;
	display:none;
	cursor: pointer;
	background-image: url('../imgs/urun-hover.png');
}
 
.haber-devami-yazi{
	color:#fff;
	font-size:11px;
	width: 250px;
	margin: auto;
	text-align: center;
	margin-top:15px;
}
.haber-devami-resim > img{
	height: 78px;
	margin-top: 16px;
	margin-bottom: 2px;
	text-align:center;
}
.haber-devami-resim{
	width: 250px;
	margin: auto;
	text-align: center;
	margin-top:250px;
}



/*end haberlerrrr*/



/* URUNLER */

.leftbox{
	width:10%;
	background-color:#f2d1d2;
	height: 550px;
	float:left;
	
	
}
.haberler-leftbox{
	width:10%;
	background-color:#f2d1d2;
	height: 550px;
	float:left;
	
	
}
.leftbox2{
	width:10%;
	background-color:#f2d1d2;
	height: 250px;
	float:left;
	margin-right: 80px;
	margin-top:60px;
	margin-bottom: 60px;
}
.rightbox2{
	width:10%;	
	background-color:#8fd4dc;
	height: 250px;
	float:right;
	margin-top: 60px;

}
.rightbox{
	width:10%;	
	background-color:#8fd4dc;
	height: 550px;
	float:right;

}
.haberler-rightbox{
	width:10%;	
	background-color:#8fd4dc;
	height: 550px;
	float:right;

}
.lettergrid-wrapper{
	width: 100%;
	margin: auto;
	overflow: hidden;
	height: 470px;
}
.lettergrid{
	width: 100%;
	margin: auto;
	overflow: hidden;
	background-color: white;
}
.letterbox{
	width:78%;
	margin:auto; 
}
.urungrid-wrapper1 .uruncenter{
	width: 33%;
	float: left;
	z-index: 1;
	position: relative;
	margin-top: -150px;
	overflow: hidden;
}
.urungrid-wrapper1 {
	width: 100%;
	margin: auto;
	margin-top: 200px;
}

.urungrid1{
	margin-top: 40px;
	margin-bottom: 40px;
	width: 100%;
	margin: auto;	
}
.urungrid-wrapper1 .facebook2{
	
}
.urungrid-wrapper1 .twitter2{
	
}
.urungrid-wrapper1 .uruncenter-footer{
	height:150px;
}
.urungrid-wrapper1 .uruncenter-header{
	position: absolute;
}
.urungrid-wrapper1 .letterr{
	position:relative;
	
}
.lettergrid-wrapper h1{
	line-height: 190px;
	font-size: 40px;
	text-align: center;
	letter-spacing: 3px;
	margin-top: 10px;
	
}

.contentproduct3 > p{
	text-align: center;

}

.incele {
	width:180px;
	float: left;
	margin-right: 140px;
	margin-left: 30px;
	margin-top: 30px;
	
}

.urunler>.box-text{
	background: #f1f1f1;
	height: 0px;
}
.urunler>.box-text>.fiyat{
	float: right;
	margin-right: 12px;
	display: block;
	color: #c32d2d;
	font-size: 21px;
	font-weight: bold;
}
.urunler>.box-text>.incele{
	float: left;
	height: 30px;
	margin: 0;
	width: 52%;
}
.urunler>.box-text>.incele>img{ 
	width: 100%;
}
.urunler>.box-text>h1{ 
	margin-top: 0px;
	clear: left;
	display: block;
	color: #3c3c3c;
	font-weight: bold;
	font-size: 19PX;
}
.urunler>.box-text>p{
	padding: 0; 
	color: #3c3c3c;
}
.ustresim{
	margin-bottom:-10px;
	margin-top: 120px;
}


.lang-wrapper {
	position: absolute;
	top: 0;
	right: 5px;
	display: inline-block;
	margin-top: 5px;
}
.lang-wrapper a {
	color: #999;
	padding: 3px 5px;
	font-size: 1.1em;
	cursor: pointer; 
}
.lang-wrapper a:first-child {
	border-right: 1px solid #ddd;
}
.lang-wrapper a:hover {
	color: #333;
}

/*****dexo*****/


.white-dots{
	margin:auto;
	width:100%;
	
}
.white-dot{
	height: 2px;
	width: 2px;
	background-color: #fff;
	margin: 3px;
	display: inline-block;
	margin-top: 31px;
	margin-bottom: 12px;
	
}


.videolar{
	width:1000px;
	margin:auto;
	overflow:hidden;
	padding-bottom: 48px;
}
 
.video-resim{
	width: 100%;
	height: 250px;
}
.video-baslik{
	margin-top: 22px;
	text-align: center;
	color: #11a8a2;
	font-weight: bold;
}
.video-resim-hover{
	position:absolute;
	width: 250px;
	height: 250px;
	margin-top:-250px;
	opacity:0;
}
.video-aciklama{
	color: #8A8787;
	text-align: center;
	font-size: 13px;
	margin-top: 5px;
}
/* Haberler  */
.haberler{
	width:1000px;
	margin:auto;
	overflow:hidden;
	padding-bottom: 48px;
	margin-left: 100px;
	float:left;
}
.haber{
	width: 250px;
	height: 350px;
	float: left;
	margin-left: 83px;
	margin-bottom: 50px;
}



.haberler>table{
	
	width:100%;
}
.haberler>table>tbody{
	
	
}
.haberler>table>tbody>tr{
	color: #0ba6a0;

}
.haberler>table>tbody>tr>td{
	text-align: center;
font-size: 14px;
	
}
.haberler>table>tbody>tr:first-child{
		color: #0ba6a0;
	
}
.haberler>table>tbody>tr:first-child>td{
		color: #0ba6a0;
	font-weight: bold;
text-align: center;
	font-size:18px;
}
.haberler>table>tbody>tr:first-child>td:nth-child(2){
	width: 550px;
}
.sayfa-konumu{
	margin: auto;
	float: left;
	margin-right: 80px;
	width: 70%;
	margin-bottom: 50px;
	text-align: center;
}

 .gallery.urun{
	opacity:0;
	position: absolute;
} 
.menumobile{
	display:none;
}
.menumobile>ul{ 
	height:0px;
	overflow: hidden;
}
.menumobile>ul>a{ 
	text-decoration: none;
color: #303030
}
.menumobile>ul>a>li{ 
	line-height: 30px;
}
.lang-wrapper.left{
	display:none;
}
#menu{
	display:none;
}
 
 .arama{ 
 	margin:auto;
 	width:56%;
 	display:none;
 }
 
 .urunyillar{
 	width:40%;
 	float:left;
 }
  .urunyillar>p{
 	line-height: 30px;
	margin-bottom: 8px;
}
 .aramabutonu{
 	line-height: 42px;
	width: 115px;
	background-color: #8fd4dc;
	float: left;
	text-align: center;
	color: #fff;
	margin-left: 30px;
	margin-top: 13px;
	cursor: pointer;
	font-size: 27px;
 }
 .modeller{
 	float: left;
margin-left: 50px;
margin-top: 12px;
 }
 .urunyillar{
 	margin-bottom: 15px;
 }
 #video_intro {
	  position: fixed;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  right: 0;
	  z-index: 20;
	  width: 100%;
		height: 100%;
		background: #000;
}
.skip_intro{
	position:fixed;
	top:86%;
	width:100%;
	text-align:center;
	z-index: 21;
	color:#fff;
	cursor: pointer;
}
.skip_intro:hover{ 
	text-decoration:underline;
}
@media screen and (max-width: 1450px){
	.randevu-right .right1 {
		width: 246px;
		float: left;
		padding-top: 40px;
		margin: 0px 20px;
		height: 190px;
		padding-bottom: 23px;
		margin-left: 42px;
	}
	.randevu-right .input1 {
		width: 230px;
		height: 40px;
		background-color: #f1f1f1;
		margin-bottom: 10px;
		border: 0;
	}
	.randevu-right .left1 {
		width: 210px;
		float: left;
		padding-top: 40px;
		margin: 0px 20px;
		height: 190px;
		padding-bottom: 23px;
	}
	.randevu-right .gonder {
		width: 230px;
	}
}
@media screen and (max-width:1400px){
	.firstleft>.content>p{
		font-size: 16px;
	}
	
	.slide-resim2{
		width: 600px;
	}
	
	.firstleft>.content>ul{
		font-size: 16px;
		padding: 36px;
    }
	
	.firstleft {
	
		width:300px;
		height: 570px;
		background-size: contain;
		background-repeat: no-repeat;
	
	}
	.firstgrid{
		width: 603px;
	}
	.firstright img{
		width: 300px;
		background-size: contain;
		background-repeat: no-repeat;
	

	}
	 
	.urungrids>div>a{
		 float:left;
	 
	}
	
	.hakkimizde-center >h1{
		font-size:26px;
	}
	.caption-header2 h1 {
		margin-top:30px;
		margin-bottom:30px;
		font-size: 1.2em;
	}
	.caption-wrapper2 {
		width: 340px;
		height:436px;
	}
	.caption-text2 h3 {
	font-size: 16px;
}
	.slider-wrapper2{
		margin-top: -235px;
		height:440px;
	}

}
@media screen and (max-width:1210px){
	
	.header-wrapper { 
		width: 1120px;
		}
}
@media screen and (max-width:1130px){
	
	.header-wrapper { 
		width: 1000px;
		}
		.menu2{
			width: 450px;
		}
		.logo{
			left: 52.9%;
		}
		
@media screen and (max-width:1000px){
	.menu2>ul>a>li,.menu1>ul>a>li {
		margin-left: 60px;
	}
	.logo{
		left: 51.9%;
	}
	.menu1{
		width: 450px;
	}
	.menu2 {
		width: 346px;
		}
	.header-wrapper {
		width: 800px;
	}
}
@media screen and (max-width: 800px){
	.logo {
	left: 48.9%;
	}
	.menu2>ul>a>li, .menu1>ul>a>li {
	margin-left: 14px;
	}
	.menu2 {
	width: 215px;
	}
	.menu1 {
	width: 300px;
	}
	.header-wrapper {
		width: 600px;
	}
	
	.title1{
			margin-left:30px;
		}
		.center .element{
			margin-left: 30px;
		}
		.title2{
			margin-left: -36px;
		}
		.titlte3{
			padding-left: 9%;
		}
		.head2 {
			width: 600px;
		}
		.footercenter{
			width:600px;
		}
		.center .element {
			width: 106px;
		}
 
}

@media screen and (max-width: 700px){
	.logo{ 
		left: 49%;
		top: -10px;
	}
	.logo>img{ 
		height: 54px;
	}
	.menu2{
		float: left;
	}
	.header-wrapper {
		width: 515px;
	}
	.slider-wrapper2,.slidearrowwrapper2{
		display: none;
	}
	.wrapper.slider.secnond{
		margin:0;
	}
	.firstright img {
		width: 240px;
	}
	.firstleft { 
		height: 470px;
	}
	.firstgrid{
		height: 400px;
	}
	h1.sizi-bekliyorlar{
		margin-top:0px;
	}
	.slide-arrow-wrapper.next {
		right: 15px;
	}
	.slide-arrow-wrapper { 
		top: 65px;
	}
	.slide-arrow{
		width: 28px;
	}
	.slide-arrow-wrapper.prev {
	left: -5px;
	} 
	.menumobile{ 
		display:block;
		margin-left: 50px;
	}
	.header-wrapper{
		width: 400px;
	}
	.lang-wrapper{
	right: 150px;
	}
	.menu1,.menu2,.logo{
		display:none;
	}
	body {
		line-height: 1;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #f2f2f2;
	}
	.header {
		display:none;
	}
	.wrapper.slider {
		margin-top:0px;
	}
	.main { 
	position: relative;
	}
	.lang-wrapper.left{
		left: 48px;
		top: 10px;
		display: block;
	}
	.firstright img {
		width: 100%;
	}
	.firstleft {
		width: 49%;
		margin-top: -33px;
		height: 378px;
	}
	.firstright {
		width: 50%;
	}
	.firstgrid {
		width: 100%;
		}
	.firstleft>h1 { 
		line-height: 40px;
		font-size: 21px;
		}
		.content>ul>li{
			font-size:12px;
		} 
		.firstleft>.content>ul { 
			padding: 0px;
			}
			.ustresim { 
			  margin-top: 0px;  
		}
		.randevu-left img {
			width: 100%;
			padding:0;
			}
		.footercenter ,.hakkimizde-center {
		width: 100%;
		}
		.slide-text h1 {
		font-size:0.8em;
		}
		 
		.buttons{
			width: 100%;
		}
		.leftbox{
			position: absolute;
			left: 0px;
		}
		.hakkimizde-letterbox {
			margin: auto;
			float: none;
			width: 80%; 
			 
		}
		.hakkimizde-lettergrid2 {
			width:100%;
		}
		.contentproduct2{
			width:100%;
		}
		.hakkimizde-right,.hakkimizde-left,.hakkimizde-center{
			display:none;
		}
		.firstgridiletisim{ 
			height: auto;
		}
		.letterbox{
			float:none;
		}
		.lettergrid-wrapper h1 {
			line-height: 64px;
		}
		.lettergrid-wrapper { 
			height: auto;
		}
		.haberler-rightbox {
			position:absolute;
			margin:0;
			right:0;
		}
		.haberler-rightbox,.haberler-leftbox { 
			margin:0; 
		}
		.haberler{
			width: 80% !important;
		}
		.haber {
			width: 49%;
		}
		 .gallery{
			width: 100% !important;
			}
		 .urunler1-right{
		 	display:none;
		 }
		 .gallery.urun{
			opacity:1;
			position: relative;
		}
		 .urunler1-left{
		 	margin-bottom:20px;
		 }
		 .urunler1-left {
			width: 100%;
		}
		.mobilelogo{
			display: block;
			position: fixed;
			top: 5px;
			width: 40px;
			left: 7px;
		}
		.leftbox2,.rightbox2{
			display: none;
		}
		.firstgrid-wrapper .randevual {
width: 32%;
}
}