/*

Theme Name: Porch

Theme URI: http://wordpress.org/themes/twentytwelve

Author: the WordPress team

Author URI: http://wordpress.org/

Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.

Version: 1.3

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

Text Domain: twentytwelve



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



/* =Notes

--------------------------------------------------------------

This stylesheet uses rem values with a pixel fallback. The rem

values (and line heights) are calculated using two variables:



$rembase:     14;

$line-height: 24;



---------- Examples



* Use a pixel value with a rem fallback for font-size, padding, margins, etc.

	padding: 5px 0;

	padding: 0.357142857rem 0; (5 / $rembase)



* Set a font-size and then set a line-height based on the font-size

	font-size: 16px

	font-size: 1.142857143rem; (16 / $rembase)

	line-height: 1.5; ($line-height / 16)



---------- Vertical spacing



Vertical spacing between most elements should use 24px or 48px

to maintain vertical rhythm:



.my-new-div {

	margin: 24px 0;

	margin: 1.714285714rem 0; ( 24 / $rembase )

}



---------- Further reading



http://snook.ca/archives/html_and_css/font-size-with-rem

http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/





/* =Reset

-------------------------------------------------------------- */



.logo{ z-index: 100;}

.navbar-collapse ul li{ text-transform: uppercase;}

 .bx-wrapper .bx-prev{background:url(images/prev.png) no-repeat;}

 .bx-wrapper .bx-next{background:url(images/next_banner.png) no-repeat;}

 .bx-wrapper .bx-controls-direction a{height:46px;}

 

.bx-pager-link active{opacity:0.5;} 

.bx-pager-link{opacity:0.3;}



.sidebar .widget-title{display:none;}

.sidebar .textwidget{margin-bottom: 20px;

    margin-left: 0px;

    margin-right: 0px;

    margin-top: 20px;}

