/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */


p{margin-top:5px;}

a{text-decoration:none;color:#c82d48;
}

input{
color:#777;
}

textarea{
overflow:auto;
}

h1 a, h2 a,h3 a,h4 a,h6 a{
color:#fff;
}

h5{
color:#e4c149;font-weight:900;
}

h1 a:hover, h2 a:hover,h3 a:hover,h4 a:hover,h6 a:hover{
color:#fff;
}

h5 a{
color:#fff034;
}

h5 a:hover{
color:#fff675;
}


body{
font-family: Arial, Verdana, Helvetica, sans-serif, "HelveticaNeue", "Helvetica Neue";
font-size:16px;
line-height:24px;
color:#fff;
behavior: url(../images/PIE.htc);
}


/********** Global classes **********/

.align-left{float:left;}
.align-right{float:right;}
.align-center{text-align:center;}
.clear{clear:both;}
.nmright{margin-right:0;}
.nmleft{margin-left:0}
.border-line {
 background: none repeat scroll 0 0 #CCCCCC;
 display: block;
 height: 1px;
 width:100%;
}



/************ button ****************/

.button{
    background-color: #c82d48;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c82d48), to(#f10447));
  background-image: -webkit-linear-gradient(top, #c82d48, #f10447);
  background-image:    -moz-linear-gradient(top, #c82d48, #f10447);
  background-image:      -o-linear-gradient(top, #c82d48, #f10447);
  background-image:         linear-gradient(to bottom, #c82d48, #f10447);
  color:#fff;
  border:1px solid #d25509;
 border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px;
  -ms-box-shadow: inset 0 1px 0 #ff9b54;
  -o-box-shadow: inset 0 1px 0 #ff9b54;
  -webkit-box-shadow: inset 0 1px 0 #ff9b54;
  -moz-box-shadow: inset 0 1px 0 #ff9b54;
	box-shadow: inset 0 1px 0 #ff9b54;
  padding:5px 15px;
font-size:12px;
  behavior: url(../js/PIE.htc);

}

.button:hover{
  background-color: #c82d48;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f10447), to(#c82d48));
  background-image: -webkit-linear-gradient(top, #f10447, #c82d48);
  background-image:    -moz-linear-gradient(top, #f10447, #c82d48);
  background-image:      -o-linear-gradient(top, #f10447, #c82d48);
  background-image:         linear-gradient(to bottom, #f10447, #c82d48);
  color:#fff;
  border:1px solid #d25509;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px;
  -ms-box-shadow: inset 0 1px 0 #ff9b54;
  -o-box-shadow: inset 0 1px 0 #ff9b54;
  -webkit-box-shadow: inset 0 1px 0 #ff9b54;
  -moz-box-shadow: inset 0 1px 0 #ff9b54;
	box-shadow: inset 0 1px 0 #ff9b54;
  padding:5px 15px;
font-size:12px;
  behavior: url(../js/PIE.htc);

}


/********** Second button **********/

.button2{
 background-color: #e8e8e8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#b7b7b7));
  background-image: -webkit-linear-gradient(top, #e8e8e8, #b7b7b7);
  background-image:    -moz-linear-gradient(top, #e8e8e8, #b7b7b7);
  background-image:      -o-linear-gradient(top, #e8e8e8, #b7b7b7);
  background-image:         linear-gradient(to bottom, #e8e8e8, #b7b7b7);
 color:#777;
  padding:5px 15px;
font-size:12px;
 border:1px solid #b7b7b7;
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 -ms-border-radius:3px;
 -o-border-radius:3px;
}

.button2:hover{
  background-color: #c82d48;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c82d48), to(#f10447));
  background-image: -webkit-linear-gradient(top, #c82d48, #f10447);
  background-image:    -moz-linear-gradient(top, #c82d48, #f10447);
  background-image:      -o-linear-gradient(top, #c82d48, #f10447);
  background-image:         linear-gradient(to bottom, #c82d48, #f10447);
  color:#fff;
  border:1px solid #d25509;
  border-radius:3px;
  box-shadow: inset 0 1px 0 #ff9b54;
  padding:5px 15px;
font-size:12px;

}


.button.medium,.button2.medium{
padding:12px 15px 12px 15px;
font-size:13px;
}

.button.large,.button2.large{
padding:13px 25px;
font-size:14px;
}

.button.xlarge,.button2.xlarge{
padding:15px 30px;
}


/*
Seprator 
----------------------------*/

.seprator {
margin-bottom :30px;
background : url(../images/heading-sep.png) center no-repeat;
width:100%;
float:left;
position:relative;
}

.seprator h2{
float:left;
}

.seprator:after{
content:"";
position:absolute;
right:0;
height:100%;
width:27px;
background:url(../images/sep-af.png) right center no-repeat;
}


.heading{
background:#fcfcfc;
display:inline;
width:auto;
float:left;
padding-right:7px;
position:relative;
}

.heading:after {
  content: "";
  height: 100%;
  position: absolute;
  right: -20px;
  top: 0;
  width: 20px;
  background:url(../images/sep-bf.png) right center no-repeat;
}



/*********** link buttons *************/

a.link{
background:url(../images/service-link.png) no-repeat ; 
position:absolute;
bottom:0;
right:0;
width:22px;
height:24px;
text-indent:-9999px;
display:block;
}



a.link2{
background:url(../images/service-link2.png) no-repeat ; 
position:absolute;
bottom:0;
right:0;
width:22px;
height:24px;
text-indent:-9999px;
display:block;
}



a.link2{
-moz-transition:all 0.5s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
transition: all 0.5s;
display:block;
}

a.link2:hover{
background:url(../images/service-link2.png) no-repeat 0 -26px;
}

/********** fancybox **************/


a.fancy{
position:relative;
float:left;
}

a .zoom {
  background: url(../images/zoom.png) no-repeat center center ;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity:0;
  filter:alpha(opacity=0);
  -moz-transition:all 0.5s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
transition: all 0.5s;
}

.zoom:hover {
opacity:1;
filter:alpha(opacity=100);
}


/************ header **************/

header{
background:#242424;
border-bottom:1px solid #000;
}


.logo{
margin-top:15px;
}


/****************** Navigation one : tiny nav *********************/

.tinynav{display:none;}


/* styles for mobile */
@media screen and (max-width: 600px) {

.tinynav { display: block }
.tinynav {float:right;}
.sf-menu { display: none }

header{
text-align:center;
}

#myslidemenu {
	display: block;
	float: left;
	margin: auto;
	text-align: center;
	width: 100%;
	margin-top:7px;
	}
	
	.tinynav {
	margin: auto;
	text-align: center;
	width: 80%;
	float:none;
	margin-bottom:20px;
	margin-top:10px;
	}
	
	
}

/************** Home services ***********/

.service-section{
float:left;
margin-bottom:20px;
}

.container section.service {
text-align:center;
-moz-transition:all 0.5s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
transition: all 0.5s;
margin-right:40px;
}

.container section.service.last{
margin-right:0;
}

.service:hover {
cursor:pointer;
}

.service span{
width:100%;
height:140px;
display:block;
margin-bottom:20px;
-moz-transition:all 0.5s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
transition: all 0.5s;
}

.service span.dev{
background:url(../files/dev.png) no-repeat center center;
}

.service span.app{
background:url(../files/app.png) no-repeat center center;
}

.service span.lab{
background:url(../files/lab.png) no-repeat center center;
}

.service:hover  span.dev{
background:url(../files/dev-a.png) no-repeat center center;
}

.service:hover  span.app{
background:url(../files/app-a.png) no-repeat center center;
}

.service:hover  span.lab{
background:url(../files/lab-a.png) no-repeat center center;
}


.service-block{
background:url(../images/pt.png);
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
padding:5px;
float:left;
position:relative;
}


.service-block a.link{
bottom:5px;
right:5px;
width:22px;
height:24px;
text-indent:-9999px;
opacity:0;
-moz-transition:all 0.5s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
transition: all 0.5s;
}

.service:hover a.link{
opacity:1;
}

.service-block .detail{
background:#fff;
text-align:center;
position:relative;
padding:10px;
color:#787878;
font-size:13px;
}

.service-block .detail:before {
  background: url(../images/service-tip.png) no-repeat  center center ;
  content: "";
  height: 13px;
  margin-left: -10px;
  position: absolute;
  top: -13px;
  width: 21px;
}

.ie8 .service-block .detail:before{
left:49%;
}



.service-block .detail a{
color:#494949;
}

.service:hover .detail a{
color:#c82d48;
}

.service:hover .service-block{
background:url(../images/pt-a.png);
}

.service a.link:hover {
background:url(../images/service-link.png) no-repeat 0 -26px;
}



/*
Recent project :carusol
----------------------------------*/

#carusol{
height:340px;
margin-top:30px;
margin-bottom:40px;
}

#carusol .heading{
width:220px;
}

.recent_post {
background:#fff;
width:209px;
margin-top:5px;
height:256px;
margin-left:8px;
border-radius:4px;
padding-bottom:15px;
border-bottom:1px solid #dcdcdc;
position:relative;
-moz-transition:all 0.5s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
transition: all 0.5s;
}


.recent_post h6{
font-size:14px;
margin-left:10px;
text-transform:uppercase;
}

.recent_post p{
margin-left:10px;
color:#777;
font-size:13px;
}

.extra{
float:left;
margin-left:10px;
clear:both;
font-size:11px;
margin-bottom:15px;
}

 .extra a{
-moz-transition:all 0.5s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
transition: all 0.5s;
color:#494949;
}


 .fav{
background:url(../images/star.png) no-repeat 0 3px;
width:14px;
height:14px;
padding-left:16px;
padding-right:7px;
border-right:1px solid #ddd;
}

 .fav:hover{
background:url(../images/star.png) no-repeat 0 -12px;
}


 .share{
background:url(../images/share.png) no-repeat 0 2px;
width:10px;
height:14px;
padding-left:16px;
padding-right:10px;
margin-left:4px;
border-right:1px solid #ddd;
}

 .share:hover{
background:url(../images/share.png) no-repeat 0 -14px;
}

 .photo{
background:url(../images/photo.png) no-repeat 0 0;
width:17px;
height:10px;
padding-left:19px;
margin-right:5px;
margin-left:4px;
}

 .photo:hover{
background:url(../images/photo.png) no-repeat 0 -16px;
}


li.carusol_block {
float:left;
background:url(../images/pt.png);
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-ms-border-radius:4px;
height:281px;
}


 
.bx-prev {
float : left;
background : url(../images/arrows.png) no-repeat;
width : 34px;
height : 34px;
position : absolute;
top : -59px;
left : 150px;
text-indent : -9999px;
border : none;
-moz-transition:all 0.5s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
transition: all 0.5s;
}

.bx-prev:hover{
background : url(../images/arrows.png) no-repeat 0 -34px;
}


.bx-next {
float : right;
background : url(../images/arrows.png) no-repeat -35px 1px;
width : 40px;
height : 34px;
position : absolute;
text-indent : -9999px;
top : -59px;
left : 179px;
border : none;
-moz-transition:all 0.5s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
transition: all 0.5s;
}

.bx-next:hover {
background : url(../images/arrows.png) no-repeat -35px -34px;
}

/*
Testimonial
-------------------------------*/

#testimonial{
float:left;
margin-right:50px;
}

.ie8 #testimonial{
margin-right:10px;
}



#testimonial>.bx-wrapper{
margin-left:30px;
width:254px;
height:auto;
float:left;
}




.testimonials{
position : relative;
display:block;
text-align:center;
}


#testimonial ul li {
height:350px;
}

#testimonial ul li .data{
background:url(../images/pt.png);
text-align:center;
padding:1px 5px 5px 5px;
height:auto;
position:relative;
}

#testimonial ul li .data:after{
content:"";
position:absolute;
bottom:0;
left:30px;
width:20px;
height:30px;
background:url(../images/test-b1.png) no-repeat;
bottom:-30px;
z-index:8;
}


#testimonial ul li p {
width:214px;
background:#fff;
padding:15px;
color:#777;
line-height:22px;
border-bottom:2px solid #dbdbdb;
position:relative;
}


#testimonial ul li p:after{
content:"";
position:absolute;
bottom:0;
left:30px;
width:20px;
height:30px;
background:url(../images/test-b2.png) no-repeat;
bottom:-30px;
z-index:9;
}

#testimonial ul li span {
background:#fcfcfc;
position:absolute;
z-index:99999;
margin-top:20px;
left:70px;
color:#777;
clear:both;
}


#testimonial ul li span a {
color:#c82d48;
font-size:14px;
text-transform:uppercase;
}


#testimonial .bx-prev {
  top:34%;
  left:-40px;
}

#testimonial .bx-next {
  top:34%;
  left:102%;
}

/********** Home  Blog post ************/

.home-blog {
float:left;
width:570px;
}

.ie8 .home-blog{
width:600px;
margin-left:10px;
}
.ie8 .home-blog .blog-post.last{
margin-right:0;
}



.home-blog .blog-post{
width:142px;
background:url(../images/pt.png);
padding:6px;
float:left;
margin-right:43px;
position:relative;
margin-top:10px;
}

.home-blog .blog-post.first{
margin-left:20px;
}

.home-blog .blog-post:last-child{
margin-right:0;
}

.blog-post:hover div.date{
background:url(../images/date.png) no-repeat 0 -58px;
}

.blog-post:hover h5 a{
color:#c82d48;
}

div.date{
position:absolute;
top:-25px;
left:-35px;
width:58px;
height:58px;
background:url(../images/date.png) no-repeat;
color:#fff;
text-align:center;
-moz-transition:all 0.5s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
transition: all 0.5s;
}


div.date span{
width:27px;
display:block;
margin-left:15px;
margin-top:10px;
font-size:12px;
line-height:18px;
}


.home-blog .blog-post .home-post{
background:#fff;
text-align:center;
}


.home-blog .blog-post .content{
padding:10px;
}


.post-extra {
  background: none repeat scroll 0 0 #FFFFFF;
  float: left;
  width: 100%;
  padding-bottom:10px;
  padding-top:10px;
  border-top:1px solid #ccc;
}

.post-extra span{
font-size:11px;
}

 a.comment {
  background: url(../images/comment.png) no-repeat left 3px ;
  float: left;
  padding-left: 20px;
  margin-left:5px;
  height:17px;
  -moz-transition:all 0.5s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
transition: all 0.5s;
color:#777;
}


a.comment:hover {
background: url(../images/comment.png) no-repeat left -12px ;
}

a.time {
  background: url(../images/time.png) no-repeat 0 0;
  float: left;
  height: 17px;
  margin-left:13px;
  padding-left:17px;
  -moz-transition:all 0.5s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
transition: all 0.5s;
color:#777;
}

a.time:hover{
  background: url(../images/time.png) no-repeat 0 -18px ;
}


.read-more{
background:#fff;
float:left;
width:100%;
height:20px;
}

.read-more a.link2{
display:block;
background:url(../images/service-link2.png) no-repeat;
bottom:12px;
right:5px;
}

.read-more a.link2:hover{
background:url(../images/service-link2.png) no-repeat 0 -26px;
}


.round{
background:url(../images/bt.png) no-repeat center bottom;
float:left;
width:141px;
height:15px;
}

.round2{
background:url(../images/bt2.png) no-repeat center bottom;
width:154px;
height:15px;
position:absolute;
bottom:-13px;
left:0;
}



/******* client section **********/
.clients{
float:left;
margin-right:40px;
margin-right:40px;
}

.subscribe{
float:left;
}


.logos{
float:left;
width:100%;
margin-bottom:10px;
}

.logos li{
display:inline;
float:left;
margin:0 20px 0 0;
}

.clients p{
float:left;
margin-bottom:15px;
}

a{
color:#c82d48;!important
}


/********** Subscribe ***********/

.subscribe .input{
width:330px;
background:url(../images/pt.png);
padding:5px;
margin-top:20px;
float:left;
margin-left:30px;
}

.subscribe .input input{
width:270px;
background :#fff url(../images/mail.png) no-repeat left center;
height:48px;
border:0;
padding-left:60px;
float:left;
color:#777;
}

input.go{
background:url(../images/go.png) no-repeat;
float:left;
border:0;
text-indent:-9999px;
width:66px;
height:66px;
margin-top:18px;
margin-left:-20px;
}


/************* Footer *************/

#footer{
background:#242424;
width:100%;
float:left;
position:relative;
color:#ffffff;
}

