@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVc.ttf) format('truetype');
}

/* ==========================================================================
	#Reset
========================================================================== */
.sectionMakeOffer * { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

/* ==========================================================================
	#Basic
========================================================================== */
.sectionMakeOffer a { text-decoration: none; cursor: pointer; }
.sectionMakeOffer a:hover { text-decoration: underline; }

.sectionMakeOffer,
.sectionMakeOffer input,
.sectionMakeOffer select,
.sectionMakeOffer textarea { font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 1.2; color: #686966; }
.sectionMakeOffer textarea { overflow: auto; resize: none; }

/* ==========================================================================
	#Helpers
========================================================================== */
.sectionMakeOffer .alignleft { float: left; }
.sectionMakeOffer .alignright { float: right; }

.sectionMakeOffer .clearfix:before,
.sectionMakeOffer .clearfix:after { display: table; content: ''; }
.sectionMakeOffer .clearfix:after { clear: both; }
.sectionMakeOffer .clearfix { *zoom: 1; }

/* ==========================================================================
	#General
========================================================================== */
.sectionMakeOffer input[type="text"],
.sectionMakeOffer input[type="email"],
.sectionMakeOffer input[type="submit"],
.sectionMakeOffer input[type="button"],
.sectionMakeOffer textarea,
.sectionMakeOffer select {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
.sectionMakeOffer button { background: none; }

/* ==========================================================================
   #Transitions
========================================================================== */
.sectionMakeOffer .btn,
.sectionMakeOffer,
.sectionMakeOffer .sectionBody { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }

/* ==========================================================================
	#Icons
========================================================================== */
.sectionMakeOffer .ico { display: inline-block; background: url(https://demo.phpjabbers.com/scripts/make-an-offer-widget/app/web/img/frontend/sprite.png) no-repeat 0 0; vertical-align: middle; }
.sectionMakeOffer .icoPhoneRounded { width: 32px; height: 32px; background-position: -2px -2px; }

.sectionMakeOffer .icoPhoneRoundedGreen { width: 34px; height: 34px; background-position: -61px -1px; }

/* ==========================================================================
	#Buttons
========================================================================== */
.sectionMakeOffer .btn { display: inline-block; vertical-align: middle; cursor: pointer; }
.sectionMakeOffer .btn:hover { text-decoration: none; }
.sectionMakeOffer .btnFull { display: block; }

.sectionMakeOffer .btnMakeOffer,
.sectionMakeOffer .btnForm { position: relative; overflow: hidden; background: #8bc34a; font-size: 13px; color: #fff; font-weight: 700; text-transform: uppercase; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.sectionMakeOffer .btnMakeOffer:before,
.sectionMakeOffer .btnForm:before { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: -1; background: #72ac2f; content: ""; -webkit-transform: scaleY(.05); transform: scaleY(.05); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.sectionMakeOffer .btnMakeOffer:hover:before,
.sectionMakeOffer .btnForm:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

.sectionMakeOffer .btnMakeOffer { height: 54px; padding: 0 45px 0 15px; line-height: 54px; border-radius: 7px 0 0 7px; }
.sectionMakeOffer .btnMakeOffer .icoPhoneRounded { position: absolute; top: 50%; right: 10px; margin-top: -16px; }

.sectionMakeOffer .btnForm { width: 100%; height: 47px; border: 0; line-height: 44px; text-align: center; border-radius: 7px; }

.sectionMakeOffer .btnLink { position: relative; overflow: hidden; padding-bottom: 2px; font-size: 13px; line-height: 1.2; color: #9d9e9c; text-transform: capitalize; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; }
.sectionMakeOffer .btnLink:after { position: absolute; bottom: 0; right: 50%; left: 50%; z-index: -1; height: 1px; background: #9d9e9c; content: ""; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.sectionMakeOffer .btnLink:hover:after { right: 0; left: 0; }

.sectionMakeOffer .btnClose { width: 24px; height: 24px; border: 1px solid #101010; background: #fff url(https://demo.phpjabbers.com/scripts/make-an-offer-widget/app/web/img/frontend/sprite.png) no-repeat -134px 2px; border-radius: 50%; opacity: .36; }
.sectionMakeOffer .btnClose:hover { opacity: 1; }

/* ==========================================================================
	#sectionMakeOffer
========================================================================== */
.sectionMakeOffer { position: fixed; top: 0; right: 0; width: 190px; height: 100%; max-height: 100%; }
.sectionMakeOffer .sectionInner { height: 100%; max-height: 100%; padding-bottom: 100px; }
.sectionMakeOffer .sectionHead { padding-top: 30px; }
.sectionMakeOffer .sectionBody { height: 100%; max-height: 100%; margin-right: -300px; opacity: 0; }
.sectionMakeOfferStepOne .sectionBody { margin-right: 0; opacity: 1; }

.sectionMakeOffer.sectionMakeOfferStepOne { width: 300px; }
.sectionMakeOfferStepOne .btnMakeOffer { background: #4a4b48;}
.sectionMakeOfferStepOne .btnMakeOffer:before { background: #3a3a39; }
.sectionMakeOfferStepOne .btnMakeOffer:hover:before { -webkit-transform: scaleY(.05); transform: scaleY(.05); }

.sectionMakeOffer .formMakeOffer { float: right; width: 280px; max-height: 100%; overflow-y: auto; padding: 20px 20px 0; background: #fff; -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, .16); box-shadow: 0 0 18px rgba(0, 0, 0, .16); }
.sectionMakeOffer .formRow { padding-bottom: 25px; }
.sectionMakeOffer .formLabel { display: block; padding-bottom: 5px; font-size: 15px; line-height: 1.2; color: #343531; }
.sectionMakeOffer .select,
.sectionMakeOffer .field { width: 100%; height: 34px; border: 1px solid #dedede; background: #f9f8f8; box-shadow: inset 0 2px 3px rgba(0, 0, 0, .03);}
.sectionMakeOffer .field { padding: 0 10px; }
.sectionMakeOffer .select { overflow: hidden; background: url(https://demo.phpjabbers.com/scripts/make-an-offer-widget/app/web/img/frontend/selectDropDownTriangle.png) no-repeat center right; }
.sectionMakeOffer .select select { width: 100%; height: 100%; padding: 0 20px 0 10px; border: 0; background: transparent; cursor: pointer; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.sectionMakeOffer .select select::-ms-expand { display: none; }
.sectionMakeOffer .selectSmall { display: inline-block; width: 70px; margin-right: 5px; }
.sectionMakeOffer .formLabelCenter{text-align: center;}
.sectionMakeOffer .input-group{display: inline-table; vertical-align: middle;border-collapse: separate;display: table;position: relative; margin: 0 auto;}
.sectionMakeOffer .input-group .input-group-addon{
	float:left;
	width: auto;
	background-color: #eee;
    border: 1px solid #ccc;
    -webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 6px 12px;
    text-align: center;
    height: 34px;
}
.sectionMakeOffer .input-group .input-group-addon:first-child{border-right: 0 none;}
.sectionMakeOffer .input-group .field-group{width: 100px !important;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}

.sectionMakeOffer textarea.field { height: 120px; padding-top: 10px; }
.sectionMakeOffer .captcha{overflow: hidden;}
.sectionMakeOffer .captcha .field{width: 50%; float: left; margin-right: 5px;}
.sectionMakeOffer .captcha img{float: left;}
.sectionMakeOffer .formRow em{display: block; margin-top: 6px;}
.sectionMakeOffer .formRow em label.err{color: #cc0000;}
.sectionMakeOffer .formRowCenter em{text-align: center;}

.sectionMakeOffer .formFoot { padding-bottom: 20px; }
.sectionMakeOffer .formActions { text-align: center; }
.sectionMakeOffer .formActions .btnForm { margin-bottom: 15px; }

.sectionMakeOffer .sectionFoot { display: none; }

.sectionMakeOffer.sectionMakeOfferStepTwo { width: 280px; }
.sectionMakeOfferStepTwo .sectionHead,
.sectionMakeOfferStepTwo .sectionBody { display: none; }
.sectionMakeOfferStepTwo .sectionFoot { display: block; margin-top: 30px; border: 1px solid #8bc34a; background: #fff; border-radius: 7px 0 0 7px; -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, .16); box-shadow: 0 0 18px rgba(0, 0, 0, .16); }

.sectionMakeOffer .sectionMessage { padding: 15px; text-align: center; }
.sectionMakeOffer .sectionMessageImage { padding-bottom: 15px; }
.sectionMakeOffer .sectionMessageTitle { padding-bottom: 10px; font-size: 22px; line-height: 1.2; color: #2c2d2b; font-weight: 300; }
.sectionMakeOffer .sectionMessageActions { padding-top: 10px; }

.sectionMakeOffer.sectionMakeOfferHidden { margin-right: -300px; opacity: 0; }
/* ==========================================================================
	#Icons
========================================================================== */
.sectionMakeOffer .ico { background-image: url(https://demo.phpjabbers.com/scripts/make-an-offer-widget/app/web/img/frontend/spriteTheme1.png); }

/* ==========================================================================
	#Buttons
========================================================================== */
.sectionMakeOffer .btnMakeOffer,
.sectionMakeOffer .btnForm {
	background: rgb(64,152,226);
	background: -moz-linear-gradient(top,  rgba(64,152,226,1) 0%, rgba(46,134,208,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,152,226,1)), color-stop(100%,rgba(46,134,208,1)));
	background: -webkit-linear-gradient(top,  rgba(64,152,226,1) 0%,rgba(46,134,208,1) 100%);
	background: -o-linear-gradient(top,  rgba(64,152,226,1) 0%,rgba(46,134,208,1) 100%);
	background: -ms-linear-gradient(top,  rgba(64,152,226,1) 0%,rgba(46,134,208,1) 100%);
	background: linear-gradient(to bottom,  rgba(64,152,226,1) 0%,rgba(46,134,208,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4098e2', endColorstr='#2e86d0',GradientType=0 );
}
.sectionMakeOffer .btnMakeOffer:before,
.sectionMakeOffer .btnForm:before { background: #1c6aac; }
.sectionMakeOffer .btnLink { color: #55ad33; }
.sectionMakeOffer .btnLink:after { background: #55ad33; }

.sectionMakeOffer .btnClose { border-color: #1c6aac; background-image: url(https://demo.phpjabbers.com/scripts/make-an-offer-widget/app/web/img/frontend/spriteTheme1.png); }
.sectionMakeOffer .btnFormSubmit:disabled,
.sectionMakeOffer .btnFormSubmit:disabled:before {
    background: #1c6aac;
    cursor: default;
}
/* ==========================================================================
	#sectionMakeOffer
========================================================================== */
.sectionMakeOffer .sectionFoot { border-color: #1c6aac; }