.reinitial_btn input{background:none;border:none;color:#fff;}	

.send-msg_btn input{background:none;border:none;color:#fff;text-indent:-12px;}	

.ajax-loader{display:none;}



/*------------5-2-2014-------------*/

.post_content p{float:left;margin:1em 0;color:#737373;font-size:0.8em;}

.wpcf7-response-output{width:45%;}



.blog_content #comments{clear:both;width:100%;padding:5px;}

.blog_content #comments h3{margin-left:8px;}

.form-allowed-tags{display:none;}

ol.commentlist{padding-left:7px;margin-left:11px;}

.comment-author{ margin-bottom: 7px;

    margin-left: -16px;}

.comment-author img{margin-bottom:0px;}	

.hourly_rate .btn h2{font-family: 'open_sansregular' !important;}

.dry_hire .btn h2{font-family: 'open_sansregular' !important;}

.studio_hire .btn h2{font-family: 'open_sansregular' !important;}

.our_work p{font-family: 'BreeSerifRegular';text-align:justify;}

.contact_us p{font-family: 'BreeSerifRegular';color:#585858;}

.contact_us p a{color:#585858;}

footer p{font-family: 'BreeSerifRegular';}



.navbar-default .navbar-nav > li > a{margin: 0px -10px 0px 25px;}

.mobile .video1 { padding-left:0px; }

.desktop .our_blog .col-xs-3 { padding-left:0px; padding-right:25px; }

.our_blog .col-xs-12 { padding-left:0px; padding-right:10px; }

.our_blog .col-xs-9 { padding-left:0px; padding-right:10px; }

.video1 .mobile .col-xs-12 { padding-left:0px; }

.mobile .video1 { padding-top:1em; }

.mobile .about_text1 .col-xs-12  { border:1px solid #ececec; }

.about12 { border:1px solid #ececec; margin-bottom:20px; padding:10px;background:#fafafa; }

.mobile .video { width:100%; border:none;}





/*----------6-2-2014---------------*/

.about12 h2{font-size: 18px;

    padding-bottom: 0;

    padding-left: 0;

    padding-right: 1em;

    padding-top: 0;color:#626262;font-family: 'BreeSerifRegular';}

.about12 p{color:#626262;}	

.desktop .video{margin-left:-15px;}	

.about_text p{ padding-top: 58px !important; line-height: 20px;}

.home_blog{width:32.333%;}

.desktop .our_blog{width:95%;}

.desktop .our_work{padding-left:0;}

.desktop .contact_us{padding-left: 1em;}



.people .sub_tittle .desktop p{margin-left:1em;font-family: 'helveticaneuebold';color: #595959;}



.desktop .people_content{ margin-left: 1em;

    margin-right: 1em;}

	

.facilities_top-text .desktop p{ margin-left: 1em;

    margin-right: 1em;color:#626262;}

	

.facilities_top-text .mobile p{color:#626262;}	



 .desktop .facilities_content{margin-left: 1em;

    margin-right: 1em;width:97%;}

	.desktop .facilities_content img{margin-left:-1em}

	

	.desktop .facilities_content p{line-height: 15px;margin-left: -20px;font-family: 'open_sansregular';margin-top:19px;color:#626262;}

	.desktop .facilities_content b{font-family: 'open_sansbold';font-weight:normal;}

	

	.sidebar{margin-left:-1em;}

	

	.desktop .contact_form{margin-left:1em;width:47%;}

	

.my_facilities p{font-family:'open_sansregular';font-weight:normal;color:#595959;}	



.my_comment i{font-family: 'robotoitalic';font-style:normal;}



.blog_content h4{ margin-bottom: 5em;text-transform:uppercase;}



.wpcf7 label{font-family: 'open_sansbold';font-weight:normal;}



.desktop .contact_text{float: right;

width: 77%;}



.wp-pagenavi{  float: right;

    margin-bottom: 2em;

    margin-left: 1em;

    margin-right: 1em;

    margin-top: 2em;}

	

.wp-pagenavi .pages{display:none;}	

.wp-pagenavi span.current{font-family: 'open_sanssemibold';

color: #fff;

background: #000;

font-weight: normal!important;

padding: 2px 8px;

border-radius: 4px;}

.wp-pagenavi a.page{font-family: 'open_sanssemibold';

color: #818181;

padding: 3px 9px;

border-radius: 4px;border: 1px solid #cdcdcd;}

.wp-pagenavi a.nextpostslink{

padding: 6px 10px;

border-radius: 4px;

background: #e8643e;

border: none;color:#fff;}



.wp-pagenavi a.previouspostslink{padding: 6px 10px;

border-radius: 4px;

background: #e8643e;

border: none;color:#fff;}



.mobile .contact_text{margin-bottom:30px;}

.mobile .wpcf7{   border-top:2px solid #e5e5e5;

    padding-top: 30px;}



.recent_post .post_content .img_text a{color:#7ab426;text-decoration:none;}

.sidebar .form-control{background:url(images/zoom_img.png) no-repeat left;border:1px solid #f3f3f3;background-position:7px 6px;text-indent:6px;}





/*-------------7-2-2014--------------------*/

.mobile .video{width:100%;}
 
.video1 .mobile .col-xs-12,.video1 .mobile .col-md-5{padding-right:0px;}

.mobile .video iframe{width:100%;}

.mobile .facilities_content p{margin-bottom:1.5em;color:#626262;}



.mob_facilities p{color: #595959;

    font-family: 'open_sansregular';

    font-weight: normal;}

	

.mobile .facilities_content b {

    font-family: 'open_sansbold';

    font-weight: normal;

}

.mobile .facilities_content p {

    color: #626262;

    font-family: 'open_sansregular';

}	



.navbar-collapse.in{  overflow-y: inherit;}



.mobile .our_work p{color:#585858;font-family:'Myriad Pro';}

.mobile .our_work a{float:left;}
.mobile .video iframe{height:359px;}

.mobile .video{margin-bottom:9em;}
.mobile_pricing div.col-xs-8{margin-bottom:2em;}

.price{padding:0;}
.desktop_pricing .price{padding-top: 30px;}

.bx-viewport{position:static !important}

.my_people .desktop{margin-bottom: 10em;
float: left;}
.my_people .sub_tittle .desktop{margin-bottom:2em;}
.my_people img.desktop{margin-bottom:0em;}

.mobile .people_content .col-xs-4{padding:0px 6px 0px 0px}
.mobile .people_content{margin-bottom:0em;}

.blog_content .desktop h4{padding-bottom: 2em;
border-bottom: 1px solid #f1f1f1;
margin-bottom: 0px;}
.blog_content img.desktop{padding-top: 24px;
margin-left: -6px;
padding-bottom: 14px;}

.blog_content .desktop .col-md-8{width: 66%;
padding: 21px 0px 0px 0px;
margin-left: -11px;}
.blog_content .mobile h4{margin-bottom:2em;}

.active_price{  margin:-1.5em 0;z-index:99;}
.active_price .tag_bottom .btn{padding:2em 0;}


/*---------8-2-2014----------*/
/* all */
.sidebar input::-webkit-input-placeholder { color:#dadada; }
.sidebar input::-moz-placeholder { color:#dadada; } /* firefox 19+ */
.sidebar input:-ms-input-placeholder { color:#dadada; } /* ie */
.sidebar input:-moz-placeholder { color:#dadada; }

div.wpcf7-validation-errors{     clear: both;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: -0.5em;
    margin-top: 2em;
    padding-bottom: 0.2em;
    padding-left: 19px;
    padding-right: 0;
    padding-top: 0.2em;
    position: absolute;
    top: -80px;
    width: 100%;}
	
.wpcf7-form{position:relative;}	
.desktop div.wpcf7{margin-top:47px;}
.form-control:focus{border:1px solid red;box-shadow:none;}
.desktop .contact_detail p{margin-bottom:0px;}

.desktop .contact_us p a{text-decoration:none;}

@media screen and (min-width: 240px) and (max-width: 310px){
	.mobile_pricing .middle-text div{width: 70px;
margin: 0px -15px;font-size:15px;}
	
}