@charset "utf-8";
/*
	Theme Name: Piknik.com.tr
    Description:  Piknik.com.tr
    Author:		Selçuk Şahinduran
	Author URI: http://sahinduran.org
*/
/* Reset Css */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}

body{
	line-height: 1;
	background-color: #fff2f6;
}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

	@font-face {
        font-family: "TartineScriptRegularFH";
        src: url('http://www.piknik.com.tr/wp-content/themes/piknik/font/617645264-TartineScriptRegularFH.eot');
        src: url('http://www.piknik.com.tr/wp-content/themes/piknik/font/617645264-TartineScriptRegularFH.eot?#iefix') format('embedded-opentype'),
        url('http://www.piknik.com.tr/wp-content/themes/piknik/font/617645264-TartineScriptRegularFH.svg#TartineScriptRegularFH') format('svg'),
        url('http://www.piknik.com.tr/wp-content/themes/piknik/font/617645264-TartineScriptRegularFH.woff') format('woff'),
        url('http://www.piknik.com.tr/wp-content/themes/piknik/font/617645264-TartineScriptRegularFH.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
	
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300&subset=latin,latin-ext);

/* Social Media İcon */
p {
font-family: 'Open Sans', sans-serif;
color: #535353;
font-weight: 100;
font-size: 15px;
line-height: 22px;
}

h1{
font-family: "TartineScriptRegularFH";
direction: ltr;
color: #303030;
font-weight: normal;
font-size: 34px;
line-height: 34px;
margin-bottom: 10px;
}
h2 {
	font-size:20px;	
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
	color:#666;
	line-height:20px;
}
.socialicon
{
width:30px;
height:30px;
border-radius:50%;
position:relative;
margin:4px;
float:left;
text-align:center;
-webkit-backface-visibility: hidden; 
backface-visibility: hidden;
display:block;
}

.socialicon:after
{
content:"";
width:28px;
height:28px;
border-radius:50%;
background:transparent;
border:1px dashed #fff;
position:absolute;
left:0px;
top:0px;
}

i
{
color:#fff!important;
font-size:2em;
margin-top:30%;
text-shadow:2px 1px 2px #222222;
display:block!important;
-webkit-transition:2s infinite;
-moz-transition:0.5s ease;
transition:0.5s ease;
}

.socialicon:hover:after
{
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition:2s infinite;
-moz-transition:0.5s ease;
transition:0.5s ease;
}

.socialicon:hover i
{
opacity:0.5;
-webkit-transition:2s infinite;
-moz-transition:0.5s ease;
transition:0.5s ease;
}


.twitter{background:#0097b1}
.facebook{background:#3e5da7}
.linkedin{background:#0070a1}
.pintrest{background:#c81f27}
.rss{background:#fd9700}
.mail{background:#b4c6cb}
.google{background:#910011} 
.youtube{background:#501111} 
.instagram{background:#775d53}
/*************************** Social bitiş ***************************/



/**************************************** Box icon ****************************************/
.row {
    float: left;
    width: 100%;
}
.row .block {
    float: left;
    width: 20px;
    height: 150px;
}
.hovicon {
    display: inline-block;
    font-size: 40px;
    line-height: 90px;
    margin: 20px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: #fff;
}
.hovicon.small {
    font-size: 20px;
    line-height:45px;
    width:45px;
    height:45px;
    margin:7px;
}
.hovicon.mini {
    font-size: 15px;
    line-height:32px;
    width:30px;
    height:30px;
    margin:7px;
}
.hovicon.auto-width {
    width: auto;
    height: auto;
    padding: 15px;
}
.hovicon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content:'';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.hovicon:before {
    speak: none;
    font-size: 48px;
    line-height: 90px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}

 .hovicon.effect-9 {
	 float:left;
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
	background-color:#c61e2d;
}
.hovicon.effect-9:after {
    top: 0;
    left: 0;
    padding: 0;
    box-shadow: 0 0 0 3px #f44252;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
}
/* Effect 9a */
 .hovicon.effect-9.sub-a:hover:after {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    opacity: 0.5;
}
.hovicon.effect-9.sub-a:hover {
    box-shadow: 0 0 0 10px rgba(244, 66, 82, 1);
    color: #f44252;
}
.hovicon.effect-9.sub-a:hover i {
    color: #fff;
}
/******************************************** Box icon bitiş ********************************************/

.tarhine{
	font-family: "TartineScriptRegularFH";
	direction: ltr;
	}
header {width:100%; background-color:#f35955;}


#header2 {
	z-index: 1000;
	background-color:#f35955;
	width:1200px; 
	height:157px;
	top:0px;
	margin:0 auto 0 auto;
}

#head-ic {
	height: 157px;
	width: 1080px;
	margin:0 auto 0 auto;
	display: block;
}

#head-ic #logo {
	float: left;
	height: 137px;
	width: 164px;
	padding-top: 20px;
	display:block;
}
#head-ic #social {
float: right;
height: 50px;
width: 278px;
display: block;
z-index: 1000;
}
#head-ic #slogan {
	float: left;
	height: 50px;
	width: 660px;
	display: block;
	font-size: 22px;
	color: #FFF;
	font-weight: 100;
	line-height: 50px;
	margin-left: 74px;
	text-shadow:2px 3px 3px rgba(9, 9, 9, 0.75);
}
#head-ic #slogan img{
	margin:0 5px 7px 5px;

}

#head-ic #menu {
	float: left;
	height: 45px;
	width: 916px;
	display:block;
	padding-top:10px;
}

#head-ic #menu nav {
    margin-left: 310px;
    display:block;
}

#head-ic #menu nav ul li {
	list-style-type: none;
	float:left;
	padding-left:10px;
	padding-right:10px;
	color:#fff;
	margin-left:22px;
	height:33px;
	line-height:33px;
	font-size:17px;
	border:1px dashed #FFFFFF;
	font-family: 'Open Sans', sans-serif;
	font-weight:100;
}
#head-ic #menu nav ul li:nth-child(1) {
	background-color:#D92F48;
}
#head-ic #menu nav ul li:nth-child(2) {
	background-color:#4d0942;
}
#head-ic #menu nav ul li:nth-child(3) {
	background-color:#891141;
}
#head-ic #menu nav ul li:nth-child(4) {
	background-color:#f3a382;
}
#head-ic #menu nav ul li:nth-child(5) {
	background-color:#f17573;
}

