/*
Theme Name: 	Betheme Child
Theme URI: 		http://themes.muffingroup.com/betheme
Author: 		Muffin group
Author URI: 	http://muffingroup.com
Description:	Child Theme for Betheme - Premium WordPress Theme
Template:		betheme
Version: 		1.6
*/

/* Theme customization starts here
-------------------------------------------------------------- */

::after, ::before {
    box-sizing: border-box;
}

* {
    box-sizing: border-box;
}

#WC_SizeEstimator .col.calc .header {
    margin-right: 7px;
}

a, #logo img {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#logo img:hover {
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
}
.header-stack #Top_bar .logo {
    padding: 0;
}
.header-magazine #Top_bar .banner_wrapper a {
    display: initial;
}
.header-magazine #Top_bar .banner_wrapper a:hover {
    color: #3d58b9;
}
@media only screen and (max-width: 969px) {
.menuo-right.header-stack:not(.header-center) #Top_bar .menu_wrapper {
    background-color: initial;
}
#text-12 img {
	width:80%;
}
}
@media only screen and (max-width: 767px) {
#text-12 img {
	width:initial;
}
}
@media only screen and (max-width: 360px) {
#text-12 img {
	width:80%;
}
}

/*========================================================================================================================*/
/*========================================================================================================================*/

.wc_wrapper {
	background: #fff;
	max-width: 1200px;
	width: 96%;
	margin: 0 auto;
	padding: 2%;
	min-height: 400px;
	overflow: hidden;
	font-size: 14px;
}
#WC_SizeEstimator {
    margin: 16px auto;
    margin-left: -5px;
    margin-right: -5px;
}
@media only screen and (min-width: 720px) {
	#WC_SizeEstimator .col.rooms {
	width: 33.33333333%;
	float: left;
}
}
#WC_SizeEstimator .col.rooms {
	/*min-height: 1px;*/
	position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
	/*padding-bottom: 20px;
	position: relative;
	*/
}

#WC_SizeEstimator .col {
    padding-bottom: 30px;
}

#WC_SizeEstimator .col.rooms .header::before {
    display: none;
}

#WC_SizeEstimator .col.items .header::after {
    display: none;
}

#WC_SizeEstimator .header::before {
content: "";
display: block;
width: 0;
height: 0;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
border-left: 20px solid #fff;
position: absolute;
left: 0;
top: 0;
}

#WC_SizeEstimator.grey .header {
    background: #9c9c9c;
}

#WC_SizeEstimator .col.items .header {
    padding-left: 32px;
}

#WC_SizeEstimator .header {
    background: #d10028;
    font-size: 24px;
    color: #fff;
    padding: 8px 16px;
    line-height: 1.4;
    position: relative;
    margin-bottom: 10px;
}

#WC_SizeEstimator.col.calc .header {
    margin-right: 7px;
}

#WC_SizeEstimator.grey .header::after {
    border-left-color: #9c9c9c;
}

