@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'f37_gingerregular';
    src: url('../fonts/f37-ginger-regular-webfont.eot');
    src: url('../fonts/f37-ginger-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/f37-ginger-regular-webfont.woff2') format('woff2'),
         url('../fonts/f37-ginger-regular-webfont.woff') format('woff'),
         url('../fonts/f37-ginger-regular-webfont.ttf') format('truetype'),
         url('../fonts/f37-ginger-regular-webfont.svg#f37_gingerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'f37_gingerbold';
    src: url('../fonts/f37-ginger-bold-webfont.eot');
    src: url('../fonts/f37-ginger-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/f37-ginger-bold-webfont.woff2') format('woff2'),
         url('../fonts/f37-ginger-bold-webfont.woff') format('woff'),
         url('../fonts/f37-ginger-bold-webfont.ttf') format('truetype'),
         url('../fonts/f37-ginger-bold-webfont.svg#f37_gingerbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
::-webkit-input-placeholder {opacity:1;color: #777777;}
:-moz-placeholder {opacity:1;color: #777777;}
::-moz-placeholder {opacity:1;color: #777777;}
:-ms-input-placeholder {opacity:1;color: #777777;}
/*h1,h2,h3,h4,h5,h6,p{ margin: 0px; padding: 0px;}*/
a{text-decoration: none;}
*{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
:focus { outline: none;}
h1, h2, h3, h4, h5, h6, p, img, a, input, select, span, small{-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.mainBoxSection{ background: #ff6602; max-width: 740px; border-radius: 8px; width: 100%; padding: 43px 35px 44px; text-align: center; color: #fff;font-family: 'f37_gingerregular'; margin:auto;}
.mainBoxSection h2{font-family: 'f37_gingerbold'; font-size: 30px; line-height: 100%; margin-bottom: 60px; color: #fff;}
.mainBoxSection h2 span{font-size: 46px; display: block; margin-top: 28px; line-height: 120%; color: #fff;} 
.mainBoxSection p{font-family: 'f37_gingerregular'; font-size: 20px; line-height: 130%;}
.mainBoxSection .calculateButton{background: #000;color: #fff; border-radius: 5px; display: inline-block; padding:6px 5px 8px; text-decoration: none; font-size: 20px;font-family: 'f37_gingerregular'; margin-top: 34px; border: 0px; width: 210px; cursor: pointer;}
.mainBoxSection a:hover, .mainBoxSection .calculateButton:hover{background: #000 !important;color: #fff !important;box-shadow: none !important;-webkit-box-shadow: none !important;}
.mainBoxSection.formsection{padding: 35px;position:relative;}
.mainBoxSection input{ width: 100%; height: 40px; border-radius: 5px; border: 0px; background: #fff; color: #000; font-size: 18px; padding: 0 14px;font-family: 'f37_gingerregular'; margin-bottom: 20px;}
.mainBoxSection #phraseeCalculatorID #submitpstcquery{margin:0px; }
.mainBoxSection #phraseeCalculatorID_2 #submitpstcquery_2{margin:0px; }
.calculate_error,.calculate_success{font-family: "f37_gingerbold";font-size: 28px;margin-bottom: 0px;text-align: center;width: 100%;padding: 10px 0;color: #fff;line-height: 40px;}
#calculator-loader,#calculator-loader-2{display:none;max-width: 50px;position: absolute;right: 50px;bottom: 30px;}
.mainBoxSection .calculateButton.calculateAgain{padding:15px 5px 15px;}
#calculator-loader img,#calculator-loader-2 img{margin:0px !important;}

@media (max-width:991px){
	.mainBoxSection{width: 90%;}
}

@media (max-width:767px){
	.mainBoxSection{position: static; left: 0px; top: 0px; -moz-transform: translate(0%,0%); -webkit-transform: translate(0%,0%); transform: translate(0%,0%); margin: auto;}	
	.mainBoxSection input[type="submit"]{ width: 100%;}
}
@media (max-width:479px){
	.mainBoxSection,
	.mainBoxSection.formsection{width: 95%; padding: 25px;}
	.mainBoxSection h2{font-size:20px; margin-bottom: 25px;}
	.mainBoxSection h2 span{font-size:25px; margin-top: 15px;}
	.mainBoxSection p{font-size:17px}
	
}