#footer:before{
background:url(../images/footer.png);
width:100%;
content:"";
height:50px;
position:absolute;
left:0;
top:-50px;
}


#footer a {
color:#ffffff;
}

#footer a.button{
color:#fff;
}


#footer a:hover{
color:#fff;
}

#footer .footer-widget{
color:#656565;
}

#footer .footer-widget h4 {
color:#fff;
}


#footer a{
-moz-transition:all 0.5s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
transition: all 0.5s;

}


.footer-widget .c-info li{
float:left;
margin-top:10px;
}
.footer-widget .c-info li a{
padding-left:20px;
-moz-transition:all 0.5s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
transition: all 0.5s;
}


.footer-widget .phone{
background:url(../images/phone.png) no-repeat 0 4px;
}

.footer-widget .phone:hover{
background:url(../images/phone.png) no-repeat 0 -11px;
}

.footer-widget .email{
background:url(../images/email.png) no-repeat 0 4px;
}
.footer-widget .email:hover{
background:url(../images/email.png) no-repeat 0 -11px;
}

.footer-widget .fax{
background:url(../images/fax.png) no-repeat 0 2px;
}

.footer-widget .fax:hover{
background:url(../images/fax.png) no-repeat 0 -12px;
}

.footer-widget .address{
background:url(../images/add.png) no-repeat 0 1px;
float:left;
height:17px;
}


