html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/*===============================
	Color Variables 
===============================*/
/*===============================  Fonts Typo 
===============================*/
@font-face { font-family: 'helvetica_bqregular'; src: url("../fonts/helveticabq-bold-webfont.eot"); src: url("../fonts/helveticabq-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/helveticabq-bold-webfont.woff2") format("woff2"), url("../fonts/helveticabq-bold-webfont.woff") format("woff"), url("../fonts/helveticabq-bold-webfont.ttf") format("truetype"), url("../fonts/helveticabq-bold-webfont.svg#helvetica_bqregular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'helvetica_lt_stdbold'; src: url("../fonts/helveticaltstd-bold-webfont.eot"); src: url("../fonts/helveticaltstd-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/helveticaltstd-bold-webfont.woff2") format("woff2"), url("../fonts/helveticaltstd-bold-webfont.woff") format("woff"), url("../fonts/helveticaltstd-bold-webfont.ttf") format("truetype"), url("../fonts/helveticaltstd-bold-webfont.svg#helvetica_lt_stdbold") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'helvetica_lt_stdBdCn'; src: url("../fonts/helveticaltstd-boldcond-webfont.eot"); src: url("../fonts/helveticaltstd-boldcond-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/helveticaltstd-boldcond-webfont.woff2") format("woff2"), url("../fonts/helveticaltstd-boldcond-webfont.woff") format("woff"), url("../fonts/helveticaltstd-boldcond-webfont.ttf") format("truetype"), url("../fonts/helveticaltstd-boldcond-webfont.svg#helvetica_lt_stdBdCn") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'helvetica_lt_stdLtCn'; src: url("../fonts/helveticaltstd-lightcond-webfont.eot"); src: url("../fonts/helveticaltstd-lightcond-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/helveticaltstd-lightcond-webfont.woff2") format("woff2"), url("../fonts/helveticaltstd-lightcond-webfont.woff") format("woff"), url("../fonts/helveticaltstd-lightcond-webfont.ttf") format("truetype"), url("../fonts/helveticaltstd-lightcond-webfont.svg#helvetica_lt_stdLtCn") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'helvetica_lt_stdregular'; src: url("../fonts/helveticaltstd-roman-webfont.eot"); src: url("../fonts/helveticaltstd-roman-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/helveticaltstd-roman-webfont.woff2") format("woff2"), url("../fonts/helveticaltstd-roman-webfont.woff") format("woff"), url("../fonts/helveticaltstd-roman-webfont.ttf") format("truetype"), url("../fonts/helveticaltstd-roman-webfont.svg#helvetica_lt_stdregular") format("svg"); font-weight: normal; font-style: normal; }
/*===============================
	Global CSS 
===============================*/
.pull-left { float: left; }

.pull-right { float: right; }

* { outline: none; }

:focus { outline: none; }

.group:before, .group:after { content: ""; display: table; }

.group:after { clear: both; }

.group { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }

.clearfix { clear: both; }

/*===============================
	Gerral Form Styling 
================================*/
input[type="text"], input[type="password"] { background: #fff; color: #060808; font: italic 18px "helvetica_lt_stdLtCn", Arial, Helvetica, sans-serif; height: 38px; padding: 10px; display: block; border: 1px solid #cfd0d0; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }

input[type="file"] { cursor: pointer; opacity: 0; visibility: hidden; position: absolute; z-index: 1; font-size: 28px; left: 0; overflow: hidden; }

input[type="text"].invalid, input[type="password"].invalid, textarea.invalid, select.invalid { border: 1px solid #9e0000 !important; color: #9e0000 !important; }

textarea { background: #fff; color: #818385; font: 14px/14px "helvetica_lt_stdregular", Arial, Helvetica, sans-serif; padding: 10px; display: block; border: 1px solid #cfd0d0; resize: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 300px; }

label { color: #68696b; margin-bottom: 10px; display: inline-block; position: relative; display: block; }

a { text-decoration: none; color: #ff5e43; }

html, body { font: 12px "helvetica_lt_stdregular", Arial, Helvetica, sans-serif; color: #818385; height: 100%; position: relative; overflow-x: hidden; }

.main-wrapper { max-width: 500px; width: 100%; background: url("../images/bg.jpg") center bottom no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; max-height: 1000px; overflow: auto; position: absolute; right: 0; top: 0; }
.main-wrapper.sticker { position: absolute; right: 0; top: 0; height: 100%; min-height: 700px; }
.main-wrapper.no-shadow { -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; }

.wrapper { margin: 0 auto; position: relative; }

.btn { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; font: 18px/40px "helvetica_lt_stdBdCn", Arial, Helvetica, sans-serif; border: 2px solid #060808; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; height: 40px; min-width: 100px; padding: 0px 20px; text-align: center; cursor: pointer; position: relative; text-decoration: none; text-shadow: 0 0 1px #060808; -moz-box-shadow: 2px 3px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 2px 3px 0px rgba(0, 0, 0, 0.3); -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; background-color: #620B9B; color: #fff; }
.btn:hover { background-color: #44086b; color: #fff; }
.btn:active { background-color: #26043c; }
.btn i { display: inline-block; vertical-align: middle; }
.btn i ~ span { margin-left: 8px; display: inline-block; }

.specialwidth { width: 122px !important; }

.small-input { width: 70px !important; float: left; margin-right: 10px; margin-top: -6px; }

.row.center-align { margin-top: 180px; text-align: center; }
.row.grayBg { background-color: #545454; padding: 20px; margin: -3px 0 0; }
.row.grayBg p { font: 20px/24px "helvetica_lt_stdLtCn", Arial, Helvetica, sans-serif; color: #fff; text-align: center; }

header { max-width: 500px; width: 100%; max-height: 78px; position: relative; z-index: 9; padding: 0; background: url("../images/header-bg.jpg") left top no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; }
header.stick { top: 0; position: fixed; }
header .logo { height: 60px; position: relative; top: 8px; right: 3%; float: right; }
header .logo img { height: 100%; }

footer { max-width: 500px; width: 100%; color: #fff; background-color: #564c4a; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: fixed; }
footer .footer-links { overflow: hidden; }
footer .footer-links ul li { float: left; width: 18%; margin-left: 2%; height: 70px; overflow: hidden; }
footer .footer-links ul li a { display: block; overflow: hidden; padding-top: 15px; border-right: 1px solid white; text-align: left; height: 70px; }
footer .footer-links ul li img { float: left; }
footer .footer-links ul li img.uni { -moz-transform: scale(0.7, 0.7); -ms-transform: scale(0.7, 0.7); -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); }
footer .footer-links ul li img ~ span { margin: 0px 0 0 30px; display: block; }
footer .footer-links ul li span { font: 11px "helvetica_lt_stdregular", Arial, Helvetica, sans-serif; }
footer .footer-links ul li.mid { width: 30%; }
footer .footer-links ul li.last-child { width: 44%; }
footer .footer-links ul li.last-child a { border-right: 0; }
footer .footer-links ul li.last-child span { font-size: 10px; }

#container { position: relative; margin: 70px 0 0; overflow: hidden; min-height: 500px; }

.terms { text-align: center; font: 11px "helvetica_lt_stdregular", Arial, Helvetica, sans-serif; color: #fff; margin: 10px 0 15px; }

.splash-main { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 70px; background-color: #060808; }
.splash-main .splash-heading .splash-logo { position: absolute; top: -55px; left: 2%; background: url("../images/splash-logo.png") no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; width: 180px; height: 180px; }
.splash-main .splash-heading span { float: right; margin-right: 4%; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; font: 18px/70px "helvetica_lt_stdregular", Arial, Helvetica, sans-serif; color: #ff5e43; text-transform: uppercase; }

.bottom-section { position: absolute; bottom: 20px; left: 0; right: 0; padding: 20px; }
.bottom-section .left { float: left; }
.bottom-section .left h4 { font: 24px "helvetica_lt_stdLtCn", Arial, Helvetica, sans-serif; color: #fff; }
.bottom-section .left h4 span { display: block; }
.bottom-section .left .stars img { display: inline-block; vertical-align: alignment; *vertical-align: auto; *zoom: 1; *display: inline; margin-right: 2px; }
.bottom-section .right { position: absolute; bottom: 20px; right: 20px; }

.calculate-cast .row { overflow: hidden; padding: 10px 0; margin: 0 20px; }
.calculate-cast .row.borderBotm { border-bottom: 1px solid white; }
.calculate-cast .row .row-inner input[type="text"] { display: inline-block; width: 100px; border: 2px solid #060808; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.calculate-cast .row .row-inner span { display: inline-block; font: 18px "helvetica_lt_stdBdCn", Arial, Helvetica, sans-serif; color: #620B9B; }
.calculate-cast .row h4 { font: 20px "helvetica_lt_stdregular", Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; margin-bottom: 5px; }
.calculate-cast .row h4 span { font-family: "helvetica_lt_stdbold", Arial, Helvetica, sans-serif; }
.calculate-cast .row h4 b { display: inline-block; cursor: pointer; }
.calculate-cast .row h4 .btn { text-transform: none; }
.calculate-cast .row label { font: 18px/30px "helvetica_lt_stdBdCn", Arial, Helvetica, sans-serif; color: #620B9B; display: inline-block; margin: 0 10px 0 0; min-width: 80px; text-align: center; }
.calculate-cast .row label.first-child { text-align: left; }
.calculate-cast .row label.small-width { min-width: 60px; }
.calculate-cast .row label span { display: block; }
.calculate-cast .row label span em { display: inline-block; width: 16px; height: 16px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid #060808; cursor: pointer; }
.calculate-cast .row label span em:hover, .calculate-cast .row label span em.selected { background-color: #620B9B; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; border-color: #fff; }

.office-listing { margin: 10px auto; width: 90%; }
.office-listing tr td { font: 16px "helvetica_lt_stdLtCn", Arial, Helvetica, sans-serif; color: #620B9B; padding: 10px 0; }
.office-listing tr td.col1 { width: 50%; text-align: left; font-family: "helvetica_lt_stdBdCn", Arial, Helvetica, sans-serif;}
.office-listing tr td.col2 { width: 20%; text-align: center; font-family: "helvetica_lt_stdBdCn", Arial, Helvetica, sans-serif; }
.office-listing tr td.col3 { width: 30%; text-align: right; font-family: "helvetica_lt_stdBdCn", Arial, Helvetica, sans-serif; }
.office-listing tr td b { cursor: pointer; margin-left: 20px; display: inline-block; }
.office-listing tr.title td { font: 16px "helvetica_lt_stdregular", Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; }
.office-listing tr.total td { font: 22px "helvetica_lt_stdBdCn", Arial, Helvetica, sans-serif; color: #620B9B; text-transform: uppercase; }

.bottom-text { font: 20px "helvetica_lt_stdLtCn", Arial, Helvetica, sans-serif; color: #fff; text-align: center; }
.bottom-text span { display: block; }
.bottom-text b { color: #F0FF7F; }

.contact-details .row.padControl { padding: 5px 0; }
.contact-details .row p { font: 20px "helvetica_lt_stdLtCn", Arial, Helvetica, sans-serif; color: #fff; position: relative; }
.contact-details .row p span { position: absolute; right: 20px; top: 0; }
.contact-details .row p span.redText { color: #d10000; }
.contact-details .row p span em { margin-top: 5px; display: inline-block; width: 16px; height: 16px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid #060808; cursor: pointer; }
.contact-details .row p span em:hover, .contact-details .row p span em.selected { background-color: #620B9B; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; border-color: #fff; }
.contact-details .row.add { text-align: center; }
.contact-details .row.add .plus { margin: 0 5%; background-color: #fff; border: 2px solid #060808; display: inline-block; width: 40px; height: 36px; line-height: 36px; color: #060808; text-align: center; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 20px; }
.contact-details .row.add .plus:hover, .contact-details .row.add .plus.selected { background-color: #620B9B; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; border-color: #fff; color: #fff; }

.whiteBg { position: relative; background-color: #fff !important; margin-top: 60px !important; }

img.map-area { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; }

.contactImg { overflow: hidden; max-height: 300px; }
.contactImg img { width: 100%; }

.contactInfo { overflow: hidden; padding: 0 20px 20px; }
.contactInfo h2 { font: 24px "helvetica_lt_stdregular", Arial, Helvetica, sans-serif; color: #060808; text-align: center; padding: 20px 0 15px; }
.contactInfo p { font: 13px/18px "helvetica_lt_stdregular", Arial, Helvetica, sans-serif; color: #060808; }
.contactInfo p.head { font: 16px "helvetica_lt_stdbold", Arial, Helvetica, sans-serif; margin-top: 10px; }
.contactInfo .info-left, .contactInfo .info-right { width: 44%; }
.contactInfo .info-left { float: left; }
.contactInfo .info-right { float: right; }

.redBg { background-color: #757575; margin-top: 60px !important; padding: 20px; position: absolute; }
.redBg .row h4 { font: 20px "helvetica_lt_stdbold", Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; margin: 30px 0; }
.redBg .row h4 span { font-family: "helvetica_lt_stdbold", Arial, Helvetica, sans-serif; }
.redBg p { font: 16px/24px "helvetica_lt_stdregular", Arial, Helvetica, sans-serif; color: #fff; margin: 60px 0; }
.redBg .imageSection img { width: 100%; }

.close { position: absolute; right: 20px; top: 20px; width: 30px; height: 30px; display: inline-block; cursor: pointer; z-index: 2; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.close img { width: 100%; }

#page2, #page3, #page4, #page4, #page5, #page6, #page7 { display: none; }

.popupdiv { max-width: 500px; width: 100%; top: 150px; position: absolute; z-index: 99; display: none; }
.popupdiv #container.redBg { overflow: visible; margin: 5% !important; background-color: #4c4c4c !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 4px solid #f4f1ea !important; text-align: center; text-transform: none; }
.popupdiv #container.redBg p { margin: 20px 0 10px; }
.popupdiv #container.redBg h4 { margin-top: 20px; }
.popupdiv .close { position: absolute; right: auto; left: -14px; top: -14px; width: 30px; height: 30px; display: inline-block; cursor: pointer; z-index: 2;  -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.popupdiv .close img { width: 100%; }

.overlay { opacity: 0.8; height: 775px; width: 100%; z-index: 11; position: absolute; left: 0; right: 0; background: #000; display: none; }

/* for ipad or tablet devices */
/* for mobile devices*/
/* for mobile devices*/
@media only screen and (min-width: 351px) and (max-width: 490px) { .main-wrapper { max-width: 500px; height: 100%; }
  .main-wrapper.sticker { height: 100%; min-height: 100%; }
  #container { margin: 70px 0; }
  input[type="text"], input[type="password"] { height: 30px; }
  .btn { -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); }
  .splash-main { margin-top: -20%; }
  .splash-main .splash-heading .splash-logo { -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); width: 100px; height: 100px; top: -16px; }
  .splash-main .splash-heading span { font-size: 14px; }
  .row.center-align { margin-top: 150px; }
  .row.row.grayBg p { font-size: 15px; line-height: 20px; }
  .calculate-cast .row { padding: 5px 0; }
  .calculate-cast .row h4 { font-size: 14px; margin-bottom: 2px; }
  .calculate-cast .row label { font-size: 14px; min-width: 50px; }
  .calculate-cast .row label.small-width { min-width: 30px; }
  .bottom-section .left .stars img { width: 16px; }
  .bottom-section .left h4 { font-size: 14px; }
  .bottom-section .right { width: 150px; }
  .bottom-section .right img { width: 100%; }
  header { max-width: 500px; }
  footer { max-width: 500px; bottom: 0; }
  footer .footer-links ul li { width: 20%; }
  footer .footer-links ul li.mid { width: 32%; }
  footer .footer-links ul li.last-child { width: 42%; }
  footer .footer-links ul li img.uni { -moz-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); margin-top: -4px; }
  .small-input { margin-top: -3px; }
  .contact-details .row p { font-size: 15px; }
  footer .footer-links ul li img ~ span { font-size: 9px !important; }
  .popupdiv { top: 0 !important; }
  .popupdiv #container { margin-top: 0 !important; }
  .office-listing { min-height: 180px; }
  .contact-details .row.add .plus { margin: 0 1%; } }
/* for small mobile devices 320*/
@media only screen and (min-width: 290px) and (max-width: 350px) { .main-wrapper { max-width: 500px; height: 100%; }
  .main-wrapper.sticker { height: 100%; min-height: 100%; }
  #container { margin: 70px 0; }
  input[type="text"], input[type="password"] { height: 30px; }
  .btn { -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); }
  .splash-main { margin-top: -20%; }
  .splash-main .splash-heading .splash-logo { -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); width: 100px; height: 100px; top: -16px; }
  .splash-main .splash-heading span { font-size: 12px; }
  .row.center-align { margin-top: 150px; }
  .row.row.grayBg p { font-size: 15px; line-height: 20px; }
  .calculate-cast .row { padding: 5px 0; }
  .calculate-cast .row h4 { font-size: 14px; margin-bottom: 2px; }
  .calculate-cast .row label { font-size: 14px; min-width: 50px; }
  .calculate-cast .row label.small-width { min-width: 30px; }
  .bottom-section .left .stars img { width: 16px; }
  .bottom-section .left h4 { font-size: 14px; }
  .bottom-section .right { width: 150px; }
  .bottom-section .right img { width: 100%; }
  header { max-width: 500px; }
  footer { max-width: 500px; bottom: 0; }
  footer .footer-links ul li { width: 18%; }
  footer .footer-links ul li.mid { width: 32%; }
  footer .footer-links ul li.last-child { width: 42%; }
  footer .footer-links ul li img.uni { -moz-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); margin-top: -4px; }
  .small-input { margin-top: -3px; }
  .contact-details .row p { font-size: 15px; }
  footer { height: 56px !important; }
  footer .footer-links ul li a img { display: none !important; }
  footer .footer-links ul li a img ~ span { font-size: 9px !important; margin-left: 0; }
  .popupdiv { top: 0 !important; }
  .popupdiv #container { margin-top: 0 !important; }
  .office-listing { min-height: 180px; }
  .contact-details .row.add .plus { margin: 0 1%; } }