.wc_wrapper ol {
	padding-left: 20px;
}
#WC_SizeEstimator .header span {
	font-weight: 500;
	margin-right: 10px;
	position: relative;
	top: 1px;
}
.ng-pristine.qty {
	padding: 5px;
	width: 60px;
	margin-bottom: 0;
}
#WC_SizeEstimator .header::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 20px solid #d10028;
    position: absolute;
    right: -20px;
    top: 0;
    z-index: 1;
}
.total.estimated {
	font-size: 18px;
}
#WC_SizeEstimator .col.items {
	float: left;
	width: 66.66666667%;
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
}
#WC_SizeEstimator .col.rooms .clc-sidebar {
	border: solid 1px #e3e3e3;
	padding: 10px 10px 0 10px;
	text-align: center;
	overflow: hidden;
}
#WC_SizeEstimator .col.items .category {
	border: 1px solid #e3e3e3;
	padding: 10px;
}
#WC_SizeEstimator .col.rooms .clc-sidebar .item {
	display: block;
	width: 100%;
	text-align: left;
	vertical-align: top;
}
#WC_SizeEstimator .col.rooms .clc-sidebar a {
	background: #f2f2f2;
	border: 2px solid transparent;
	color: #888888;
	display: block;
	line-height: 1.4;
	padding: 6px 16px 0;
	text-decoration: none;
	min-height: 81px;
	position: relative;
	font-size: 18px;
}
.clc-sidebar .lbl.ng-binding {
	min-height: 65px;
}
.btn, a {
	transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
#WC_SizeEstimator .col.rooms .clc-sidebar .item .size {
	line-height: 1.4;
	padding: 8px 16px 0;
	pointer-events: none;
	float: right;
}
.bottom_row {
	overflow: hidden;
	width: 99%;
	margin-top: 10px;
}
#WC_SizeEstimator .col.calc .total {
	color: #fff;
	font-weight: 500;
	background: #ff4e00;
	padding: 10px 15px;
	font-size: 16px;
}
#WC_SizeEstimator .col.calc .display {
	margin: 10px;
	text-align: left;
	float: left;
}
#WC_SizeEstimator .col.calc .display span {
	display: inline-block;
	margin-right: 7px;
}
#WC_SizeEstimator .col.calc .display input {
	vertical-align: middle;
}
input[type="checkbox"], input[type="radio"] {
	line-height: normal;
	margin: 4px 0 0;
}
#WC_SizeEstimator .category .orange-bar {
	background: #ff4e00;
	line-height: 1.4;
	margin-bottom: 7px;
	padding: 8px 16px;
}
#WC_SizeEstimator .category .orange-bar span {
	color: #fff;
}
a.btnDelete.hidden, a.btnDelete.hidden2 {
	display: none;
}
#WC_SizeEstimator .category .orange-bar a.btnDelete::after {
	background: rgba(0, 0, 0, 0) url("images/ico_delete.png") no-repeat scroll right center;
	content: "";
	height: 25px;
	margin-top: -14px;
	position: absolute;
	right: 0;
	top: 50%;
	width: 25px;
}
#WC_SizeEstimator .category .orange-bar a.btnDelete {
	color: #fff;
	float: right;
	font-style: italic;
	padding-right: 34px;
	position: relative;
	text-decoration: none;
}
#WC_SizeEstimator .col.items .list-item .item:nth-child(1) {
	border-top: medium none;
	padding-top: 0;
}
#WC_SizeEstimator .col.items .list-item .item {
	border-top: 1px solid #e3e3e3;
	float: left;
	line-height: 1.1;
	margin: 10px 1% 0;
	overflow: hidden;
	padding-top: 10px;
	width: 48%;
}
.category.left-col .list-item .item {
	border-top: 1px solid #e3e3e3;
	float: left;
	line-height: 1.1;
	overflow: hidden;
	padding: 10px 0;
	margin: 0 2% !important;
	width: 96%;
}
#WC_SizeEstimator .col.items .list-item .item:nth-child(2) {
	border-top: medium none;
	padding-top: 0;
}
#WC_SizeEstimator .col.items .list-item .item img, .category.left-col .list-item .item img {
	vertical-align: middle;
	width: 60px;
}
#WC_SizeEstimator .col.items .list-item .item img + .lbl {
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
}
#WC_SizeEstimator .col.items .list-item .item .stepper {
	display: inline-block;
	font-size: 0;
	float: right;
	padding: 6px 0;
	margin-left: 5px;
	vertical-align: middle;
}
#WC_SizeEstimator .col.items .list-item .item .stepper a.btnMin {
	background: #cdcdcd url("images/minus.png") no-repeat scroll center center;
}
#WC_SizeEstimator .col.items .list-item .item .stepper a {
	display: inline-block;
	font-size: 16px;
	height: 23px;
	vertical-align: middle;
	width: 23px;
}
.btn, a {
	transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
#WC_SizeEstimator .col.items .list-item .item.active .stepper input[type="text"], #WC_SizeEstimator .stepper input[type="text"]:focus {
	color: #292b2c;
}
.stepper input[type="text"]:focus, .stepper input[type="text"]:hover, .stepper:hover input[type="text"] {
	border: 1px solid #cdcdcd;
}
.stepper input[type="text"] {
	border-radius: 0;
	border: solid 1px #fff;
	color: #9a9a9a;
	display: inline-block;
	font-size: 15px;
	height: auto;
	margin: 0 2px;
	outline: 0 none;
	padding: 2px 0;
	text-align: center;
	vertical-align: middle;
	width: 29px;
}
#WC_SizeEstimator .col.items .list-item {
	overflow: hidden;
}
#WC_SizeEstimator .col.items .list-item .item .stepper a.btnPlus {
	background: #cdcdcd url("images/plus.png") no-repeat scroll center center;
}
#WC_SizeEstimator .col.rooms .clc-sidebar a.active {
	border: 2px solid #ff4e00;
	background: #f2f2f2;
	color: #888888;
}