.footer-widget .address:hover{
background:url(../images/add.png) no-repeat 0 -17px;
float:left;
height:17px;
}
.footer-widget.links a{
float:left;
width:100%;
margin-bottom:10px;
}
.jta-tweet-list-item {
  float: left;
  overflow: hidden;
}

#footer .jta-tweet-list-item  .jta-tweet-text a:first-child{
color:#c82d48;
}


.footer-end{
float:left;
width:100%;
background:#1d1d1d;
height:80px;
border-top:1px solid #000;
margin-top:20px;
}

.footer-end .small-logo{
margin-top:25px;
}

.footer-end p.align-right{
margin-top:20px;
width:500px;
}


/************ blog page ************/

.breadcrumb{
float:left;
background:url(../images/pt.png);
width:100%;
position:relative;
margin-bottom:50px;
}

.breadcrumb:after {
  background: url(../images/blog.png) repeat-x center center;
  bottom: -18px;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}


.breadcrumb .container{
padding:15px 0;
}

.breadcrumb .container:after {
  background: url(../images/bred.png) repeat-x  center center;
  bottom: -13px;
  content: "";
  display: block;
  height: 20px;
  left: 60px;
  position: absolute;
  visibility: visible;
  width: 100%;
  z-index: 9;
}


.breadcrumb span a{
margin-left:10px;
padding-left:10px;
background:url(../images/bred-a.png) no-repeat left center;
}


