/*
Theme Name: TM Wordpress Teması
Theme URL: None
Author: Halil Beycan
Author URL: https://halilbeycan.com
Description: Turuncu Medya için hazırlanmış wordpress teması
Version: 1.0
Text Domain: TM Tema
*/
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;
}
/* 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;
}
a{text-decoration: none;}
.clear{
	clear: both;
}
@font-face {
    font-family: libre-bold;
    src: url(fonts/lf/LibreFranklin-Bold.ttf);
    font-family: libre-medium;
    src: url(fonts/lf/LibreFranklin-Medium.ttf);
    font-family: libre-regular;
    src: url(fonts/lf/LibreFranklin-Regular.ttf);
    font-family: pt-bold;
    src: url(fonts/pt/PTSansCaption-Bold.ttf);
    font-family: open-regular;
    src: url(fonts/os/OpenSans-Regular.ttf);
}
header{
	width: 100%;
	height: 81px;
	line-height: 80px;
}
.header{
	width: 100%;
	height: 80px;
	background: #fff;
	line-height: 80px;
}
.logo{
	float: left;
	width: 170px;
	height: 70px;
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 15px;
	background: #fff;
}
.headmenu{
	float: left;
	max-width: 690px;
	height: 80px;
	
}
.headmenu nav{
width: 100%;
height: 80px;	
}
.headmenu nav div{
width: 100%;
height: 80px;	
} 
.headmenu ul{
	list-style: none;
	height: 80px;
	line-height: 80px;
}
.headmenu ul li{
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
}
.headmenu ul li a{
	font-weight: 500;
	font-family: libre-bold,sans-serif;
	font-size: 20px;
	color: #000;
}

.phone{
	float: right;
	margin-right: 5px;
	margin-top: 5px;
	width: 240px;
	height: 70px;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	background: #fff;
	position: relative;
	display: flex;
	justify-content: center;
}
.phonex{
	margin: auto;
	width: 240px;
	height: 70px;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	background: #fff;
	position: relative;
	display: flex;
	justify-content: center;
	display: none;
}
.phoneust{
position: absolute;
top: -16px;
left: 17px;
font-weight: 500;
font-family: libre-bold,arial;
font-size: 18px;
color: #000;
}
.phonealt{
position: absolute;
top: 4.5px;
left: 8px
}
.phonealt a{
font-weight: 700;
font-family: libre-bold,arial;
font-size: 26px;
color: #000;	
}
.telicon{
	position: absolute;
	right: 5px;
	top: 7.5px;
}
.mobilemenu{
	display: none;
	width: 320px;
	position: fixed;
	top: 0;
	right: -325px;
	padding-top: 80px;
	height: 100%;
	z-index: 999999999;
	
}
.mobilemenu ul{
padding: 20px;	
}
.mobilemenu ul li{
	font-family: pt-bold,sans-serif;
	font-weight: 600;
	font-size: 18px; 
	line-height: 25px;
	padding: 10px;
	border: 1px solid #fff;
	border-radius: 5px;
	margin-bottom: 10px;
}
.mobilemenu ul li a{
	color: #fff;
}
.mobilemenubuton{
	display: none;
	position: fixed;
	top: 20px;
	right: 5px;
	width: 105px;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	border-radius: 4px;
	border: 1px solid #d9d9d9;
	font-weight: 500;
	font-family: libre-bold,sans-serif;
	font-size: 20px;
	color: #000;	
	z-index: 999999999999;
	background: #fff;
}
.anasayfaustbolum{
	width: 100%;
	height: auto;
	margin-top: 25px;
	margin-bottom: 25px;
}
.anasayfaaltbolum table{
	width: 100%;
	height: auto;
}
.anasayfaaltbolum tr{
	height: 30px;
	line-height: 30px;
	width: auto;
}
.anasayfaaltbolum td{
	margin-right: 15px;
}
.anasayfaustbaslik{
	width: 100%;
	text-align: center;
	font-family: pt-bold,sans-serif;
	font-weight: 700;
	font-size: 32px;
	color: #292b2c;
	margin-bottom: 15px;
}
.anasayfaustyazi{
	width: 100%;
	text-align: center;
	font-family: libre-medium,sans-serif;
	font-weight: 300;
	font-size: 20px;
	color: #292b2c;
	margin-bottom: 15px;
}
.anasayfaustduyuru{
	width: 100%;
	height: auto;
	margin-bottom: 15px;
	display: flex;
	justify-content: center;	
}
.anasayfaustduyurux{
	width: 70%;
	height: auto;
	min-height: 40px;
	line-height: 40px;
	border: 1px solid transparent;
	border-radius: 0.25rem;
	text-align: center;
	font-family: libre-medium,sans-serif;
	font-weight: 400;
	font-size: 20px;
}
.anasayfaustduyurux h1{font-size: 32px;margin-bottom: 10px;line-height: 40px;}
.anasayfaustduyurux h2{font-size: 24px;margin-bottom: 10px;line-height: 40px;}
.anasayfaustduyurux h3{font-size: 18.72px;margin-bottom: 10px;line-height: 40px;}
.anasayfaustduyurux h4{font-size: 16px;margin-bottom: 10px;line-height: 40px;}
.anasayfaustduyurux h5{font-size: 13.28px;margin-bottom: 10px;line-height: 40px;}
.anasayfaustduyurux h6{font-size: 10.72px;margin-bottom: 10px;line-height: 40px;}
.anasayfaustduyurux strong{font-weight: bold;line-height: 40px;}
.anasayfaustduyurux em{font-style: italic;line-height: 40px;}
.anasayfaustduyurux p{
	line-height: 40px;
	margin-bottom: 5px;
}
.anasayfaustduyurux .alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.anasayfaustduyurux .alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.anasayfaustduyurux .aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

.anasayfaustduyurux img{
margin: 5px;
border: 1px solid #e6e6e6;
padding: 5px;
max-width: 100%;
}
.anasayfaustduyurux ul{
	padding-left: 20px;
	margin-bottom: 10px;
	list-style-type: circle;
}
.anasayfaustduyurux li{
	margin-bottom: 5px;
}
.anasayfaustduyurux ol{
	padding-left: 20px;
	margin-bottom: 10px;
	list-style-type:decimal;
}
.anasayfaustduyurux blockquote{
	padding-left: 15px;
	margin-bottom: 10px;
}
.anasayfaustduyurux blockquote p{
	border-left: 5px solid #222222;
	padding-left: 5px;
}
.ayrac{
width: 125px;
height: 1px;
margin: auto;
background: #e6e6e6;
margin-bottom: 30px;
}
.urungenelx{
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}
.urungenel{
	height: 350px;
	padding: 0px;
	border: 1px solid #e6e6e6;
	margin-bottom: 30px;
	overflow: hidden;
}
.urunimg{
	width: 100%;
	height: 200px;
	border-bottom: 1px solid #e6e6e6;
	overflow: hidden;
}
.urunimg img{
	width:100%;
	height: 200px;
}
.urunbaslik{
	padding: 10px;
	line-height: 16px;
	width: 100%;
	overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
	font-family: open-regular,sans-serif;
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	color: #777777;
}
.urunbaslik a{
color: #777777;
}
.urunbaslik a:hover{
	color: #ffa200;
	text-decoration: underline;
}
.urunyildiz{
width: 90%;
height: 1px;
margin: auto;
background: #e6e6e6;
position: relative;
margin-bottom: 20px;
}
.urunyildiz img{
position: absolute;
top: -5px;
left: calc(50% - 30px)
}
.fiyat{
	font-family: open-regular,sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: #3f3f3f;
	text-align: center;
	margin-bottom: 20px;
}
.fiyat img{
	margin-bottom: -2px;
}
.sepeteekle{
	width: 90%;
	height: 30px;
	line-height: 30px;
	margin: auto;
	font-family: open-regular,sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #3f3f3f;	
	text-align: center;
	border-radius: 3px;
	position: relative;
}
.sepeteekle span a{
color: #3f3f3f;		
}
.sepeteekle img{
margin-bottom: -2px;	
}

.urungenelx:hover .sepeteekle{
	background: #f16a6a;
	color: #fff;
}
.urungenelx:hover .sepeteekle span a{
	color: #fff;
}
.urungenelx:hover .sepeteekle .sepet1{
	opacity: 0;
}
.urungenelx:hover .sepeteekle .sepet2{
	opacity: 1;
}
.sepeteekle span{
	margin-left: 20px;
}
.sepet2{
	opacity: 0;
	position: absolute;
	top: calc(50% - 7px);
}
.sepet1{
	position: absolute;
	top: calc(50% - 7px);
}
.anasayfaaltbolum{
	width: 100%;
	height: auto;
	border-radius: 5px;
	border: 1px solid #e6e6e6;
	padding: 20px;
	margin-bottom: 20px;
	font-family: libre-bold,sans-serif;
	font-weight: 500;
}
.anasayfaaltbolum h1{font-size: 32px;margin-bottom: 10px}
.anasayfaaltbolum h2{font-size: 24px;margin-bottom: 10px}
.anasayfaaltbolum h3{font-size: 18.72px;margin-bottom: 10px}
.anasayfaaltbolum h4{font-size: 16px;margin-bottom: 10px}
.anasayfaaltbolum h5{font-size: 13.28px;margin-bottom: 10px}
.anasayfaaltbolum h6{font-size: 10.72px;margin-bottom: 10px}
.anasayfaaltbolum strong{font-weight: bold;}
.anasayfaaltbolum em{font-style: italic;}
.anasayfaaltbolum p{
	line-height: 22px;
	margin-bottom: 5px;
}
.anasayfaaltbolum .alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.anasayfaaltbolum .alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.anasayfaaltbolum .aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

.anasayfaaltbolum img{
margin: 5px;
border: 1px solid #e6e6e6;
padding: 5px;
max-width: 100%;
}
.anasayfaaltbolum ul{
	padding-left: 20px;
	margin-bottom: 10px;
	list-style-type: circle;
}
.anasayfaaltbolum li{
	margin-bottom: 5px;
}
.anasayfaaltbolum ol{
	padding-left: 20px;
	margin-bottom: 10px;
	list-style-type:decimal;
}
.anasayfaaltbolum blockquote{
	padding-left: 15px;
	margin-bottom: 10px;
}
.anasayfaaltbolum blockquote p{
	border-left: 5px solid #222222;
	padding-left: 5px;
}
.footeryazialani{
	width: 100%;
	height: auto;
	padding: 10px;
	font-family: libre-bold,sans-serif;
	font-weight: 500;
}

.footeryazialani h1{font-size: 32px;margin-bottom: 10px}
.footeryazialani h2{font-size: 24px;margin-bottom: 10px}
.footeryazialani h3{font-size: 18.72px;margin-bottom: 10px}
.footeryazialani h4{font-size: 16px;margin-bottom: 10px}
.footeryazialani h5{font-size: 13.28px;margin-bottom: 10px}
.footeryazialani h6{font-size: 10.72px;margin-bottom: 10px}
.footeryazialani strong{font-weight: bold;}
.footeryazialani em{font-style: italic;}
.footeryazialani p{
	line-height: 22px;
	margin-bottom: 5px;
}
.footeryazialani .alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.footeryazialani .alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.footeryazialani .aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

.footeryazialani img{
margin: 5px;
border: 1px solid #e6e6e6;
padding: 5px;
max-width: 100%;
}
.footeryazialani ul{
	padding-left: 20px;
	margin-bottom: 10px;
	list-style-type: circle;
}
.footeryazialani li{
	margin-bottom: 5px;
}
.footeryazialani ol{
	padding-left: 20px;
	margin-bottom: 10px;
	list-style-type:decimal;
}
.footeryazialani blockquote{
	padding-left: 15px;
	margin-bottom: 10px;
}
.footeryazialani blockquote p{
	border-left: 5px solid #222222;
	padding-left: 5px;
}
.singlebaslik{
	font-family: pt-bold,sans-serif;
	font-weight: 700;
	font-size: 32px;
	line-height: 35px;
	color: #FFA100;
}
.singlebaslik:hover{
	color: #803630;
	text-decoration: underline;
}
.singlebolum{
	color: #292b2c;
	margin-bottom: 5px!important;
}
.dortlubolum{
	width: 100%;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
}
.bolumex{
	float: left;
	height: auto;
	padding: 5px 5px 5px 5px;
}
.bolumxhover{
transition: all 100ms linear;
}
.bolumex:hover .bolumxhover{
transform: translate(-0px,-5px);
-webkit-transform: translate(-0px,-5px);
transition: all 100ms linear;
}
.bolumexs{
	border-radius: 5px;
	border: 1px solid #e6e6e6;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.bolumextitle{
	margin-bottom: 15px;
}
.bolumextitle a{
	font-family: pt-bold,sans-serif;
	font-weight: 700;
	font-size: 19px;
	line-height: 21px;
	color: #FFA100;
}
.bolumextitle a:hover{
	color: #803630;
	text-decoration: underline;	
}
.bolumexcontent{
	font-family: libre-bold,sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #292b2c;
}
.pagebaslik{
	width: 100%;
	margin-top: 30px;
	margin-bottom: 15px;
	font-family: pt-bold,sans-serif;
	font-weight: 700;
	font-size: 32px;
	line-height: 35px;
	color: #292b2c;
	text-align: center;
}
.pagecontent{
	width: 100%;
	margin-bottom: 15px;
	font-family: libre-bold,sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	color: #292b2c;
}
.ajaxloader{
	float: left;
	width: 100%;
	padding: 10px;
	text-align: center;
}
.ajaxloader button{
	border-radius: 3px;
	border: 1px solid #e6e6e6;
	background: #fff;
	font-family: libre-bold,sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 30px;
	text-align: center;	
	color: #292b2c;
	margin-top: 10px;
}
.ajaxloader button:hover{
	cursor: pointer;
}
.ajaxloaderx{
	float: left;
	width: 100%;
	padding: 10px;
	text-align: center;
}
.ajaxloaderx button{
	border-radius: 3px;
	border: 1px solid #e6e6e6;
	background: #fff;
	font-family: libre-bold,sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 30px;
	text-align: center;	
	color: #292b2c;
	margin-top: 10px;
}
.ajaxloaderx button:hover{
	cursor: pointer;
}
.mobilefixedmenu{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
}
.mobilefixedmenubuton{
	float: left;
	height: 50px;
	width: 33.33333333333333%;
	text-align: center;
	line-height: 50px;
}
.mobilefixedmenubuton:nth-child(2){
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
}
.mobilefixedmenubuton img{
	width: 50px;
	height: 50px;
}
/* responsive  */
@media screen and (max-width: 1000px){
.headmenu{
	display: none;
}
.mobilemenu{display: block;}
.mobilemenubuton{
	display: block;
}
.phone{
	float: none;
}
.phonex{
	display: block;
}
.phone{
	display: none;
}
}
@media screen and (max-width: 450px){
.urungenel{
	height: auto;
}
.sepeteekle{
	margin-bottom: 15px;
}
.urunimg{
	width: 100%;
	height: auto;
}
.urunimg img{
	width: 100%;
	height: auto;
}
}

/* responsive  */