.size.ft2s, .size.mt2s {
	position: relative;
	top: -8px;
}
.category.hidden.active {
	display: block;
}
.category.hidden {
	display: none;
}
.wc-total {
	float: right;
}
.mt2s {
	display: none;
}
.display label {
	display: inline-block;
	position: relative;
	top: 3px;
}
.quote_frm {
	float: right;
	margin: 0 0 20px;
	max-width: 100%;
}
.quote_frm .wpcf7-not-valid-tip {
	background: none !important;
	border: none !important;
	height: auto !important;
	left: auto !important;
	overflow: hidden;
	position: relative !important;
	text-indent: 1px !important;
	top: auto !important;
	width: auto !important;
}
.quote_frm .wpcf7-validation-errors {
	display: block !important;
}
.quote_frm textarea {
	height: 100px;
	resize: none;
}
.left-col {
	display: none !important;
}
.wc_wrapper li {
	font-size: 18px;
	line-height: 32px;
}
.quote-form-title {
	background: #9C9C9C;
	line-height: 1.25;
	padding: 10px 15px;
	font-size: 24px;
	color: #fff;
	border: 1px solid #9C9C9C;
}
.quote-frm {
	display: inline-block;
	width: 96%;
	padding: 2%;
	background: #EEEEEE;
	border: 1px solid #EEEEEE;
}
.quote-frm-rows {
	float: left;
	width: 100%;
}
.quote-frm-row-l {
	float: left;
	width: 48%;
}
.quote-frm-rows .lbl {
	margin-bottom: 5px;
	font-size: 15px;
}
.quote-frm-row-r {
	float: right;
	width: 48%;
}
.quote-frm-rows .wc-field input[type="submit"] {
	text-transform: uppercase;
	font-size: 14px;
}

.total.estimated {
	float: right;
}
.header_inner {
	float: left;
}
.item-background > div {
	padding: 5px;
}
/*========================================================================================================================*/
@media only screen and (max-width: 1023px) {
#WC_SizeEstimator .col.items .list-item .item, #WC_SizeEstimator .col.items .list-item .item:nth-child(1), #WC_SizeEstimator .col.items .list-item .item:nth-child(2) {
	width: 100%;
	margin: 0;
	padding: 10px 0;
}
#WC_SizeEstimator .col.items .list-item .item:nth-child(2) {
	border-top: 1px solid #e3e3e3;
}
}
 @media only screen and (max-width: 767px) {
.quote-frm-row-l, .quote-frm-row-r {
	width: 100%;
}
#WC_SizeEstimator .col.rooms .clc-sidebar .item {
	width: 100%;
	margin: 5px 0;
}
#WC_SizeEstimator .col.rooms .clc-sidebar a {
	padding: 6px 8px;
}
.total.estimated {
	font-size: 14px;
}
#WC_SizeEstimator .col.calc .total {
	margin-bottom: 15px;
	padding: 10px 2%;
	width: 96%;
	text-align:left;
}
.quote-form-title, #WC_SizeEstimator .header {
	font-size: 10px;
}
#WC_SizeEstimator .col.rooms .clc-sidebar a {
	min-height:inherit;
}
.clc-sidebar .lbl.ng-binding{ min-height:inherit; padding-bottom:15px;}
.wc_wrapper h3 {
	font-size: 18px;
}
.wc_wrapper li {
	font-size: 14px;
}
.total.estimated {
	float: left;
	width: 100%;
	padding-top: 10px;
}
}

@media only screen and (min-width:768px) {
	.sticky-white #Top_bar.is-sticky .menu>li:not(.current-menu-item)>a {
  color:#fff;
 }
	.sticky-white #Top_bar.is-sticky {
		background-color: #FF4E00;
	}
}