.post-area{
margin-right:25px;
}

.post{
background:url(../images/pt.png);
padding:7px;
border-radius:4px;
float:left;
margin-bottom:40px;
}

.post .content{
background:#fff;
border-radius:4px;
padding-bottom:20px;
float:left;
position:relative;
margin:0;
}

.post .content:hover div.date{
background:url(../images/date.png) no-repeat 0 -58px;
}

.post .content:hover .post-excerpt h4 a{
color:#c82d48;
}


.post .content figure a{
width:100%;
float:left;
text-align:center;
margin-top:5px;
}
.post .content figure a img{
}

.post div.date
{
left: -20px;
top: -20px;
z-index: 999;
}	

.post .post-excerpt{
padding:10px;
}




.post-info.extra{
margin-bottom:0;
margin-top:10px;
}

.post-info.extra li a{
font-size:11px;
}

a.rate{
background:url(../images/cup.png) no-repeat 0 0;
width:13px;
float: left;
padding-left: 20px;
margin-left:5px;
height:17px;
-moz-transition:all 0.5s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
transition: all 0.5s;
color:#777;
border-right:1px solid #ddd;
margin-right:10px;
padding-right:20px;
}

a.rate:hover{
background:url(../images/cup.png) no-repeat 0 -19px;
}


.post-info.extra li a.comment{
border-right:1px solid #ddd;
margin-right:10px;
padding-right:10px;
}

.post-info li{
display:inline;
}


.pagination{
margin-top:20px;
}

.pagination li{
float:left;
}

.pagination li a {
  color: #777777;
  float: left;
  margin-right: 10px;
  margin-top: 5px;
  padding: 5px 8px 3px;
}

.pagination li a:hover{
color:#c82d48;
outline:1px solid #ccc;
border-radius:6px;
-moz-border-radius:6px;
}


