/*Font Face*/
@font-face {
  font-family: "SSStandard";
  src: url('../fonts/ss-standard.eot');
  src: url('../fonts/ss-standard.eot?#iefix') format('embedded-opentype'),
       url('../fonts/ss-standard.woff') format('woff'),
       url('../fonts/ss-standard.ttf')  format('truetype'),
       url('../fonts/ss-standard.svg#SSStandard') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/opensans-italic-webfont.eot');
    src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-italic-webfont.woff') format('woff'),
         url('../fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('../fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*End Font Face*/



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

div{-moz-transition: all .5s linear;-webkit-transition: all .5s linear;}

body{ background:#fef8e9;}
.width{ width:950px; margin: 0 auto;} 
.top{ width:100%; float:left; margin-bottom:20px;}
.logo{ width:200px; float:left; margin-top:15px;}


.logo-optm{ width:185px; float:right; margin-top:16px; }
.banner img{ width:100%;}
.clear{ width:100%; clear:both;}
.main-container{ width:100%; background:#FFF; clear:both; box-shadow:0px 0px 5px 0px;} 
.top-text{ color:#424242; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding:20px 20px 20px 20px; line-height:20px;} 
.heading{ font-size:22px; font-family:Arial, Helvetica, sans-serif; color:#fe5f01; border-bottom:#F00 dashed 1px; margin:0px; padding:0px; line-height: 38px; clear:both;}
#part1 div{ font-family:Verdana, Geneva, sans-serif;}
.first-part p{ font-family:Verdana, Geneva, sans-serif;}
.first-part{margin:0px 20px 0px 20px;}
.fild-part{ background:#f6f6f6; border-radius:5px; margin-top:15px;border:#ebebeb solid 1px;}

.left-part{ width: 48%; float: left;font-family:Arial, Helvetica, sans-serif;color:#333333;}
.text-filed.card-fild{width: 100%;padding: 10px 0;}
.text-filed.card-fild .type-box{ padding-left:0px;}
.filed-box.month{float: left; width:45%;}
.filed-box.year{float: right; width:45%;}



.right-part{ width: 48%; float: right;background: #f6f6f6; border-radius: 5px; margin-top: 15px; border: #ebebeb solid 1px;}

.text-filed{ float:left; width: 50%; padding:10px;}
.text-filed span{ font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#242424;}
.text-filed .type-box{ width:100%;  border-radius:5px; border:#c7c7c7 solid 1px; height:44px; margin-top:5px; padding-left:10px;}
.text-filed .type-box:hover{ border-radius:5px; border:#dedede solid 1px; }
.fild-part .recheck{font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#242424; clear:both; padding:0px 10px 10px;}
.text-filed .type-box.form-error{border:#F00 solid 1px;}

.fild-part .recheck span{font-size:18px; color:#ed1c24;}
.select-filed { margin: 10px 10px 10px 225px; width: 48%;padding: 0;}
.filed-box select{ border: 1px solid #c7c7c7;border-radius: 5px;height: 44px; margin-top: 5px; padding-left: 10px; width: 100%;}

.text-filed .stars{ font-size:16px; color:#F00;padding-left: 2px;}
.add-more{ width:100%;}
.add-more-button{float:right;background:#f6f6f6; border-radius:5px; margin:10px 20px 10px 0px; border:#ebebeb solid 1px;font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#293996; text-align:center;}
.add-more-button a{ text-decoration:none; color:#fe5f01; display:block; padding:8px; }
.add-more-button a:hover{background:#fe5f01; color:#fff; border-radius:5px; }

.remove-button{float:left;background:#f6f6f6; border-radius:5px; margin:10px 0px 0px 20px; border:#ebebeb solid 1px;font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#293996; text-align:center;}
.remove-button a{ text-decoration:none; color:#fe5f01; display:block; padding:8px; }
.remove-button a:hover{background:#fe5f01; color:#fff; border-radius:5px; }

.Payment-heading{font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#242424; clear:both; padding:15px 10px 5px 10px;}
.pay-card{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#727272; clear:both; padding:10px 10px 0px;}
.payment-box{border-radius:5px; border:#c7c7c7 solid 1px; background: #FFF; margin:10px;}
.first-row{ border-bottom:#c7c7c7 solid 1px;background:#f7f6f7; height:40px;}
.fee{ float:left; width:20%;font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#242424; padding-top:10px; text-align:center; }
.fee.survey{padding-left: 10px; width: 30%; text-align:left;}
.second-row{ border-bottom:#c7c7c7 solid 1px;background:#fff; height:40px;}
.third-row{background:#fff; height:50px;}
.pay-amount{font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:center; padding:10px;}
.fee .fee-box{ width:100%;  border-radius:5px; border:#c7c7c7 solid 1px; height:30px;}
.apply-button{background:#f6f6f6; border-radius:5px; border:#ebebeb solid 1px;font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#293996; text-align:center;/* margin:0px 0px 0px 10px;*/}
.apply-button a{text-decoration:none; color:#fe5f01; display:block; padding:5px;}
.apply-button a:hover{background:#fe5f01; color:#fff; border-radius:5px; }
.fee.total{font-size:18px; color:#000;}
.fee .fee-box.form-error{border:#F00 solid 1px;}
.continue{ margin:20px;}
.continue-button{ /*background:url(../images/continue-bg.jpg);*/background: #fab421 none repeat scroll 0 0;color:#fff; text-align:center; padding:10px; width:40%; font-size:25px; margin:auto; font-family:Arial, Helvetica, sans-serif; border-radius:5px;border: medium none;}
.continue-button a{ text-decoration:none;color:#fff;}
.continue-button a:hover{color:#fff;}
.pay-detail{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#727272; padding:8px 0 8px 10px; width:100%; }
.pay-detail span{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000;  }

.back-button{ float:left; width:50%;}
.back-button span{font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#293996; text-align:center;}
.back-button span a{text-decoration:none; color:#000000; display:block; padding:10px; border-radius:5px; width:30%;border: solid 1px #666666;}
.back-button span a:hover{ color:#fe5f01; border-radius:5px; text-decoration:underline; }

.payment-box2{border-radius:5px; border:#c7c7c7 solid 1px; background: #FFF; margin:20px 10px 10px 10px; clear:both}
.pay-now-button{float:left;margin:30px 0; width: 100%;}
.pay-now{
    /*background: rgba(0, 0, 0, 0) url("../images/continue-bg.jpg") repeat scroll 0 0;*/
	background: #fab421 none repeat scroll 0 0;
    border: medium none;
	cursor: pointer;
    border-radius: 5px;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 22px;
    margin-left: 30%;
    padding: 10px;
    text-align: center;
	 width:40%;
   
}

.cancel-button{ float:left;  width:50%;}
.cancel-button span{font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#293996; text-align:center; }
.cancel-button span a{text-decoration:none; color:#000000; display:block; padding:10px;border-radius:5px; width:30%; float:right;border: solid 1px #666666;}
.cancel-button span a:hover{ color:#fe5f01; border-radius:5px; text-decoration:underline;  }


.bottom-text{font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#242424; text-align:center; margin:10px;}

/*.footer-part{ background:#fff; height:1px; margin-top:20px; clear:both;}*/
.footer-part {
    background: #6f6f6f;
    height: 160px;
    margin-top: 20px;
}
.sodexo-map{ float:right; margin-top:10px;}

.thenkyou-text{text-align:center; color:#424242; font-size:16px; font-family:Arial, Helvetica, sans-serif; padding:20px 20px 20px 20px; line-height:45px;}
.thenkyou-text a{ text-decoration:none; color:#e51e25;}

/*.form-error{width:100%;  border-radius:5px; border:#F00 solid 1px; height:40px; margin-top:5px; padding-left:10px;}
*/
.error-message{float:left;color:#e60000;margin-top:15px;padding-left:6px;font-size:13px;font-family: Arial,Helvetica,sans-serif;}
.promo-error{color:#e60000;font-size:13px;font-family: Arial,Helvetica,sans-serif;}


.redractingmain {
    margin: 0 auto;
    width: 55%; cursor: default;
	
}
.redractingcolor {
    background: #f37931 none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 3px 2px 12px #000;
    color: #fff;
    float: left;
	text-align: left;
    margin-top: 10px;
    padding: 20px;
    width: 100%;
}
.redractingcolor p {
    float: left;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 14px;
	margin-top: 0;
    line-height: 22px;
    width: 100%;
}
.redractingheading {
    float: left;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 26px;
    padding-bottom: 5px;
    width: 100%;
}

/*Blink*/
.blink {-webkit-animation: blink .75s linear infinite; -moz-animation: blink .75s linear infinite; -ms-animation: blink .75s linear infinite;-o-animation: blink .75s linear infinite;  animation: blink .75s linear infinite;}
@-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; }50.01% { opacity: 0; }100% { opacity: 0; }}
@-moz-keyframes blink { 0% { opacity: 1; }50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; }}
@-ms-keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; }}
@-o-keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; }100% { opacity: 0; }}
@keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; }}
/*Blink*/
.landingtext2 {
    color: #333333;
	clear:both;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 26px;
    margin: 10px 0 0;
    padding: 0 10%;
    text-align: center;
   
}

.reviewlink {
    margin-top: 15px;
    text-align: center;
    width: 100%;
}
.reviewlink input[type="submit"] {
    background: #fab421 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
	 border-radius:5px;
    cursor: pointer;
    font-family:Arial, Helvetica, sans-serif;;
    font-size: 16px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 30%;
}





@media screen and (max-width:900px) {
	
*, *:before, *:after {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: border-box;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fee.apply {width: 26%;}

.width{ width:100%;}
.banner img{ width:100%;}
.text-filed { width:50%;}
header { height:135px !important;}

}
@media screen and (max-width:800px) {
header {
    height: 88px !important;
}
.apply-button {font-size: 14px;}
}

@media screen and (max-width:600px) {
	.pay-now {width: 100%; margin-left:0;}
	.back-button span a { width: 90%;}
	.cancel-button span a { width: 90%;}
	.apply-button {font-size: 12px;}
	.pay-detail { width: 100%;}
	.fee.survey {width: 25%;}
	.fee.apply { width: 34%;float: right; margin-left: 0;padding-right: 5px;}
	.left-part {width: 100%;}
	.right-part {width: 100%;}
	
}
@media screen and (max-width:450px) {
.add-more-button { width:90%;}	
.first-row .fee { font-size:12px;}
.text-filed {width: 100%;}	
.continue-button {width: 42%;}
.third-row .fee{ width:34%;}
.third-row .fee.survey{ display:none;}
.fee.apply{width:97%;}
.apply-button {margin: 0 0 0 10px;}
.fee .fee-box {margin-left: 5px;}
fee.survey {
    width: 20%;}
.third-row {clear: both;}
.fee.tatal{display:none;}
.fee .fee-box {margin-left: 0px;}
.apply-button {font-size: 16px;margin: 0px;}
.thenkyou-text { line-height: 35px; padding: 10px;}
.pay-now-button {width: 100%;margin-bottom: 10px;}
.back-button{width: 100%;margin-bottom: 10px;}
.back-button span a { width: 100%;}
.cancel-button{width: 100%;margin-bottom: 10px;}
.cancel-button span a { width: 100%;}
}


.check-box label{font-family: Arial,Helvetica,sans-serif; padding-left: 10px;}