* {
	padding:0;
	margin:0;
	border:0;
 
} 

@font-face {
    font-family: korolev;
    src:url('../fonts/KorolevBoldCompressed.otf');
}

@font-face {
    font-family: proxima;
    src:url('../fonts/ProximaNova-Semibold.otf');
}


@font-face {
    font-family: proxima-line;
    src:url('../fonts/ProximaNova-Light.otf');
}

.body {
	
	background:red;
}


.conteyner {width:960px; height:100%; margin:auto; }
.footer-conteyner {width:1680px; height:100%; margin:auto; }

.ortasal-slider {width:960px; margin:auto; margin-right:-350px;} 
	

.ust {
	width:100%; 
	height:177px;
    position:absolute; 
	background: url(../images/ust-menu-alt.png) no-repeat center center;
	z-index:4;
	
	}
	
	.ust-tool {
	width:100%; 
	height:177px;
    position:absolute; 
	background: url(../images/alt-oval.png) no-repeat center center;
	z-index:4;
	margin-top:522px;
	}
	
	
	
   .urun-aciklama {
	width:100%; 
    height:120px;
	}
	
	
	.urun-aciklama p {
	padding:200 0px;
	margin-top:0px; 
	 
	font-family: proxima-line;
	font-size:40px;
	line-height:250%; 
	margin-left:0%;  
	color:#333;
	}
	
 	.sayfa-sekil {
	width:100%; 
	height:239px;
    position:absolute; 
	background: url(../images/sayfa-ust.png) no-repeat center center;
	z-index:-4;
	margin-top:-1540px;
	}
	
	
    .sayfa-sekil-alt {
	width:100%; 
	height:410px;
    position:absolute; 
	background: url(../images/sayfa-gel.png) no-repeat center center;
	z-index:-4;
	margin-top:0px;
	}
	
    .sayfa-sekil-son {
	width:100%; 
	height:47px;
    position:absolute; 
	background: url(../images/son-cizgi.png) no-repeat center center;
	z-index:4;
	margin-top:0px;
	}
	
	
.ust-urunler {
	width:100%; 
	height:222px;
    position:absolute;
	background: url(../images/ust-menu-alt-golge.png) no-repeat center center;
    z-index:4;
}	
	
	
	
.kusak {
	width:100%;
	height:121px;
	background: url(../images/ust-oval.png) transparent no-repeat center top;
}	

.alt-kusak {
	width:100%;
	height:121px;
	
	background: url(../images/alt-oval.png) transparent no-repeat center top;
}	

.alt-oval {
	width:100%;
	height:200px;
	background: url(../images/alt-oval.png) transparent no-repeat center top;
	top:209px;
}	


.banner-sekil {
	width:100%;
	height:59px;
	background: url(../images/banner-sekil.png) transparent no-repeat center top;
	margin-top:439px;
}	
 
	.footer-ust-oval {
	width:100%; 
	height:177px;
    position:absolute; 
	background: url(../images/footer-ust.png) no-repeat center center;
	z-index:4;
	margin-top:-72px;
	}  
 
 
 
.cagriphoto {
	width:31px;
	height:31px;
	background: url(../images/cagrifoto.png)  no-repeat ;	
	float: left;
	top:130px;
	margin-top: 20px;
    margin-left: 2px;
	
} 


.ekatalog-image {
	width:26px;
	height:28px;
	float: left;
	top:100px;
	margin-top: -32px;
    margin-left: 800px;
	
} 

.cagriyazi {
  height: auto;
  font-size: 9px;
  color: #939496;
  float: left;
  font-family: arial;
  margin-top: 32px;
  margin-left: 2px;
  float: left;
}
 
.cagrinumara {
	
  height: auto;
  font-size: 26px;
  color: #939496;
  font-family: korolev;
  float: left;
  position: relative;
  margin-top: 25px;
  margin-left: 8px;

  } 
  
  .ekatalog {
	
  height: auto;
  font-size: 21px;
  color: #939496;
  font-family: korolev;
  float: left;
  position: relative;
  text-decoration:none;
  margin-top: -30px;
  margin-left: 830px;

  } 
  
    .ekatalog a{
	
 
  font-size: 21px;
  color: #939496;
  font-family: korolev;
  float: left;
  position: relative;
  text-decoration:none;
  } 
  
      .ekatalog a:hover{
	
 
  font-size: 21px;
  color: #939496;
  font-family: korolev;
  float: left;
  position: relative;
  text-decoration:none;
  } 
 
  
 

 
  