.pagination a.prev{
  background-color: #e8e8e8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#b7b7b7));
  background-image: -webkit-linear-gradient(top, #e8e8e8, #b7b7b7);
  background-image:    -moz-linear-gradient(top, #e8e8e8, #b7b7b7);
  background-image:      -o-linear-gradient(top, #e8e8e8, #b7b7b7);
  background-image:         linear-gradient(to bottom, #e8e8e8, #b7b7b7);
 color:#777;
  padding:5px 15px;
font-size:12px;
 border:1px solid #b7b7b7;
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 -ms-border-radius:3px;
 -o-border-radius:3px;
}




.pagination a.prev:hover{
color:#fff;
outline:none;
border-radius:3px;
-moz-border-radius:3px;
 background-color: #c82d48;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c82d48), to(#f10447));
  background-image: -webkit-linear-gradient(top, #c82d48, #f10447);
  background-image:    -moz-linear-gradient(top, #c82d48, #f10447);
  background-image:      -o-linear-gradient(top, #c82d48, #f10447);
  background-image:         linear-gradient(to bottom, #c82d48, #f10447);
  color:#fff;
  border:1px solid #d25509;
  border-radius:3px;
  box-shadow: inset 0 1px 0 #ff9b54;
  
  padding:5px 15px;
font-size:12px;
}


.pagination a.next{
  background-color: #e8e8e8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#b7b7b7));
  background-image: -webkit-linear-gradient(top, #e8e8e8, #b7b7b7);
  background-image:    -moz-linear-gradient(top, #e8e8e8, #b7b7b7);
  background-image:      -o-linear-gradient(top, #e8e8e8, #b7b7b7);
  background-image:         linear-gradient(to bottom, #e8e8e8, #b7b7b7);
 color:#777;
  padding:5px 15px;
font-size:12px;
 border:1px solid #b7b7b7;
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 -ms-border-radius:3px;
 -o-border-radius:3px;
}

.pagination a.next:hover {
color:#fff;
outline:none;
border-radius:3px;
-moz-border-radius:3px;
 background-color: #c82d48;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c82d48), to(#f10447));
  background-image: -webkit-linear-gradient(top, #c82d48, #f10447);
  background-image:    -moz-linear-gradient(top, #c82d48, #f10447);
  background-image:      -o-linear-gradient(top, #c82d48, #f10447);
  background-image:         linear-gradient(to bottom, #c82d48, #f10447);
  color:#fff;
  border:1px solid #d25509;
  border-radius:3px;
  box-shadow: inset 0 1px 0 #ff9b54;
  
  padding:5px 15px;
font-size:12px;
}

/******** sidebar popular widget **************/
aside#sidebar{
float:right;
width:270px;
}

.widget{
float:left;
margin-bottom:20px;
}

ul.popular figure{
position:relative;
float:left;

}

ul.popular figure span.cc{
position:absolute;
background:url(../images/cc.png) no-repeat 0 0;
width:26px;
left:-8px;
top:-8px;
height:26px;
-moz-transition:all 0.5s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
transition: all 0.5s;
}




ul.popular{margin-top:10px;float:left;margin-bottom:0;}
ul.popular li {clear: both;float: left;margin-bottom: 10px;}
ul.popular li img {border: 1px solid #EEEEEE;float: left;padding: 4px;margin-right:10px;}
ul.popular .detail {margin-left: 10px;margin-top:2px;}
ul.popular h6{font-size:12px;margin-bottom:1px;color:#b0afaf;}
ul.popular span{width:100%;color:#494949;margin-bottom:5px;}
ul.popular span:hover{width:100%;color:#c82d48;margin-bottom:5px;}

ul.popular li{
padding:5px;
}

ul.popular li:hover {
outline:1px solid #ccc;
cursor:pointer;
}

ul.popular li:hover  .cc{
background:url(../images/cc.png) no-repeat 0 -27px;
}

ul.popular li:hover span {
color:#c82d48;
}

ul.popular li:hover h6 {
color:#777;
}


ul.popular a{color:#dc5948;}



/*********** archieve ************/


#sidebar .widget.archive{
   padding:10px 10px 0 0;
   width:100%;
   border-bottom:none;
   }
   
   #sidebar .widget.archive h5{
   margin-bottom:10px;
   }
  
  #sidebar .widget.archive ul li{
  padding:10px 10px 10px 20px;
  margin:0;
  color:#777;
  }
  
    #sidebar .widget.archive ul li:last-child{
	
	}
  
  .widget.archive li a{
  color:#777;
  padding-right:20px;
  }
  
  .widget.archive ul li:hover{
     outline:1px solid #f5f5f5;
	 color:#494949;
  }
  
 
  .widget.archive ul li:hover a{
	color:#c82d48;
	
  }

  
  /********** related post *************/
  
  .related-post li{
  float:left;
  margin-right:10px;
  background:url(../images/pt.png);
  padding:4px;
  }
 
 
  .related-post li img{
   padding:4px;
   background:#fff;
  float:left;
  border:1px solid #f4f4f4;
  }
  
  
  /************* comment section **********/
  
  .comments {
  margin-top:20px;
  }
  
  
  .comments .align-right.button{
  z-index:88;
  position:relative;
  margin-left:10px;
  }
  .comments .heading{
  margin-top:6px;
  }
  
  
  .comment-box {
  float: left;
  padding-bottom: 30px;
  padding-left: 150px;
  position: relative;
  }
  
 div.reply{
  margin-left:40px;
  margin-top:20px;
  background:url(../images/pt-a.png);
  padding:6px;
  float:left;
  }
  
  .reply .comment-box{
  background:#fff;
  padding:20px 10px 10px 150px;
  position:relative;
  }
  
  .reply .comment-box:before{
  content:"";
  position:absolute;
  width:21px;
  background:url(../images/top-tip.png) no-repeat;
  height:13px;
  left:150px;
  top:-13px;
  }
  
  
  
  
  
  .comment-box.reply .box{
  padding:10px;
  background:#fff;
  }
  
  
  
  .comment-box .extra{
  margin:10px 0 5px 0;
  }
  
  .comment-box .extra a.rate{
  margin-left:0;
  padding-right:10px;
  width:auto
  }
   .comment-box .extra a.time{ 
   margin-left:0;
   border-right:1px solid #ccc;
padding-right:15px;
   }
   
  
  
  a.reply{
  background:url(../images/reply.png) no-repeat left 0;
  padding-left:15px;
  margin-left:15px;
  }
  
   a.reply:hover{
   background:url(../images/reply.png) no-repeat left -13px;
   }
  
  .comment-box  img {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  left: 4%;
  padding: 4px;
  position: absolute;
}
  
 /********* comment form *****************/
 
 .form p{
 background:url(../images/pt.png);
 float:left;
 margin-right:10px;
 width:310px;
 padding:5px;
 margin-bottom:10px;
  border-radius:4px;
 -moz-border-radius:4px;
 -ms-border-radius:4px;
 -webkit-border-radius:4px;
 }
 
 .form p.nmright{
 margin-right:0;
 }
 
 
 .form p input{
 float:left;
 border:0;
 width:300px;
 padding:5px 5px;
 border-radius:4px;
 -moz-border-radius:4px;
 -ms-border-radius:4px;
 -webkit-border-radius:4px;
 }
 
 .form{
 float:left;
 width:650px;
 }
 
 
 .form p.area{
 width:99%;
 padding:5px;
 }
 
 
 .form .check{
 float:left;
 margin-top:10px;}
 
 
 .form p.area textarea{
 float:left;
 width:632px;
  border:0;
  border-radius:4px;
 -moz-border-radius:4px;
 -ms-border-radius:4px;
 -webkit-border-radius:4px;
 height:160px;
 padding-left:10px;
 padding-top:10px;
 }

 
/***************** Portfolio Sort & wrapper **************************/

.gallery{float:left;width:100%;margin-top:5%;margin-bottom:5%;}

.sorting{float:left;width:100%;margin-top:6px;}

.sort {padding:10px 10px 11px 10px;
position:relative;
}

.sort p{
margin:0 20px 0 0;
text-transform:uppercase;
font-weight:bold;
}


.sort a{color:#898989;margin-right:30px;
text-transform:uppercase;
font-weight:600;
}






/********************* Portfolio 4 columns ***************/

.portfolio-grid{
float:left;
width:100%;
margin-bottom:20px;
}

.portfolio-grid h6{
text-transform:uppercase;
color:#4a4a4a;
}

.portfolio-grid .item-hover{
width:auto;
}


.portfolio-grid .item-hover a{
padding:5px;
background:url(../images/pt.png);
text-align:center;
}


.portfolio-grid .item-hover a img{
background:#fff;
padding:10px;
float:left;
}




.portfolio-grid li{margin-bottom:10px;float:left;
width:220px;
margin-right:20px;
height:420px;
}

.portfolio-grid .button{
margin-right:5px;
margin-top:5px;
}

.portfolio-grid .button2.small{
padding:5px 6px;
}

 .content{
margin-left:5px;
margin-top:20px;
float:left;
}

.content p{
font-size: 16px;
line-height:24px;
}



/********* Five column portfolio ************/

.portfolio-grid.port .item-hover a img{
padding:10px 10px 0 10px;

}


.port .item-hover .content{
text-align:center;
width:100%;
float:left;
}


.portfolio-grid.port li{
width:172px;
height:auto;
margin-bottom:30px;
}

.portfolio-grid.port .item-hover figure{
position:relative;
float:left;

}

.portfolio-grid.port .item-hover a{
position:relative;
}

.portfolio-grid.port .item-hover a img{
-moz-border-radius:0 30px 30px 0;
}


.portround1{
background:url(../images/portround1.png) no-repeat center bottom;
float:left;
width:173px;
height:11px;
}

.portround2{
background:url(../images/portround2.png) no-repeat center bottom;
width:183px;
height:15px;
position:absolute;
bottom:-10px;
left:0;
}
 
 /***************** contact page **********************/
 
 
#map {
  border: 1px solid #DDDDDD;
  height: 243px;
  margin: 10px auto 40px auto;
  padding: 3px;
}

#map_canvas {
  height: 243px;
  width: 100%;
}
 
 .contact-form{
 float:left;
 }
 
 
 

#mail_success{
display:none;
margin-top:20px;
}

#mail_fail{
display:none;
margin-top:20px;
}

 
 
 .widget a{
 -moz-transition:all 0.5s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
transition: all 0.5s;
}
 
 


.widget .c-info li{
float:left;
margin-top:10px;
margin-bottom:7px;
width:100%;
}
.widget .c-info li a{
padding-left:20px;
color:#777;
margin:0;
-moz-transition:all 0.5s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
transition: all 0.5s;
}




.widget .phone{
background:url(../images/w-phone.png) no-repeat 0 4px;
}

.widget .phone:hover{
background-position:0 -11px;
}


.widget .email{
background:url(../images/w-email.png) no-repeat 0 4px;
}

.widget .email:hover{
background-position:0 -11px;
}


.widget .fax{
background:url(../images/w-fax.png) no-repeat 0 2px;
}

.widget .fax:hover{
background-position:0 -12px;
}

.widget .address{
background:url(../images/w-add.png) no-repeat 0 1px;
float:left;
height:17px;
}


.widget .address:hover{
background-position:0 -18px;
}

 
 /************ about page ************/
  
 
#topstaticimage {
  border: 1px solid #DDDDDD;
  height: 243px;
  margin: 10px auto 40px auto;
  padding: 3px;
}

#topstaticimage_canvas {
  height: 243px;
  width: 100%;
}
 
 .detail-block{
 float:left;
 width:100%;
 border:1px solid #dfdfdf;
 border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 -ms-border-radius:4px;
 -o-border-radius:4px;
 margin-bottom:10px;
 }
 
.detail-block h6{
padding:10px;
background:#f5f5f5;
}


.detail-block .experience{
float:left;
margin-left:10px;
}

.detail-block .rating{
margin:0;
float:right;
}

.detail-block .rating p{
float:left;
}

.detail-block .rating .star {
  float: left;
  margin: 10px 10px 0 10px;
}


.detail-block .rating li{
float:left;
background:url(../images/star.png) no-repeat;
-moz-transition:all 0.5s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
transition: all 0.5s;
width:14px;
margin:0;
height:13px;
}


.detail-block .rating li:hover{
background:url(../images/star-a.png) no-repeat;
}


.detail-block p.about{
margin-left:10px;
margin-top:7px;
margin-bottom:10px;
}


.author-info {
  float: left;
  margin-bottom: 15px;
  margin-left: 10px;
  width: 325px;
}

.author-info figure{
float:left;
background:url(../images/pt.png);
padding:5px;
margin-right:15px;
}

.author-info figure img{
padding:10px;
background:#fff;
float:left;
}

.author-info .info{
margin-left:20px;
}

.author-info .info .extra{
clear:none;
margin:10px 0 0 0;
}

.info a.share {
width:auto;
}


.info a.time{
float:right;
}





 
/* #Page Styles
================================================== */

/* #Media Queries
================================================== */
/* Mobile Landscape Size to small phone (devices and browsers) */
	@media only screen and (min-width:320px) and (max-width: 480px) {
	
	

.two.columns,.three.columns,.five.columns,.four.columns ,.six.columns{
margin-bottom:20px;
clear:both;
}
	
	header a.align-left{
	float:left;
	width:100%;
	text-align:center;
	}
	
	.fluid_container{
	height:260px;
	}
	
	.author-info{
	margin-left:0;
	}
	
	
		.recent_post {
		width:auto;
		margin:0;
		}
		.extra {
		display:none;
		}

		
/********* Home blog section **********/

.home-blog {
  width:100%;
}

.home-blog .blog-post{
margin-left:20%;
clear:both;
margin-bottom:20px;
}

.home-blog .blog-post.first {
  margin-left: 20%;
}

/************ Blog page ********/

.post figure img{
width:100%;
}

/********* Subscribe + clients of home page *******/

.container .clients.columns {
  margin-bottom:30px;
 text-align:center;
}

.container .subscribe.columns {
  margin-top:20px;
 text-align:center;
}

/**************** footer *********************/

footer{
text-align:center;
}

footer ul{
width:100%;
text-align:center;
}


#footer .footer-widget{
margin-top:20px;
margin-bottom:20px;
width:100%;
overflow:hidden;
text-align:center;
}

#footer .footer-widget p{
padding:5px;
}


#footer .footer-widget div{
padding:5px;
}

#footer .footer-widget a.button{
margin-left:40%;
}


.footer-widget .c-info li{
clear:both;
width:100%;
}
	

#footer .footer-end a.small-logo{
display:none;
}

#footer .footer-end p.align-right{
margin-top:20px;
width:auto;
margin-left:10px;
}



/********** testimonial **********/

#testimonial .bx-prev {
  display:none;
}


#testimonial .bx-next {
  display:none;
}


/************ clients and subscribe *************/

	
.clients{
padding:5px;
}
	
.subscribe{
text-align:center;
}

.subscribe .input {
 width:90%;
 margin:10px;
 
}
	
.subscribe .input input {
width:78%;
}


input.go {
border: 0 none;
float: left;
height: 66px;
margin-left:40%;
clear:both;
}

	
.service-block {
margin-right:0;
margin-bottom:20px;
}
	
.service-block .detail:before {
  left:49%;
}	


/********* pagination ***********/

	
.pagination a.prev{	
padding:5px 10px;	
display:block;
margin-right:10px;
}
.pagination a.next{	
padding:5px 10px;
display:block;
margin-left:10px;	
}

.pagination{
margin:0 0 20px 0;
float:left;
width:100%;
border-bottom:1px solid #bfbfbf;
}

.pagination a{
display:none;
}

/******** related post **********/

 .related-post li {
 margin-left:25%;
 }
 
/************* comment section **********/
  
  .comments {
  margin-bottom:20px;
  }
  
  
  div.comment-box  img {
	float:left;
	left:0;
	}
	
  .comment-box {
  padding-left:120px;
  }
  
  
  .comment-box.reply .box{
  padding:0;
  background:#fff;
  }
  
  
 div.reply{
  margin-left:10px;
  padding:3px;
  }
   .reply .comment-box{
  background:#fff;
  padding:20px 10px 10px 120px;
  position:relative;
  }
  
/******* forms  comment + contanct ***********/
  
  .form {
  float: left;
  width: 100%;
}

.form p{
width:98%;
}

.form p input{
width:97%;
}


 .form p.area{
 width:98%;
 padding:5px;
 }
 .form p.area textarea{
width:97%;
}

.form .check {
  float: left;
  width:100%;
text-align:center;
  margin-top: 10px;
  clear:both;
 
}

.form .button.align-right{
float:left;
margin-top:20px;
margin-bottom:20px;

}


/******* portfolio *******/

.sort {
float:left;
width:100%;
}

.sort a{
float:left;
margin-right:10px;
margin-bottom:20px;
font-size:11px;
}


.portfolio-grid li {
  float: left;
  height: 420px;
  margin-left: 15%;
  margin-bottom: 30px;
}



/********* footer tweets *******/

.jta-tweet-list-item {
  float: left;
  width:100%;
  text-align:center;
  height: 30px;
  overflow: visible;
  margin-bottom:25px;
}

aside#sidebar{
width:100%;
}


}




	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	
		aside#sidebar{
		width:230px;
		}
		
	
