/* Page Navi*/
.wp-pagenavi {padding:0; font-size:11px; clear:both; text-transform:uppercase; font-family: 'Ubuntu', sans-serif, arial;}
.wp-pagenavi .pages{padding-right:10px; font-size:12px}
.wp-pagenavi a, .wp-pagenavi a:visited{padding:4px 10px; margin:0 4px; }
.wp-pagenavi .current{padding:4px 10px; margin:0 4px;}



/* BLOG */
.post{clear:both;}
.post.singlepage{padding-bottom:38px;}
.postimg{ position:relative; margin-bottom:20px;}
.postimg img{display:block;border-top:3px solid #000000}
.posttitle{margin:0 0 0 0}
.posttitle1, .posttitle1 a{font-size:16px; font-weight:400; line-height:24px; margin: 10px 0 5px;color:#000000}
.posttitle, .posttitle a{font-size:18px; font-weight:400; line-height:24px; margin-bottom: 15px;}
.posttitle a:hover{text-decoration:none;}

.entry-text{overflow:hidden;}
.entry-content {margin:0; padding:12px 0 5px 0;}
.entry-content p{ margin-bottom:9px;}

.entry-utility2{float:left; overflow:hidden; text-align:center; margin:5px 30px 28px 0; }
.entry-utility2 span{ display:block; font-family: 'Ubuntu', sans-serif, arial; font-weight:400; text-transform:uppercase; padding-bottom:4px}
.postmonth{ padding:0; font-size:13px;}
.postdate{font-size:18px;}
.postyear{font-size:13px; padding-bottom:0 !important}
.postcomm{font-size:18px; padding-bottom:0 !important}
.postcommtext{font-size:9px; padding-bottom:0 !important}
.entry-date, .entry-comment{padding:10px 14px;}

.entry-utility{padding:0px 0; margin-top:20px; clear:both; font-family: 'Ubuntu', sans-serif, arial; text-transform:uppercase;}
.user, .tag{ float:left; padding:6px 19px;}

div.like, div.like:before{ float:right; border-right:0px!important; padding:6px 20px 0px!important;}

.entry-utility div {

    position: relative;
    z-index: 10;
}
.entry-utility div:before {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

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

#comment h2{font-family:'Ubuntu', Arial;}
.commentlist{
	list-style-type:none;
	padding:0;
	margin:0;
}
.commentlist ol{
	list-style-type:none;
	padding:30px 0 0 65px;
	margin:0;
	
}

.commentlist li{
	position:relative;
	margin:0 0 30px 0;
}
.commentlist li li{
	position:relative;
	padding:0;
}


.avatar-img{
	position:absolute;
	top:20px;
	left:20px;
	padding-bottom:6px;
}
.avatar{display:block}
.fn{font-size:11px; font-family:'Ubuntu', Arial; text-transform:uppercase}

.tdate, .reply{ font-size:11px; font-family:'Ubuntu', Arial; text-transform:uppercase}
.reply a, .reply a:visited{}
.reply a:hover{text-decoration:underline;}
.fn a, .fn a:visited{}

.comment-body{margin:0 0 0 0px; padding:18px; padding-left:100px;}
.comment-body p{ margin-bottom:5px; margin-top:10px;}
.comment-body .more{ padding:0px 0px;}
#commentform {margin-bottom:20px}
#commentform label{display:block}
#commentform .text-input{
	margin-bottom:8px;
	padding:8px 5px;
	vertical-align:middle;
}
#commentform .textarea{
	margin-bottom:20px;
	padding:8px 5px;
	vertical-align:top;
}

/* PORTFOLIO */

/*======= Portfolio Navigation =======*/
#picfr-filter{ float: right;
    margin: -29px 0 20px;
    text-align: center;}
