/*
Theme Name: Porto
Theme URI: http://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: http://www.portotheme.com/
Description: Porto Responsive Wordpress + eCommerce Theme.
Version: 5.4.0
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: porto
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

.bypostauthor { display: block; }
.web-price-btn,.price-tan-top{display: none;}
.price-zhe-bg{display: none;
	transition: all 0.8s;
	-ms-transform: all 0.8s;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
}
@media screen and (max-width: 991px) {
.portfolio-single-div,.column2-left-sidebar .main-content-wrap{flex-direction: column-reverse;    padding-top: 35px;}
.column2-left-sidebar .main-content-wrap .left-sidebar{ padding-bottom: 0;}
body .header-xunjia-div .price-shuzi{ margin-left: 0; margin-bottom: 10px; width: 100%;}
body .header-xunjia-div.right-gs{  top: auto !important; bottom: 0; width: 100%; left: 0 !important;}
body .anwei-form-div{ display: block;}
body .anwei-form-div .title{ text-align: left; width: auto; margin-bottom: 10px;
    display: inline-block;}
body .anwei-form-div .laber-div{ margin: 0 5px; margin-bottom: 10px;}
body .anwei-form-div .form-nr{  flex-wrap: wrap; margin: 0 -5px;}
body .new-work .form-li .form-file .file-div{ display: block;}
body .new-work .form-li .form-file .file-div .file-txt{ margin-left: 0;}
body .new-work .form-li .form-file .file-div .file-btn{ display: inline-block; margin-bottom: 5px;}
body .work-div .work-right{
	position: absolute; top: 100px;
}
body .work-search{ margin-bottom: 160px;}
.web-price-btn{display: block;}

body .header-xunjia-div .price-foot{ 
	display: block; visibility: hidden; opacity: 0;
	width: 90%;
	position: fixed;
	height: auto;
	padding: 20px;
	    padding-top: 10px;
	box-sizing: border-box;
	background-color: #fff;
	transition: all 0.8s;
	-ms-transform: all 0.8s;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	box-shadow: 1px 1px 4px 0px #CAC9C9;
	-webkit-box-shadow: 1px 1px 4px 0px #CAC9C9;
	-moz-box-shadow: 1px 1px 4px 0px #CAC9C9;
}
 .header-xunjia-div .price-zhe-bg{
    position: fixed;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
	visibility: hidden;
	opacity: 0;
}
.header-xunjia-div .price-zhe-bg.xsl{
	z-index: 99;
	visibility: initial;
	opacity: 1;
}
#tan-price-btn,.price-tan-top #close-btn{height: 30px;
    display: block;
    line-height: 30px;
    padding: 0 15px;
    color: #0088CC;
    background-color: #fff;
    border-radius: 4px;
    justify-self: flex-end;
    margin-left: auto;}

body .header-xunjia-div .price-foot.xsl{
	z-index: 100;
	visibility: initial;
	opacity: 1;
	
}
.web-price-btn .price-shuzi{ margin-bottom: 0 !important;}
.price-tan-top{ display: flex; justify-content: space-between; padding: 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
.price-tan-top .title{ color: #000;
    font-size: 20px;line-height: 30px;}
.price-tan-top #close-btn{
	color:#fff;
	background-color:  #0088CC;
}
body.single.single-calculator{ padding-bottom: 50px;}
}