/************ Blog page ********/

.post figure img{
width:100%;
}
	
		.service-block .detail:before {
		left:49%;
		}	
	
	
		.container section.service
		{
			margin-right:20px;
		}
		
		#testimonial{
		margin-right:50px;
		}
		
		.seprator{
		margin-left:10px;
		}
		
	
		.home-blog{ 
		width:450px;
		}
		
		.home-blog .blog-post{
		margin-left:20px;
		margin-bottom:20px;
		}
		
		.subscribe .input {
		width:90%;
		margin:10px;

		}
	
		input.go{
		margin-left:40%;
		}
		
	
		
  /************* comment section **********/
  
  .comments {
  margin-bottom:20px;
  }
  
  
  div.comment-box  img {
float:left;
left:0;
}
  .comment-box {
  padding-left:120px;
  }
  
  
  .comment-box.reply .box{
  padding:0;
  background:#fff;
  }
  
  
 div.reply{
  margin-left:10px;
  padding:3px;
  }
   .reply .comment-box{
  background:#fff;
  padding:20px 10px 10px 120px;
  position:relative;
  }
  
  
  .form {
  float: left;
width:100%;
 }

.form p{
width:98%;
}

.form p input{
width:97%;
}


 .form p.area{
 width:98%;
 padding:5px;
 }
 .form p.area textarea{
width:97%;
}