#filter{
	list-style-type:none;
	padding:0px 0px;
	margin:0px;
	float:left;
}
#filter li{list-style-type:none; padding:5px 15px; line-height:20px; float:left;}
#filter li:first-child{border-left:0;}
#filter li:last-child{border-right:0;}
#filter li a, #filter li a:visited{ padding:10px 0px; }
/*======= Portfolio Navigation =======*/


#port-display{position:relative; overflow:hidden; width: 110%;	padding: 0px; list-style-type:none; padding:0; margin:0; clear:both}
#port-display1{position:relative; overflow:hidden; width: 110%;	padding: 0px; list-style-type:none; padding:0; margin:0; clear:both}
#port-display li{position:relative; }
#port-display1 li{position:relative; }
.port_img{position:relative;}
.dcl{clear:both; height:1px !important; line-height:1px !important; float:none!important}
.port_txt{padding:12px 12px 20px 12px; text-align:center}
.port_txt h2{
	font-family: 'Ubuntu', sans-serif, arial; font-size:12px;  margin-bottom:14px;  text-transform:uppercase;
}
.port_txt2{padding:13px 12px 10px; text-align:center}
.port_txt2 h2{
	font-family: 'Ubuntu', sans-serif, arial; font-size:12px;  margin-bottom:0px;   text-transform:uppercase;
}


.port_img{
	overflow:hidden;	
}

.port_img img{
	width:100%;
}


.port_img a.image{
	display:block;
	position:relative;
	overflow:hidden;
}
.port_img .overc{
	background:url(../images/opacity.png) repeat;
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	width:100%; height:100%;
}

.port_img .overc .image{
	background:url(../images/hover-zoom.png)no-repeat center center;
	display:block;
	width:36px; height:36px;
	position:absolute;
	top:42%;
	left:120%;
	margin:0px 0 -16px -16px;
	text-indent:-9999px;
}

.port_img .overc .link{
	background:url(../images/hover-link.png) no-repeat center center;
	display:block;
	width:26px; height:26px;
	position:absolute;
	top:42%;
	left:-20%;
	margin:0px 0 -16px -30px;
	text-indent:-9999px;
}

/*======= Portfolio 2 Item =======*/
.port-display-pf-col-2 li{
	list-style-type:none; 
	padding:0; 
	margin:0px 10px 10px 0; 
	width:465px; 
	float:left;
}

.port-display-pf-col-2 .port_img img{display:block; max-width:100%;}

.port-display-pf-col-2 li.nomargin{margin-right:0 !important;}

.port-display-pf-col-2 .port_img{
	width:465px; 
	height:100%;
}


/*======= Portfolio 4 Item =======*/
.port-display-pf-col-4 li{
	list-style-type:none; 
	padding:0; 
	margin:0 10px 10px 0; 
	width:227px; 
	float:left;
}
.port-display-pf-col-4 .port_img img{display:block; max-width:100%;}

.port-display-pf-col-4 li.nomargin{margin-right:0;}

.port-display-pf-col-4 .port_img{
	width:227px; 
	height:100%;
}



/* ---------------------------- */
/*       Isotope plugin
/* ---------------------------- */

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-o-transition-property: top, left, opacity;
	transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}

/* End: Recommended Isotope styles */
.video{width:100%;height:340px;border:0px}

.pl20{padding-left:20px;}
.flw20{float:left;width:20%;}
.flw48{float:left;width:48%}


/*============================================ Pin style  =================================================*/
#pin-content, #tline-content {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: auto;
}
#tline-content {
    background: url("../images/tline-cnt-bg1.png") repeat-y scroll center center transparent;
    margin: 0 auto;
    width: 890px;
}
.prinrest-itm, .tline-box {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    display: block;
    float: left;
    margin: 10px;
    padding: 12px;
    width: 196px;
}
.prinrest-itm img, .tline-box img, .prinrest-itm iframe, .tline-box iframe {
    max-width: 100%;
}
.prinrest-itm p, .tline-box {
    font-size: 12px;
}
.prinrest-itm h4, .tline-box h4 {
    font-size: 18px;
    font-weight: bold;
}
.prinrest-itm h4 a, .tline-box h4 a {
    color: #434343;
}
.prinrest-itm h4 a:hover, .tline-box h4 a:hover {
    color: #D11E25;
}
.pin-cont h6.blog-author, .tline-ecxt h6.blog-author {
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
}
.pin-cont, .tline-ecxt {
    border-bottom: 1px solid #EFEFEF;
    margin: 0 -12px 8px;
    padding: 0 12px 8px;
}


