.slide.page-heading { background-color: #FF7C6D; padding:100px 0 70px 0;text-align:center}
.slide.page-heading h3 { color:#fff; font-size:39px;display: block; margin:0 auto;}
.slide.page-heading h2 { font-size:26px; color:#fff;display: block; margin:2px auto 0 auto}

.slide.services { border-bottom: 1px solid rgba(0,0,0,0.1); padding-top:40px;padding-bottom:40px}
.slide.services .description h2 { color:#5b5b5b;font-size:30px;}
.slide.services .description h5 { color:000; font-size:16px;}
.slide.services .description td strong, .slide.services .description strong  { color:#ED6455}
.slide.services .description li { list-style: none; margin-left:2px; background:url(../images/icon-bullet.png) no-repeat left 6px; padding-left:12px; padding-bottom: 4px; display: block;}
.slide.services .description ul.twoCol li { float:left; width:45%}
.slide.services .circle{ margin:0 auto;;border-radius: 50%; background-color: #f7f7f7; width:155px; height: 155px;}
.slide.services .circle img { display: none}
.slide.services .circle span{position:absolute;left:50%;top:50%;margin-left:-60px;margin-top:-55px;width:120px;height:110px;display:block;background:url(../images/sprite-services-icons.png) no-repeat -5px -3px}


.slide.services .circle span.ui-ux-design  { background-position: -1622px -3px;}
.slide.services .circle span.motion-design { background-position: -141px -3px;}
.slide.services .circle span.web-development { background-position: -277px -2px;}
.slide.services .circle span.e-commerce { background-position: -412px -3px;}
.slide.services .circle span.creative { background-position: -546px 0;}
.slide.services .circle span.social-media { background-position: -682px -3px;}
.slide.services .circle span.seo { background-position: -815px -1px;}
.slide.services .circle span.content-writing { background-position: -947px -1px;}
.slide.services .circle span.product-restructuring{ background-position: -1089px top;}
.slide.services .circle span.web-hosting { background-position: -1222px -2px;}
.slide.services .circle span.photography { background-position: -1358px -4px;}
.slide.services .circle span.email-marketing { background-position: -1492px -1px;}


.slide.services .description .btn { margin-top:25px;background-color: #FF7362; color:#fff;opacity: 0; visibility: hidden; -webkit-transition: visibility 0.2s linear, opacity 0.2s linear; -moz-transition: visibility 0.2s linear, opacity 0.2s linear; -o-transition: visibility 0.2s linear, opacity 0.2s linear; }
.slide.services .description .btn:hover{ background-color: #5b5b5b}
.slide.services .description:hover .btn { visibility: visible; opacity: 1;}

.slide.footer .col3 a:hover{ background-color: #FF7362; border-color:#FF7362;color:#fff}




.web-tasarim-cerceve{
width:280px;
min-height:250px;
height:auto;
float:left;

border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 0px solid #000000;

margin-bottom:20px;

-webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.055);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.055);
box-shadow: 0 1px 3px rgba(0,0,0, 0.055);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: relative;

}

.web-tasarim-cerceve img {
width: 280px;
height: 210px;
overflow: hidden;
/*border-bottom: 3px solid #FF9900;*/
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;

 -webkit-transition: opacity 0.5s ease-in-out;
 -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;    
  transition: opacity 0.5s ease-in-out;


}

.web-tasarim-cerceve img:hover {
   opacity:0.6;
   filter: alpha(opacity=60); /* For IE8 and earlier */

    }
	
.web-tasarim-head {
margin: 10px 14px 7px 14px;
float:left;
position:relative;
width:280px;
font-size: 16px;
/*font-weight:600;*/
font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 600;
color: #1D1D1B;

}

.web-tasarim-head:hover {
margin: 10px 14px 7px 14px;
float:left;
position:relative;
width:280px;
font-size: 16px;
/*font-weight:600;*/
font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 600;
color: #BE1522;

}


.web-tasarim-blog-icerik
{
/*margin: 10px 10px 10px 10px;*/
padding: 0 10px 10px 10px;
float:left;
position:relative;
width:280px;
font-size: 13px;
/*font-weight:600;*/
font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
color: #666;
text-align:justify;

}



/* Tablet and Phone */
@media (max-width: 1024px) {
	.slide.services .description ul.twoCol li { float:none; width:100%}
	.slide.services .description .btn{visibility: visible; opacity: 1; display: block;}

}

@media (max-width: 640px) {

	.slide.page-heading .container {padding-left:20px; padding-right: 20px}
	.slide.page-heading h3{ font-size:24px;}
	.slide.page-heading h2 { font-size:15px;}
	
	.slide.services { padding:30px 0}
	.slide.services .circle { margin:0 auto}
	
	
}






@media (min-width: 690px) and (max-width: 1024px) {
	.slide.page-heading { padding-left:20px; padding-right: 20px}
	.slide.page-heading h3 { font-size:32px}
	.slide.page-heading h2{font-size:20px}
	.slide.services .description .btn{display:inline-block;}
}