.form .check {
  float: left;
  width:100%;
text-align:center;
  margin-top: 10px;
  clear:both;
 
}

.form .button.align-right{
float:left;
margin-top:20px;
margin-bottom:20px;

}

#map{
padding:0;
}

.button2{
padding:5px 10px;
}

.button{
padding:5px 10px;
}
.button2:hover{
padding:5px 10px;
}

.button:hover{
padding:5px 10px;
}
.author-info figure img {
padding:5px;
}


.author-info .info .extra {
  display:none;
}

.author-info {
  float:left;
  margin-bottom:15px;
  margin-left:9px;
  width:260px;
}

.bx-next{
left:195px;
}

.bx-prev{
left:165px;
}



}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	
/************ Blog page ********/

.post figure img{
width:100%;
}
	
	
	aside#sidebar{
	width:100%;
	margin-top:20px;
	}
	
		
	header a.align-left{
	float:left;
	width:100%;
	text-align:center;
	}
	
	.fluid_container{
	height:260px;
	}
	
	
		.recent_post {
		width:auto;
		margin:0;
		}
		.extra {
		display:none;
		}

		.bx-wrapper img {
  border-radius: 4px 4px 4px 4px;
  behavior: url(../js/PIE.htc);
  display: block;
  width: 110%;
  padding:0;
  
  margin:0;
}

