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

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

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

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

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

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

/* ==========================================================================
   #Transitions
========================================================================== */
.sectionCallBack .btn,
.sectionCallBack,
.sectionCallBack .sectionBody,
.sectionCallBackStepOne .btnForm.pjCWBtnDisabled:after { -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; }

/* ==========================================================================
	#Animations
========================================================================== */
@-moz-keyframes spin { 
	100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin { 
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin { 
	100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); }
}

/* ==========================================================================
	#Icons
========================================================================== */
.sectionCallBack .ico { display: inline-block; background: url([images]/sprite.png) no-repeat 0 0; vertical-align: middle; }
.sectionCallBack .icoPhoneRounded { width: 32px; height: 32px; background-position: -2px -2px; }

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

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

.sectionCallBack .btnCallBack,
.sectionCallBack .btnForm { position: relative; overflow: hidden; background: #8bc34a; font-size: 16px; 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; }
.sectionCallBack .btnCallBack:before,
.sectionCallBack .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; }
.sectionCallBack .btnCallBack:hover:before,
.sectionCallBack .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); }

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

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

.sectionCallBack .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; }
.sectionCallBack .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; }
.sectionCallBack .btnLink:hover:after { right: 0; left: 0; }

.sectionCallBack .btnClose { width: 24px; height: 24px; border: 1px solid #101010; background: #fff url([images]/sprite.png) no-repeat -134px 2px; border-radius: 50%; opacity: .36; }
.sectionCallBack .btnClose:hover { opacity: 1; }

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

.sectionCallBack.sectionCallBackStepOne { width: 300px; }
.sectionCallBackStepOne .btnCallBack { background: #4a4b48;}
.sectionCallBackStepOne .btnCallBack:before { background: #3a3a39; }
.sectionCallBackStepOne .btnCallBack:hover:before { -webkit-transform: scaleY(.05); transform: scaleY(.05); }
.sectionCallBack .formCallBack { 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); }

.sectionCallBack .formRow { padding-bottom: 25px; }
.sectionCallBack .formLabel { display: block; padding-bottom: 5px; font-size: 15px; line-height: 1.2; color: #343531; }
.sectionCallBack .select,
.sectionCallBack .field { width: 100%; height: 40px; border: 1px solid #dedede; background: #f9f8f8; box-shadow: inset 0 2px 3px rgba(0, 0, 0, .03); border-radius: 5px; -webkit-border-radius: 5px !important; }
.sectionCallBack .field { padding: 0 10px; }
.sectionCallBack .select { overflow: hidden; background: url([images]/selectDropDownTriangle.png) no-repeat center right; }
.sectionCallBack .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; }
.sectionCallBack .select select::-ms-expand { display: none; }
.sectionCallBack .selectSmall { display: inline-block; width: 70px; margin-right: 5px; }

.sectionCallBack textarea.field { height: 120px; padding-top: 10px; }
.sectionCallBack .captcha { overflow: hidden; }
.sectionCallBack .captcha .field,
.sectionCallBack .captcha img { display: inline-block; vertical-align: middle; }
.sectionCallBack .captcha .field { width: 50%; margin-right: 5px; }
.sectionCallBack .formRow em label.err { color: #cc0000; }

.sectionCallBack .formFoot { padding-bottom: 20px; }
.sectionCallBack .formActions { text-align: center; }
.sectionCallBack .formActions .btnForm { margin-bottom: 15px; padding: 0 10px; }
.sectionCallBackStepOne .btnForm.pjCWBtnDisabled { padding-left: 30px; opacity: 0.7; cursor: default; -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; }
.sectionCallBackStepOne .btnForm.pjCWBtnDisabled:hover:before { -webkit-transform: scaleY(.05); transform: scaleY(.05); }
.sectionCallBackStepOne .btnForm:after { position: absolute; top: 50%; left: 7px; width: 24px; height: 24px; margin-top: -12px; background: url([images]/spinner.png); opacity: 0; content: ""; }
.sectionCallBackStepOne .btnForm.pjCWBtnDisabled:after { opacity: 1; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; animation: spin 1s linear infinite; }

.sectionCallBack .sectionFoot { display: none; }

.sectionCallBack.sectionCallBackStepTwo { width: 280px; }
.sectionCallBackStepTwo .sectionHead,
.sectionCallBackStepTwo .sectionBody { display: none; }
.sectionCallBackStepTwo .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); }

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

.sectionCallBack.sectionCallBackHidden { margin-right: -300px; opacity: 0; }

/* ==========================================================================
	.pjCpjQueryUI
========================================================================== */
.pjCpjQueryUI{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
}
.pjCpjQueryUI .ui-widget button {
   	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 12px !important;
}