#head-ic #menu nav ul li ul {
	display: none;
}
#head-ic #menu nav ul li:hover > ul {
	display: block;
}
#head-ic #menu nav ul li ul li {
	position: relative;
	top: 13px;
	background-image:url(image/foter-bg.jpg);
	background-repeat:repeat;
	display: block;
	height: 340px;
	width: 500px;
	right: 220px;
	z-index:1000;
	box-shadow: 0px 4px 11px #f35955;
}
#head-ic #menu nav ul li ul li ul>li {
	position: relative;
	float: left;
	height: 110px;
	width: 122px;
	right: 10px;
	margin-top: 6px;
    margin-bottom: 44px;
	border:none;
	background-color:transparent !important;
	box-shadow:none;
	background-image:none;
}
#head-ic #menu nav ul li ul li ul{ display:block;}

#head-ic #menu nav ul li > a {
	color: #FFF;
	text-decoration: none;

}
#menu nav ul li:nth-child(2) > a {
	padding-bottom:20px;
}
#head-ic #menu nav ul li ul li ul li img {
	height: 110px;
	width: 120px;
}
#head-ic #menu nav ul li ul li ul li center p {
	font-size: 13px;
	line-height: 13px;
	font-weight: 100;
	color: #fff;
	text-transform: capitalize;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: 'Open Sans', sans-serif;
    text-shadow: 1px 2px 2px #302F2F;
}

#head-ic #menu nav ul li ul li ul li img:hover {
   opacity:0.8;
}

.kutu-content {
	float: left;
}
.kutu-content p {
	height: 67px;
	width: 203px;
	margin-top: 29px;
	position: absolute;
	font-family: 'Open Sans', sans-serif;
	color:#535353;
	font-weight:100;
	font-size: 14px;
    line-height: 18px;
}

#slider-anasayfa {
	height: 100%;
    width: 100%;
	margin:0 auto 0 auto;
}