.scroll-properties .col-home {
    float: left;
}
.row{margin-bottom:15px}
.box1 .six.column, .six.columns {margin-left:0px;}
.box1 {
    height: 390px;
    overflow-x: scroll;
    overflow-y: hidden;
	margin-top:40px;
	margin-bottom:40px;
	margin-left:18px;
}
.scroll-properties {
    width: 1900px;
}
.scroll-properties .container {
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    margin-bottom: 30px;
    padding-bottom: 40px;
    padding-top: 40px;
}
.container-big {
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease-out 0s;
}
.text-big {
    background: none repeat scroll 0 0 #696969;
    color: white;
    font: 14px 'Ubuntu',sans-serif,arial;
    height: 100%;
    position: absolute;
}
.infotexthv {
    padding: 20px;
}
article.text-big {
    bottom: -85%;
    transition: all 0.5s ease-out 0s;
    width: 100%;
}
.container-big:hover article.text-big {
    bottom: -65%;
    opacity: 0.9;
}
.container-big img {
    transition: all 900ms ease-out 0s;
}
.container-big:hover img {
    transform: scale(1.4);
}
.text-big h3 {
    margin: 0;
    padding: 0px;
}
.text-big p {
    color: #fff;
    font-family: arial;
    font-size: 12px;
    height: 60px;
    overflow: hidden;
}
.text-big h3 a {
    color: #FFFFFF;
    font-family: 'Ubuntu',sans-serif,arial;
    font-size: 20px;
    font-weight: 200;
}
.container-small {
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease-out 0s;
}
.text-small {
    background: none repeat scroll 0 0 #696969;
    color: white;
    font: 14px 'Ubuntu',sans-serif,arial;
    height: 100%;
    position: absolute;
}
.text-small .infotexthv {
    padding: 15px;
}
article.text-small p {
    color: #fff;
    font-family: arial;
    font-size: 12px;
    height: 44px;
    overflow: hidden;
}
article.text-small {
    bottom: -68%;
    transition: all 0.9s ease-out 0s;
    width: 100%;
}
.container-small:hover article.text-small {
    bottom: -40%;
    opacity: 0.9;
}
.container-small img {
    transition: all 900ms ease-out 0s;
}
.container-small:hover img {
    transform: scale(1.4);
}
.text-small h3 {
    margin: 0;
    padding: 0;
}
.text-small h3 a {
    color: #FFFFFF;
    font-family: 'Ubuntu',sans-serif,arial;
    font-size: 16px;
    font-weight: 200;
}
.text-big h3 a:hover, .text-small h3 a:hover {
    color: #000000;
}
/* CONTACT */
.map_contact{width:100%; height:285px; margin:0 0 20px 0; border:0px;}
form{margin:0; padding:0;}
fieldset{border:0px;}
#contactform{margin:0 auto; position:relative; }
#contactform label{display:block; width:100%; float:left; padding-bottom:5px;}
span.required{ color:#888;}
span.error{color:red;text-align:left; font-size:11px; padding-bottom:15px; display:block;}
#contactform input.text-input{
	margin-bottom:15px;
	vertical-align:middle;
	width:50%;
	float:left;
	font-style:italic;
	padding:8px
}
#contactform textarea{ width:100%; float:left; font-style:italic} 
#message{ margin-left:0px; font-weight:bold; color:#ff0000}
#message h2	{}
#message p{margin:6px 0px; }
.note{ color:#d45454;}
#contactform .button{
	cursor:pointer;
	margin-top:20px;
	margin-right:7%;
	clear:both;
 }