.logo {
	width:285px;
	height:54px;
	position: relative;

	margin-left:320px;
	top:20px;
}  
 
 a {text-decoration:none;}

.headersosyal {
  width: 60px;
  height: 60px;
  margin-top: -35px;
  margin-left: 5px;
  position: relative;
  float: right;
}

 


.katalog{
  background: url(../images/e-katalog.png) transparent no-repeat center center;
}

.facebook:hover {
  background: url(../sosial/facebook-hover.png) transparent no-repeat center center;
}



.twitter {
  background: url(../sosial/twitter.png) transparent no-repeat center center;
}

.twitter:hover {
  background: url(../sosial/twitter-hover.png) transparent no-repeat center center;
}

.instagram {
  background: url(../sosial/instagram.png) transparent no-repeat center center;
}
	
.instagram:hover {
  background: url(../sosial/instagram-hover.png) transparent no-repeat center center;
}	




.footer-sosyal {
 
 
	position:absolute;
	margin-top:-75px;
	right:330px;
	z-index:5;
}


.footer-logo {
	position:absolute;
	margin-top:-75px;
	right:10px;
	z-index:5;
}



/* MENU */
.Menu {position:absolute; z-index:5; margin:69px 0 0 240px; }
.Menu ul.AnaMenu_UL li.AnaMenu_Li {list-style:none; float:left; background:url('../Images/Menu_Ayrac.png') no-repeat center right;}
.Menu ul.AnaMenu_UL li.AnaMenu_Li a.AnaMenu_a {display:block; height:35px; padding:12px 15px 2px 20px; color:#818181; font-size:1.15em; float:left; font-family: proxima-line;, Arial, Helvetica, sans-serif; position:relative;}
.Menu ul.AnaMenu_UL li.AnaMenu_Li span.Ayrac {background:url('../Images/Ayrac.png') no-repeat; width:2px; height:60px; display:block; float:left;}
.Menu ul.AnaMenu_UL li.AnaMenu_Li a.AnaMenu_a:hover {background:rgba(255,255,255,0.2) url('https://www.ozgurofset.com.tr/images/SolMenu_Hover.png') width:100%; height:30px; text-decoration:none; color:#f4506e;}
.Menu ul.AnaMenu_UL li.AnaMenu_Li:hover ul {display:block;}
.Menu ul.AnaMenu_UL li:hover a.AnaMenu_a {background:rgba(255,255,255,0.2) url('../Images/Menu_Hover.png') repeat-x; padding-bottom:10px;}

.AltMenu_UL {
	min-width:120px; width:auto; height:auto; position:absolute; font-family:"klavika_chmedium_cond", Arial, Helvetica, sans-serif; font-size:1.00em; padding:0px; clear:both; top:57px; display:none;
	background-color: #1b5ca9;
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#efefef), to(#ffffff));
	background: -webkit-radial-gradient(circle, #efefef, #ffffff);
	background: -moz-radial-gradient(circle, #efefef, #ffffff);
	background: -ms-radial-gradient(circle, #efefef, #ffffff);
	
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}
.AltMenu_UL li a {padding:10px; color:#FFF; display:block; border-top:solid 1px #c4c4c4; border-bottom:solid 1px #e6e6e6;}
.AltMenu_UL li a:hover {
	background:rgba(225,225,225,.2);

}
.AltMenu_UL li:first-child a {border-top:none;}
.AltMenu_UL li:last-child a {border-bottom:none;}
.AltMenu_UL li span {float:right; margin-right:10px; color:#FC0; font-weight:700;}




 
 
 
 
 
 
 
 
 
 
 
 
.sayfa-gel {
	width:100%;
	height:100%;
	background: url(../images/sayfa-gel.png) transparent  center top;
	margin:auto;
	
}
	
 .Sayfa p {padding:0 50px; text-align:justify; line-height:150%; margin-bottom:20px; color:#333;}

  .iletisim-adres  {padding:0 70px; text-align:justify; line-height:150%; margin-bottom:20px; color:#333;}

 
 .sayfa {
	width:950px;
	min-height:300px;
	position:relative;
	 
	margin:0 130px; 0 0; 
 

	overflow:hidden;
 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
} 

 .sayfa-anasayfa {
	width:950px;
	min-height:300px;
	position:relative;
	 
	margin:0 55px; 0 0; 
 

	overflow:hidden;
 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
} 
 
 .yansal-menu {
	width:260px;
	min-height:300px;
	position:relative;
	float:left; 
 
	margin:0 10px 20px 7px; 
	overflow:hidden;
 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
} 
 
 
 .urun-sayfa {
	width:650px;
	height:100%;
	position:relative;
 
	margin:0 10px 0 50px; 
 

	overflow:hidden;
 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
} 



 .urun-sayfa-foto-galeri {
	width:960px;
	height:1200px ;
	position:relative;
	 
	margin:0 10px 0 92px; 
 

	overflow:hidden;
 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
} 
  
 
 
 
 
 
.sayfa-son-cizgi {
	width:100%;
	height:47px;
	background: url(../images/son-cizgi.png) transparent  center top;
	margin:auto;
	margin-top:0px;
	z-index:4px;
	
}



 
.Sayfa p {padding:0 50px; text-align:justify; line-height:150%; margin-bottom:20px; color:#333;}

.footer p {
	padding:500 0px;
	margin-top:0px; 
	margin:auto;  
	font-family: proxima-line;
	font-size:40px;
	line-height:250%; 
	margin-left:0%;  
	color:#333;
	}

.sayfa-sekil p {
	padding:200 0px;
	margin-top:0px; 
	margin:auto;  
	font-family: proxima-line;
	font-size:40px;
	line-height:250%; 
	margin-left:0%;  
	color:#333;
	}
	
	.takip  {
		
	margin-top:5px; 
	font-family: proxima-line;
	font-size:11px;
	line-height:250%; 
	margin-left:0%;  
	color:#ffbebe;
	}
	
.Footer_Menu {position:relative; margin:0px 0px 0 -195px; font-size:14px;}
 
 
.cizgi-cizgi {
	margin-left:100px;
	background: url(../images/cizgi-cizgi.png) no-repeat center top;
	
} 
   
.footer-conteyner {width:960px;   margin:auto; }
 
.footer {
	width:100%; 
	height:165px; 
	z-index:-100; 
	padding:0px;
    margin-top:-107px;	
	background:url('../images/footer-leke.png') no-repeat center;
	} 
 
.footer-ust {width:100%; height:83px; background:url('../images/footer-ust.png') } 
 
.footer-ust-cizgi {width:100%; height:100px; background:#cf1437; } 
.footer-alt-cizgi {width:100%; height:100px; background:#b90c2c; } 
.footer-ince {width:100%; height:1px; background:#ff6784; } 
 
 
 .footer p {
	padding:10px;
	margin-top:50px; 
	margin:auto;  
	font-family: proxima-line;
	font-size:15px;
	line-height:190%;	
	margin-left:180px;  
	color:#ffbebe;
	}
 
 
 
 
 
  .haklar  {
	padding:0px;
	margin-top:-20px; 
	margin:auto;  
	font-family: proxima-line;
	font-size:15px;
	line-height:600%;	
	margin-left:-20px;  
	color:#ffbebe;
	}
	
	
	  .desing  {
	padding:0px;
  
 
	font-family: proxima-line;
	font-size:15px;
	line-height:600%;	
	margin-left:800px; 
	margin-top:-90px; 	
	color:#ffbebe;
	}
	
   .desing:hover  {
	padding:0px;
  
 
	font-family: proxima-line;
	font-size:15px;
	line-height:600%;	
	margin-left:800px; 
	margin-top:-90px; 	
	color:#ffbebe;
	}
 
 
 
 .desing a{ 	text-decoration:none; color:inherit;}



/* Slider
================================================== */

/*-- Main slide --*/

#main-slide .item {
    min-height: 600px;
    color: #fff;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-backface-visibility: hidden;
	margin-top:45px;
}

#main-slide .item img{
	width: 100%;
	-webkit-backface-visibility: hidden;
}


#main-slide .item .slider-content {
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}

#main-slide .item.active .slider-content {
  opacity: 1;
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  transition: opacity 100ms;
}

#main-slide .slider-content{
   top: 50%;
   padding: 0;
   position: absolute;
   width: 100%;
   color: #fff;
   -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#main-slide .slider-content.text-left{
   left: 10%;
}

#main-slide .slider-content.text-right{
   right: 10%;
}

.slider-content {
   position: relative;
   display: table;
   height: 100%;
   width: 100%;
}

.slide-title-box{
   font-size: 16px;
   line-height: 39px;
   background: #ef4060;
   color: #fff;
   display: inline-block;
   padding: 0 15px;
   margin: 0;
}

.slide-title{
   font-size: 28px;
   line-height: 36px;
   font-weight: 400;
   color: #fff;
   margin: 20px 0 10px;
}

.slide-sub-title{
   font-style: normal;
   font-size: 48px;
   line-height: 58px;
   margin: 10px 0;
   color: #fff;
   font-weight: 700;

}

.slider-text {
   display: table;
   vertical-align: bottom;
   color: #fff;
   padding-left: 40%;
   width: 100%;
   padding-bottom: 0;
   padding-top: 20px;
}

.slider-text .slide-head{
   font-size: 36px;
   color: #0052a5;
   position: relative;
}

.slider-img{
    display: block;
    position: absolute;
    top: -80px;
    left: 20%;
    width: 314px;
    max-height: 100%;
}

.slider-img img {
   display: block;
   position: relative;
   max-height: 100%;
   width: auto;
}

.slider.btn{
   margin: 15px 5px 0;
   border: 2px solid transparent;
}

.slider.border{
   background: none;
   border: 2px solid #ef4060;
}

.slider.border:hover{
   background: #ef4060;
   border:2px solid transparent;
}

/* Carousel control */

.carousel-indicators li{
	width: 10px !important;
	height: 10px !important;
	margin: 1px !important;
	border-radius: 100% !important;
   border: 0 !important;
	background: rgba(255,255,255,.5);
}

#main-slide .carousel-indicators li.active,
#main-slide .carousel-indicators li:hover {
   background: #ef4060;
   -moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

#main-slide .carousel-control.left,
#main-slide .carousel-control.right,
#main-slide .carousel-indicators {
	opacity: 0;
	filter: alpha(opacity=0);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

#main-slide:hover .carousel-control.left,
#main-slide:hover .carousel-control.right,
#main-slide:hover .carousel-indicators{
	opacity: 1;
	filter: alpha(opacity=100);
}


#main-slide .carousel-control .fa-angle-left, 
#main-slide .carousel-control .fa-angle-right{
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;

}

#main-slide .carousel-control .fa-angle-left{
	left: 20px;
}

#main-slide .carousel-control .fa-angle-right{
	right: 20px;
}

#main-slide .carousel-control i{
	width: 60px;
	height: 60px;
 
}
 

.etiket-cesitleri-bos {
	width:244px;
	height:280px;
	overflow:hidden;
	background:#ffffff;
	padding:6px;
	float:left;

}



/* ÜRÜNLER */
.Urun {width:325px; height:400px; position:relative; overflow:hidden; float:left;}
.Urun:nth-child(odd) {margin-right:10px;}
.Urun_Isik {position:absolute; margin-left:-150px; opacity:0;}





/* ÜRÜN LİSTELE */
.etiket-cesitleri {
	width:210px;
	height:245px;
	overflow:hidden;
	background:#ffffff;
	border:solid 1px #eaeae4;
 
	float:left;
	
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	
 
}

.etiket-cesitleri h2 {color:red; padding-bottom:60px; margin-top:15px; text-align: center;}
.etiket-cesitleri h2 a {color:#727272; margin-left:0px;  font-size:18px; text-align: center; font-family: proxima;}

.etiket-cesitleri h2 span {color:#666; font-size:.75em; font-weight:normal; padding-top:4px; float:right;}
.etiket-cesitleri p.Aciklama {color:#369;  margin-left:180px; margin-top:-205px;   !important; text-align:left !important;}
	
.etiket-cesitleri p.Eski_Fiyat {color:#999; padding:6px 10px; margin:0 !important; float:left;}
.etiket-cesitleri p.Yeni_Fiyat {color:#C03; padding:6px 10px; margin:0 !important; float:right;}
.etiket-cesitleri .Resim {
	width:175px;
	height:170px;
	margin-left:16px;
	margin-top:20px;
	overflow:hidden;
	background:  url('../Images/AjaxLoader.gif') no-repeat center center;
}


.SolBlok {
	width:248px; 
	min-height:350px; 
	
	height:auto; 
	float:left; 	
	background-color: #e72347;
    margin-top:180px;
 	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

.menu-baslik {
	width:240px;
    height:60px;
    margin-top:-52px;	
    margin-left:10px;	
	
}
.Yan_Menu {position:relative; margin-left:0px; margin-top:-158px;}
.Yan_Menu li {margin-bottom:1px;}
.Yan_Menu li a {
	width:230px;
	height:30px;
	display:block;
	margin-left:10px;
	background:url('../images/YanMenu_Btn.jpg') top center;
	color:#ffffff;
	text-decoration:none;
	list-style:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}
.Yan_Menu li a span {padding:5px 5px 5px 25px; display:block;}
.Yan_Menu li a:hover, .Yan_Menu li a.Aktif {background-position:bottom center; color:#FFF;}
 
/* SOL MENÜ TASARIMI */

	
	
.SolMenu_Kapsayici {
	width:250px;
	height:auto;
	padding-bottom:4px;
	background:url('../Images/SolMenu_Golge.png') no-repeat bottom left;
}
.SolMenu_Baslik {
	width:240px;
	height:60px;
	margin-left:10px;
	padding:0px;
	margin-top:0px;
	font-family:proxima-line;
	margin-bottom:-10px;
	
	background:url('../Images/SolMenu_Baslik.png') no-repeat center;
}

.SolMenu_Baslik h2 {
	padding:10px;
	margin-top:20px;
	color:#ffffff;
}


.SolMenu_Baslik h2 {
	color:#fccbd4;
	text-shadow:0 1px 0 rgba(255,255,255,.2);
	font-size:1.50em;
	font-weight:normal;
	background:url('../Images/Sayfa_Baslik.png') no-repeat left 20px;
	padding:13px 0 0 15px;
	margin-left:10px;
    
}
.SolMenu {
	width:230px;
	min-height:200px;
	height:auto;
	margin-left:20px;
	margin-top:160px;
	
	font-family:proxima-line;
	background-color: #e10029;
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#e10029), to(#e72347));
	background: -webkit-radial-gradient(circle, #e10029, #e10029);
	background: -moz-radial-gradient(circle, #e72347, #e10029);
	background: -ms-radial-gradient(circle, #e10029, #e72347);
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	
}
.SolMenu ul li {list-style:none; margin-left:20px;  font-size:12px; padding:1px; float:none; background:url('../Images/SolMenu_Ayrac.png') no-repeat left bottom;}
.SolMenu ul li:last-child {background:none;}
.SolMenu ul li a {
	background:url('../Images/SolMenu_Ok.png') no-repeat left center;
	margin-left:7px;
	color:rgba(255,255,255,.7);
	font-weight:normal;
	font-size:1.15em;
	padding:10px;
	display:block;
	text-decoration:none;
}
.SolMenu ul li a span {position:relative;}
.SolMenu ul li a:hover {color:#FFF; text-shadow:0 0 10px red;}
.SolMenu ul li a img.SolMenu_Hover {position:absolute; opacity:0; margin:-10px 0 0 -17px;}



.sayfa-sekil p {font-family:proxima-line;}