#anasayfa-container {
	display: block;
	height: auto;
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 25px;
}
#tarif-anasayfa img {
	position:relative;
	top:-33px;
	left:0px;
	display:block;
}

#anasayfa-container #tarif-anasayfa {
	margin-left:10px;
	float: left;
	height: 290px;
	width: 360px;
	border:3px solid #e4e4e4;
}

#anasayfa-container #pufnoktalar-anasayfa {
	height: 182px;
	width: 655px;
	float:left;
	border:3px solid #e4e4e4;
	margin-left:8px;
}
#pufnoktalar-anasayfa img {
	position: relative;
	top: -33px;
}

#anasayfa-container #ebulten-indir {
	height:93px;
	width: 655px;
	float:left;
	border:3px solid #e4e4e4;
	margin-left:8px;
	margin-top:8px;
}

	

.kucuk-pencere {
	background-color: #c61e2d;
	height: 33px;
	width: auto;
	position: relative;
	z-index: 2;
	float: left;
	top: 20px;
}
.kucuk-pencere p {
	font-size: 15px;
	font-weight: 100;
	text-shadow: 1px 2px 3px #000;
	color: #FFF;
	line-height: 33px;
	font-family: "Open Sans";
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 27px;
}

#clear {
	clear: both;
}

#anasayfa-summary {
	display:block;
	width:1050px;
	height:156px;
	margin-top:5px;
	padding-top:10px;
	}

#anasayfa-summary #kutu1 {
	float: left;
	height: 135px;
	width: 335px;
	margin:5px 7px 5px 10px;
}
#anasayfa-summary #kutu1:hover {
	background-color:#ececec;
	border-bottom:1px solid #6D6D6D;
	}

#anasayfa-summary #kutu2 {
	float: left;
	height: 135px;
	width: 335px;
	margin:5px 7px 5px 5px;
}
#anasayfa-summary #kutu2:hover {
	background-color:#ececec;
	border-bottom:1px solid #6D6D6D;
	}

#anasayfa-summary #kutu3 {
	float: left;
	height: 135px;
	width: 335px;
	margin:5px 7px 5px 5px;
}
#anasayfa-summary #kutu3:hover {
	background-color:#ececec;
	border-bottom:1px solid #6D6D6D;
	}


footer {
	width:100%;
	height: 260px;
	background-image: url(image/foter-bg.jpg);
	background-repeat: repeat-x;
}
#ceper1 {
	background-image: url(image/foter-bg.jpg);
	background-repeat: repeat-x;
	width:1200px; 
	height:260px;
	margin:0 auto 0 auto;
}
#ceper2 {
	width: 1080px;
	margin: 0 auto 0 auto;
	height: 260px;
}



#footer-anasayfa {
	display: block;
	height: 260px;
	width: 1200px;
	margin:0 auto 0 auto;
	}
	

#ceper2 h2 {
	font-family: 'Open Sans', sans-serif;
	color: #FFF;
	font-size: 21px;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
	text-shadow: 1px 2px 2px #302F2F;
	}
	
#ceper2 li {
	list-style-type: none;
	font-family: 'Open Sans', sans-serif;
	color: #FFF;
	line-height: 23px;
	font-size:13px;
	text-shadow: 1px 2px 2px #302F2F;
}


#ftr1 {
float: left;
width: 130px;
height: 215px;
margin-left: 10px;
margin-right: 29px;
margin-top: 30px;
}
#ftr2 {
float: left;
width: 163px;
height: 215px;
margin-left: 13px;
margin-right: 30px;
margin-top: 30px;		
}
#ftr3 {
	float: left;
	width:324px;
	height:215px;
	margin-left:10px;
	margin-top:30px;	
}
#ceper1 #ceper2 ul li a {
	list-style: none;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	color: #FFF;
	line-height: 23px;
	font-size:13px;
	text-shadow: 1px 2px 2px #302F2F;
}
#ftr4 {
	float: left;
	height:215px;
	width: 285px;
	margin-left:84px;
	margin-top:30px;
	background-image: url(image/foter-bg.png);
	background-repeat:no-repeat;
	background-position: top 90px right 10px;
	background-size:108px;}
#ftr3 p{ color:#fff;  font-family: 'Open Sans', sans-serif; font-size: 13px; text-shadow: 1px 2px 2px #302F2F;line-height: 23px; }
	