body {
	color:#666;
	background-color:#fff;
	
}



#mainc {
	/* background:#fff url(../images/pattern.png) repeat; */
	
}

/*============================================== GENERAL SECTION ==============================================*/
.post .entry-content a{color:#444;float:right}
a, .morelink{color:#000000;}
a:hover, a.colortext:hover, .colortext a:hover, .morelink:hover{color:#666}
#logo h1 a, #logo h1 a:visited{color:#444;}
#topright .txt2 strong{color:#303030;}

/* Heading & text */
h1, h2, h3, h4, h5, h6, .title{color:#333333;}
.pagedesc{color:#666;}
#outerteam h1{color:#333333}
/*============================================== HEADER AND MENU SECTION ==============================================*/
#navigation{background:#000000}
.sf-menu a, .sf-menu a:visited{color:#fff;}/* 1st level */
.sf-menu a:hover, .sf-menu li.current > a{color:#fff; background:#d66400}/* 1st level */

.sf-menu > li{border-left:solid 1px #d66400; }

.sf-menu > li:before {
    border-left: 1px solid #000000;
}





/* dropdown */
.sf-menu li li, .sf-menu li li:hover, .sf-menu li li.sfHover{text-transform:capitalize}
.sf-menu li li a, .sf-menu li li a:visited, .sf-menu li li a:hover, sf-menu li.current li a{color:#fff;}
.sf-menu li li:hover{
	background:#bf4904 ;
}
.sf-menu ul{background:#000000}
.sf-with-ul{}
.sf-menu li li {border-bottom:solid 1px #bf4904; border-top:solid 1px #000000}
.sf-menu li li:first-child{  border-top:solid 1px #000000}
.sf-menu li li:last-child{ border-bottom:0}

.tinynav{background:#fff; border:1px solid #eaeaea;}


/*============================================== SLIDER SECTION ==============================================*/
.flex-caption h1{color:#fff}
.flex-caption {color: #bbb;}




/*============================================== CONTENT SECTION ==============================================*/

.box{ background:#f2f2f2 url(../images/pattern3.gif) repeat; clear:both;}

ul.services li h2{ color:#333333;border-bottom: 1px dotted #ddd;
margin-bottom: 0;
padding-bottom: 10px;}
ul.services li a:hover h2{ color:#444;}
ul.services p {margin-top:25px;}
/* Form */
input[type="text"],
textarea, input[type="password"], select{
	border:solid 1px #999;
	color:#888;
}
label{ color:#333;}
span.required{ color:#f00;}
.property{width:92%}
.property-type{width:47%;float:left}
.contract-type{width:47%;float:left}
.bedrooms{width:47%;float:left}
.bedrooms input[type="text"]{width:86%}
.bathrooms input[type="text"]{width:86%}
.bathrooms{width:47%;float:left}
.area {width:47%;float:left}
.area  input[type="text"]{width:86%}
.price  input[type="text"]{width:86%}
.price {width:47%;float:left}
.control-group{margin-bottom:10px;}
.control-group label{font-size:14px;font-weight:700;font-family:'Ubuntu',Tahoma}
h3 span{font-weight:700;color:#000000;margin:15px 0;}
#contactform2 h3 {margin:15px 0;}
.form-required{color:#000000}
div.custom_file_upload {
	height: 20px;
	margin: 40px auto;
}

input.file {
	width: 150px;
	height: 20px;
	border: 1px solid #BBB;
	border-right: 0;
	color: #888;
	padding: 5px;
	outline: none;
}

div.file_upload {
	width: 80px;
	height: 26px;
	background: #000000;
	display: inline;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	padding-top: 6px;
	
}
div.file_upload:before {
	content: 'Upload';
	position: absolute;
	left: 0; right: 0;
	text-align: center;
	font-size:17px;
	cursor: pointer;
	font-family:'Ubuntu',Tahoma;
}

div.file_upload input {
	position: relative;
	height: 30px;
	width: 250px;
	display: inline;
	cursor: pointer;
	opacity: 0;
}
/* Horizontal Line */
hr {
	color:#eaeaea;
	background-color:#eaeaea;
}

.separator.line{background:url(../images/sep.png) no-repeat center center}

/* List */


/* Button */
.button, .button:visited, input[type="submit"]{
	background: #000000;
	color:#fff;
	border:0;
}
.button:hover, input[type="submit"]:hover{
	background: #000000;
	color:#fff;
	border:0;
}

/* Blockquote */
blockquote{color:#333333;}


/* Dropcaps */	
.dropcap1{text-shadow:1px 1px 0 #ededed; color:#000000}
.dropcap2{color:#fff; background:#000000}

/* Highlight */
.highlight1{color:#fff; background:#000000}	
.highlight2{background:#E5E8EA;  border:solid 1px #f7f7f7}
.highlight3{border-bottom:dotted 1px #333333}

/* Code */
code {
	border-left:4px solid #e9e9e9;
}

/* Alert Box */
.notification.error{
	background:#ffeded;
	border:solid 1px #fbc4c4;
	color:#de5959;	
}
.notification.success{
	background:#eff9e6;
	border:solid 1px #b3dc82;
	color:#5f9025;	
}
.notification.warning{
	background:#fbfae4;
	border:solid 1px #ded58a;
	color:#8f872e;	
}
.notification.notice{
	background:#eaf7fe;
	border:solid 1px #b6d7e8;
	color:#5091b2;	
}
		
/* Tabs */
#sidebar ul.tabs li {
	background: #fafafa;
	color:#444;
	border:1px solid #eaeaea;
	border-width:1px 1px 1px 0px;
}
ul.tabs li {
	background: #fafafa;
	color:#444;
	border:1px solid #eaeaea;
	border-width:1px 1px 1px 0px;
}
#sidebar ul.tabs li:first-child{ border-left:1px solid #eaeaea} 
ul.tabs li:first-child{ border-left:1px solid #eaeaea} 

#sidebar ul.tabs li a {color:#444;}
ul.tabs li a {color:#444;}

#sidebar ul.tabs li.active{
	background: #fff; 
	color:#666;
	border-bottom:1px solid #fff;
}

ul.tabs li.active{
	background: #fff; 
	color:#666;
	border-bottom:1px solid #fff;
}

html ul.tabs li.active a{ color:#666; }
#tab-body{}

/* jQuery Toggles */
h2.trigger{color:#444;}
h2.trigger span {color:#444}
h2.active span{color:#666}
#toggle h2.active span{color:#000000}
h2.trigger span:hover {color:#666} 


/* Tables */
th{
	background: #444; /* for non-css3 browsers */
	color:#fff;
	border-bottom: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
}
thead th{border-right: 1px solid #eaeaea!important;}
table {border: 1px solid #eaeaea;border-bottom:0; border-right:0px;}
tr td {border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea;}
tr.odd td {background: #F2F7FC;}



/* Pricing Box */
ul.list-box > li{
	border:solid 1px #e9e9e9;
	border-width:1px 0 1px 1px;
	background:#fff;
 }
ul.list-box li.current{border-right:solid 1px #e9e9e9;}
ul.list-box li.borderright{border-right:solid 1px #e9e9e9; border-left:0;}
ul.list-box li.last{border-width:1px 1px 1px 0px;}
ul.list-box .title-box{
	color:#fff;
	
	background-color: #333333;
    background-image: -moz-linear-gradient(center bottom , #333333 0%, #333333 100%);
}
ul.list-box li.current .title-box{
	color:#fff;
	background-color: #000000;
    background-image: -moz-linear-gradient(center bottom , #000000 0%, #000000 100%);
}
ul.list-box li.current .price-text{
	color:#333333;
	background-color: #f5f5f5;
    background-image: -moz-linear-gradient(center bottom , #f5f5f5 0%, #f5f5f5 100%);
	border-bottom:solid 1px #e9e9e9;
}
ul.list-box li.current .button{ background:#333333;}
ul.list-box li.current .button:hover{ background:#000000;}
ul.list-box .price-text{
	color:#333333;
	background-color: #f5f5f5;
    background-image: -moz-linear-gradient(center bottom , #f5f5f5 0%, #f5f5f5 100%);
	border-bottom:solid 1px #e9e9e9;
}
ul.list-box .price-text .price{color:#333333;}
.list-box-content ul li{
	border-bottom:1px solid #e9e9e9;
}




/* Accordion */
h2.accordion-title{background:#444; color:#fff}
h2.accordion-title.active{background:#666; color:#fff;}


/* Tagcloud */
.tagcloud a{border:solid 1px #f3f3f3;}
.tagcloud a:hover{border:solid 1px #303030; background:#303030; color:#fff !important;}


/*============================================== BLOG SECTION ==============================================*/

.posttitle a, .posttitle a:visited{color:#333333;font-family: 'Ubuntu', sans-serif, arial;}
.posttitle a:hover{color:#666}

.entry-utility2 {
    background:#666;
    color: #fff;
}
.postmonth {
    color: #fff;
}
.entry-comment{ background:#303030;}
.entry-comment a, entry-comment a:visited{color:#fff}

.entry-utility{ color:#b1b1b1; border-bottom:1px solid #eaeaea;  background:#fafafa;}
.entry-utility div{border-right:solid 1px #fff; }
.entry-utility div:before {border-right: 1px solid #eaeaea;}
.entry-utility a, .entry-utility a:visited{}
.entry-utility a:hover{}


.com-line{border-top:1px solid #f2f2f2;}
.tdate, .reply a, .reply a:visited{color:#969696; }
.comment-body{ background:#fff; border:solid 1px #eaeaea}
.fn{color:#444;}

.wp-pagenavi{}
.wp-pagenavi a, .wp-pagenavi a:visited{color:#fff; background:#000000}
.wp-pagenavi .current, .wp-pagenavi a:hover{color:#fff; background:#333333}

/*============================================== PORTFOLIO SECTION ==============================================*/
#filter{
margin-bottom: 8px;
    margin-top: 6px;
	margin-left:-2px;
}
#filter li{
	margin:0 2px;
	color:#000000;
}
#filter li:hover{ color:#fff;
	margin:0 2px;
	color:#000000;
}
#filter li a{ color:#000000;}
#filter li a:hover{ color:#fff;}


#filter li.current,  #filter li:hover{background:#000000}
#filter li.current a{ color:#fff;}
#filter li.current a:hover{ color:#fff;}

.port_txt{border-bottom:solid 1px #eaeaea; background:#fafafa;font-size:14px;}

.port_txt h2 a, .port_txt h2 a:visited{color:#333333;font-size:15px;}
.port_txt h2 a:hover{color:#666;}

.port_txt2{border-bottom:solid 1px #000000; background:#fafafa;font-size:14px;}

.port_txt2 h2 a, .port_txt h2 a:visited{color:#333333;font-size:15px;}
.port_txt2 h2 a:hover{color:#666;}


/*============================================== SIDEBAR SECTION ==============================================*/

#sidebar li li{border-bottom:solid 1px #ededed;}


#sidebar li a, #sidebar li li a{color:#666}
#sidebar li a, #sidebar li li a .buttom{color:#fff}
#sidebar li a:hover, #sidebar li li a:hover, #sidebar li li a.current{color:#444;}

#sidebar li.widget-container:last-child{background:transparent;}

#sidebar ul.flickr li{border:0;}
#sidebar .blog-widget li{border:0;}
#sidebar .blog-widget li h3 a{}
#sidebar .blog-widget .smalldate{color:#a1a1a1;}

#sidebar .morelink{color:#444;}
#sidebar .morelink:hover{color:#666}

.gallery  a .overc{background-color:#000;}


/* Search */
#searchform .bgsearch{background:#fff; border:1px solid #eaeaea;}
.searchbutton[type="submit"]{
	background: #f0f0f0; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f9f9f9,  #f0f0f0); /* for firefox 3.6+ */
	color:#666;
	border-left:1px solid #eaeaea;
}

.searchbutton[type="submit"]:hover{
	background: #f9f9f9; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#f9f9f9'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f9f9f9)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f0f0f0,  #f9f9f9); /* for firefox 3.6+ */
	color:#666;
	border-left:1px solid #eaeaea;
}

/* Tag */
.tags a{border:solid 1px #f0f0f0; color:#888;}
.tags a:hover{background:#f8f8f8; color:#888}



/*============================================== FOOTER SECTION ==============================================*/
#footerc{background:#373737}

#footer{color:#666;}
#footer a, #footer a:visited{color:#444;}
#footer a:hover{color:#666;}


/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 959px) {
	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#mainc{width:100%; margin:0}
	#logo h1{font-size:20px; line-height:20px;}
	
	.sf-menu a{padding:0px 22.3px 0px 17.5px!important;}

	
	/*============================================== CONTENT SECTION ==============================================*/
	.blog-widget li h3{ font-size:11px;}
	
	.box .three.columns{ width: 220px;}
	
	/* pricing box */
	ul.list-box .price{font-size:20px !important;}
	ul.list-box > li{width:185px !important;}
	
	ul#col5.list-box > li{
		width:148px !important;
	}
	ul#col5.list-box li.current{width:150px !important;}
	
	/* list cservices */
	ul.services li{ width:163px;}

	
	/*============================================== PORTFOLIO SECTION ==============================================*/
	
	#picfr-filter{ width:50%;}
	
	/* Portfolio 2 Column */
	.port-display-pf-col-2 li{width:364px;}
	.port-display-pf-col-2 .port_img{
		width:364px;
	}

	
	/* Portfolio 3 Column */
	.port-display-pf-col-3 li{width:242px;}
	.port-display-pf-col-3 .port_img{
		width:242px;
	}

	
	/* Portfolio 4 Column */
	.port-display-pf-col-4 li{width:179px;}
	.port-display-pf-col-4 .port_img{
		width:179px;
	}


	
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#mainc{width:100%; margin:0}
	#header-section{height:177px;}
	
	/*============================================== HEADER SECTION ==============================================*/
	#logo{text-align:center; float:none; display:block;height:69px}
	#logo img{ max-width:100%}
	
	#sn{ float:none;}
	
	#navigation{text-align:center; clear:both; height:auto; background:transparent;margin-top:-5px;}
	.sf-menu a{background:transparent !important; border:0 !important;}
	.sf-menu > li{border:0 !important; display:none;}
	nav{margin:0 0 0px 0; float:none; }
	.js .tinynav { display: block; display: inline-block; text-align:left ; margin:0 0 0 0; width:100%}/* mobile dropdown */
    .js #topnav { display: none }
	
	#topright{float:none; padding:0 0 20px 0; text-align:center !important; font-size:12px; width:100%; clear:both; display:block}
	
		
	/*============================================== SLIDER SECTION ==============================================*/
	#slidercontainer{ margin-top:0px;}
	#slider{ background:transparent}
	.flexslider .slides img{position:static; right:0;}
	.flex-caption{width:50%; top:10%;}
	.flex-caption h1{font-size:16px; line-height:20px; margin-bottom:5px;}
	.flex-caption p{ font-size:11px;}
	.flex-control-nav{ bottom:0px;}
	
	/*============================================== CONTENT SECTION ==============================================*/
	#inner_cont{padding:20px 0 20px 0;}
	#content.positionright, #content.positionleft{background:transparent;}
	.padcontent{padding-right:0;}
	#content.positionright .padcontent{padding-left:0; padding-right:0}
	
	.box{ padding:38px 20px 38px 20px;}
	.box .seven.columns, .box .three.columns{ width:100%;}
	
	.tabcontainer{margin-bottom:20px;}
	ul.tabs{height:auto;}
	ul.tabs li{font-size:12px; display:block; float:none; overflow:visible; height:auto; border:1px solid #eaeaea; border-width:0px 1px 1px 1px}
	ul.tabs li:first-child{ border-top:1px solid #eaeaea;}
	ul.tabs li.active{border-bottom:1px solid #eaeaea;}
	ul.tabs li a{text-transform:capitalize;}
	h2.trigger{font-size:12px;}
	
	/* pricing box */
	ul.list-box > li{margin-bottom:20px; width:100% !important; border-width:1px; border-radius:3px;}
	ul.list-box li.current{margin-top:0;}
	ul.list-box li.last{border-width:1px}
	
	/* list client */
	ul.services li{ width:391px; margin-bottom:15px;}
	
	
		
	/*============================================== BLOG SECTION ==============================================*/
	.post{padding-bottom:30px; margin-bottom:30px;}
	.posttitle{margin-bottom:5px;}
	.wp-pagenavi{margin-bottom:30px;}
	
	/*============================================== SIDEBAR SECTION ==============================================*/
	#sidebar .widget-container{margin-bottom:20px; padding-bottom:20px;}
	.testimonial-widget .quote{padding:15px 0 0 0;}
	
	
	/*============================================== PORTFOLIO SECTION ==============================================*/
	#picfr-filter{ width:90%; margin-top:6px;}

	
	/* Portfolio 2 Column */
	.port-display-pf-col-2 li{width:300px;}
	.port-display-pf-col-2 .port_img{
		width:300px;
	}

	
	/* Portfolio 3 Column */
	.port-display-pf-col-3 li{width:300px;}
	.port-display-pf-col-3 .port_img{
		width:300px;
	}

	
	/* Portfolio 4 Column */
	.port-display-pf-col-4 li{width:300px;}
	.port-display-pf-col-4 .port_img{
		width:300px;
	}
	
	#contactform textarea{ width:100%;}
	
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#mainc{width:100%;}

	#pagetitle-button{width:74%}
	#pagetitle-container{width:91%}
	/*============================================== PORTFOLIO SECTION ==============================================*/
	
	/* Portfolio 2 Column */
	.port-display-pf-col-2 li{width:420px;}
	.port-display-pf-col-2 .port_img{
		width:420px;
	}

	
	/* Portfolio 3 Column */
	.port-display-pf-col-3 li{width:420px;}
	.port-display-pf-col-3 .port_img{
		width:420px;
	}

	
	
	/* Portfolio 4 Column */
	.port-display-pf-col-4 li{width:420px;}
	.port-display-pf-col-4 .port_img{
		width:420px;
	}



	
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#mainc{width:100%;}
	
	/*============================================== SLIDER SECTION ==============================================*/
	
	.flex-caption{ display:none;}
	
	#pagetitle-button{width:83%}
	#pagetitle-container{width:92%}
	/*============================================== BLOG SECTION ==============================================*/
	.commentlist ol{padding-left:20px;}
	.comment-body{margin:0;}
	
	/* list cservices */
	ul.services li{ width:300px; border:0px; padding:0px;}
	
	/*============================================== PORTFOLIO SECTION ==============================================*/
	#picfr-filter{ width:100%; margin-top:0px;}
	#filter{ border:0px; float:none;}
	#filter li{ border:1px solid #eaeaea; float:none; display:inline-block; margin:0px 1px 5px 1px;}
	#filter li:first-child{border-left:1px solid #eaeaea;}
	#filter li:last-child{border-right:1px solid #eaeaea;}
}