.home-blog {
  width:100%;
}

.home-blog .blog-post{
 margin-left:10px;
 margin-bottom:40px;
}

.home-blog .blog-post.first {
margin-left:10px;
}

.container .clients.columns {
  margin-bottom:30px;
 text-align:center;
}

.container .subscribe.columns {
  margin-top:20px;
 text-align:center;
}

footer{
text-align:center;
}

footer ul{
width:100%;
text-align:center;
}


#footer .footer-widget{
margin-top:20px;
margin-bottom:20px;
width:100%;
overflow:hidden;
text-align:center;
}

#footer .footer-widget p{
padding:5px;
}


#footer .footer-widget div{
padding:5px;
}

#footer .footer-widget a.button{
margin-left:40%;

}


.footer-widget .c-info li{
clear:both;
text-align:left;
width:100%;
}
	

#footer .footer-end a.small-logo{
display:none;
}

#footer .footer-end p.align-right{
margin-top:20px;
width:auto;
margin-left:10px;
}



/********** testimonial **********/
#testimonial .bx-wrapper{
margin-left:20%;
}



#testimonial .bx-prev {
  display:block;
}


#testimonial .bx-next {
  display:block;
}


/************ clients and subscribe *************/

	
.clients{
padding:5px;
}
	
.subscribe{
text-align:center;
}

.subscribe .input {
 width:90%;
 margin:10px;

}
	
.subscribe .input input {
width:84%;
}


input.go {
border: 0 none;
float: left;
height: 66px;
margin-left:40%;
clear:both;
}

	
.service-block {
margin-right:0;
margin-bottom:20px;
}
	
.service-block .detail:before {
  left:49%;
}	
	
.pagination a.prev{	
padding:5px 10px;	
display:block;
margin-right:10px;
}
.pagination a.next{	
padding:5px 10px;
display:block;
margin-left:10px;	
}

.pagination{
margin:0 0 20px 0;
float:left;
width:100%;
border-bottom:1px solid #bfbfbf;
}

.pagination a{
display:none;
}

/******** related post **********/
 .related-post {
 width:100%;
 }
 
 .related-post li {
 margin-left:30px;
 }
 
  /************* comment section **********/
  
  .comments {
  margin-bottom:20px;
  }
  
  
  div.comment-box  img {
float:left;
left:0;
}
  .comment-box {
  padding-left:120px;
  }
  
  
  .comment-box.reply .box{
  padding:0;
  background:#fff;
  }
  
  
 div.reply{
  margin-left:10px;
  padding:3px;
  }
   .reply .comment-box{
  background:#fff;
  padding:20px 10px 10px 120px;
  position:relative;
  }
  
  
  .form {
  float: left;
  width: 100%;
}

.form p{
width:98%;
}

.form p input{
width:97%;
}


 .form p.area{
 width:98%;
 padding:5px;
 }
 .form p.area textarea{
width:97%;
}

.form .check {
  float: left;
  width:100%;
text-align:center;
  margin-top: 10px;
  clear:both;
 
}

.form .button.align-right{
float:left;
margin-top:20px;
margin-bottom:20px;

}


/******* portfolio *******/

.sort {
float:left;
width:100%;
}

.sort a{
float:left;
margin-right:10px;
margin-bottom:20px;
font-size:11px;
}


.portfolio-grid li {
  float: left;
  height: 420px;
  margin-left: 15%;
  margin-bottom: 30px;
}



.two.columns,.three.columns,.five.columns,.four.columns ,.six.columns{
margin-bottom:20px;
clear:both;
}

.jta-tweet-list-item {
  float: left;
  width:100%;
  text-align:center;
  height: 30px;
  overflow: hidden;
}


.flickritems {
margin-left:10%;
}
	
	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/