.newsletter-email{margin-left: 1px; outline:none; float:left;}
.newsletter-submit {float:left;}
#ftr4 input{ height:30px;}
#ftr4 input[type=submit] { height:34px; background-color:#c61e2d; border:none; color: white;}
#ftr4 input[type=email] { outline:none; border:none; height:32px; font-family: 'Open Sans', sans-serif; width: 183px; padding-left: 5px;font-size: 15px;color: rgb(58, 58, 58);}
#e-bulten-text {margin-left: 1px; margin-bottom:10px; height:20px; font-family: 'Open Sans', sans-serif; color:#FFF;text-shadow: 1px 2px 2px #302F2F; }

#markalar {
	height: 74px;
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(http://www.piknik.com.tr/wp-content/themes/piknik/images/footer-marka.png);
	background-repeat: no-repeat;
	background-size: 1080px;
	background-color: #fff;
	background-position-y: 10px;
}
#hero {
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	height: 255px;
	margin-top:4px;
}
#sidebar {
	display: block;
	float: left;
	height: auto;
	width: 305px;
	margin-right: 10px;
}
#container-main {
	height: auto;
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}
#container-content-full {
	float: left;
	height: auto;
	min-height:700px;
	width: 1060px;
	padding: 20px 10px 20px 10px;
}
#container-content {
	float: left;
	height: auto;
	min-height:700px;
	width: 765px;
	padding: 20px 0 20px 0;
}
.content-icerik-urun{ margin-top:15px;}
.content-icerik-urun-box {
	height:300px;
	width: 241px;
	border:1px solid #C1C1C1;
	float:left;
	margin:20px 5px 0 5px;

}
.content-icerik-urun-box-img-yeni:before { 
content: url(/wp-content/themes/piknik/images/yeni1.png);
position: absolute;
z-index: 10;
}
.content-icerik-urun-box-img-yeni img { 
max-width:220px;
position: relative;
top: -22px;
}
.content-icerik-urun-box-img-yeni {
	height:194px;
	width:220px;
	padding: 25px 10px 0 10px;
	}
.content-icerik-urun-box-img-yeni:hover {
	opacity:0.7;
	}
.content-icerik-urun-box-img img { 
max-width:220px;
position: relative;
top: -22px;
}
.content-icerik-urun-box-img {
	height:194px;
	width:220px;
	padding: 25px 10px 0 10px;
	}
.content-icerik-urun-box-img:hover {
	opacity:0.7;
	}
.content-icerik-urun-box-aciklama{
	background-color:#f35955;
	height:76px;
	position:relative;
}
.content-icerik-urun-box-aciklama p {
	color: #FFF;
	padding: 9px 7px 0 7px;
	font-size: 14px;
	margin: 0px;
	line-height: 17px;
	text-align:center;
	text-transform:uppercase;
}
.content-icerik-urun-box-aciklama p:nth-child(1) {
	font-weight:bold;
	}

#urunler-left-menu ul li {
height: 52px;
width: 290px;
font-size: 15px;
line-height: 56px;
color: #666;
text-decoration: none;
display: block;
border-bottom: 1px dashed #A2A2A2;
padding-left: 10px;
}
#urunler-left-menu #urunler-left-menu-header h2 { 
color: #FFF;
padding: 21px 0 0 10px;
font-size: 25px;
line-height: 13px;
text-shadow: 2px 2px 0px #000;
}
#urunler-left-menu #urunler-left-menu-header {
background-color: #CC2824;
height: 56px;
border-radius: 0 15px 0 15px;
border: 1px dashed #fff;
margin-left: 8px;
margin-top: 5px;
}
#urunler-left-menu ul li{
	font-family: 'Open Sans', sans-serif;
	margin-left: 5px;
}
#urunler-left-menu ul li img {
	float: right;
	margin: 13px;
}
#urunler-left-menu ul a {
	text-decoration: none;
	}

#urunler-left-menu ul li:hover  {
	background-color:rgba(217, 47, 72, 0.50);
	color:#fff;
}


.bolum3lu {
	width:765px;
	height:285px;
	margin-bottom:15px;
}
.kategori-box{
	float:left;
	width:245px;
	height:285px;
	border:solid 1px #CCCCCC;
	margin:20px 0 0 5px;
}
.kategori-box-img {
	width:245px;
	height:245px;
	overflow: hidden;
}
.kategori-box-img-yeni {
	width:245px;
	height:245px;
	overflow: hidden;
}
.kategori-box-img-yeni:before {
	content:url(/wp-content/themes/piknik/images/yeni.png);
	position:absolute;
	z-index:10;
}
.kategori-box-img img{  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
   -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  	width:245px;
	height:245px;
  }
 .kategori-box-img-yeni img{  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
   -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  	width:245px;
	height:245px;
  }
 #container-content a {
color: rgb(75, 75, 75);
text-decoration: none;
}
.kategori-box-img img:hover{  
-webkit-transform: scale(1.4);
	width:245px;
	height:245px; }
.kategori-box-img-yeni img:hover{  
-webkit-transform: scale(1.4);
	width:245px;
	height:245px; }
.kategori-box-summary {
	width:245px;
	height:40px;}
.kategori-box-summary h2 {
	color: #FFF;
	font-size: 14px;
	line-height: 40px;
	font-family: 'Open Sans', sans-serif;
	text-transform: capitalize;
	padding-left: 15px;
	text-shadow: 1px 2px 2px #000000;
	background-color: rgb(21, 187, 109);
}

#news-summary {
float: left;
width: 618px;
height: 217px;
overflow: hidden;
border: solid 1px #CCC;
background-color: rgb(248, 248, 248);
padding-left: 10px;
}

#baslik h2 {
font-size: 20px;
line-height: 41px;
width: 618px;
margin-bottom: 10px;
padding-left: 10px;
border: 1px dashed #fff;
background-color: rgba(198, 30, 45, 0.86);
color: white;
}
#haberler {
width: 1060px;
margin-bottom: 23px;
height: 270px;
}
#baslik { float:left;
width:630px;
}
#news-photo {float:left;
margin-right:10px;
border:solid 10px rgba(198, 30, 45, 0.86);
height:250px;
width:400px;
}
#news-photo img:hover{ opacity:0.8;
-moz-opacity:0.8;
-webkit-opacity:0.8;
-ms-opacity:0.8;}

#news-summary p a { text-decoration:none;
color:#c61e2d;
font-weight:bold;
}
#tarif ul.img-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.img-list {
width: 340px;
height: 357px;
overflow: hidden;	
	}
.img-list img {  
  height: 340px;
  width: 340px;}
#tarif ul.img-list li {
  display: inline-block;
  height: 340px;
  width: 340px;
  position: relative;
}

#tarif span.text-content {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 340px;
  left: 0;
  position: absolute;
  top: 0;
  width: 340px;
}

#tarif span.text-content span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

#tarif span.text-content {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 150px;
  left: 0;
  position: absolute;
  font-family: 'Open Sans', sans-serif;
  top: 0;
  width: 340px;
  opacity: 0;
}
 
#tarif ul.img-list li:hover span.text-content {
  opacity: 1;
}
#tarif span.text-content {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 340px;
  left: 0;
  position: absolute;
  top: 16px;
  width: 340px;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
#tarif {
	height:540px;
	width:340px;
	display: block;
	margin:0 6px 20px 7px;
	float:left;
}
#tarif summary {
width: 318px;
padding: 10px;
height: 129px;
overflow: hidden;
border: 1px dashed #fff;
background-color: #f35955;
}
#tarif summary:hover {background-image: url(image/foter-bg.jpg);
transition: all 0.5s ease; 
-webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
}

#tarif summary p{ color:#fff;}
.alignright {float: right; margin:5px;border: 5px solid rgba(186, 44, 44, 0.68);}
.alignleft {float:left; margin:5px;border: 5px solid rgba(186, 44, 44, 0.68);}
#tarif summary a { color:#FFF; font-weight:bold; float:right;}
#tarif summary a:hover{ 
color:#c61e2d;
transition: all 0.5s ease; 
-webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; }
#ceper1 #ceper2 ul li a:hover {
  text-decoration: underline;}
img.pratikcozumlersunar {
    width: 125px;
    padding-top: 10px;
    float: left;
    position: relative;
    left: 19px;
}