/* Business Mail ---------------------- */
#page-container {background: #fff;margin: 0 auto;}
#page-container.full-width-banner {width: 100%;}
#page-wrapper {padding-bottom: 50px;}
.inline-block {display: inline-block;zoom: 1;}

/* Banner */
.ee-lite-banner {background: #ffba24;padding: 65px 0 0 0;position: relative;}
.ee-lite-banner-content, .ee-lite-plans, .ee-lite-features, .ee-lite-faqs {width: 80%;margin: 0 auto;}
.ee-lite-banner h1.ee-lite-description {color: #000;font-weight: 600;font-size: 46px;line-height: 46px;margin: 0;padding: 0;text-align: center;}
.ee-lite-banner p {color: #000;font-weight: 100;font-size: 20px;line-height: 30px;text-align: center;margin: 6px 0 0 0;}
.ee-lite-banner p img {margin: 25px auto 0;}
.ee-lite-banner-links {background: url(https://www.realitsolution.com/emailimage/cog-moreinfo-bg.png) repeat;width: 100%;margin: -132px 0 0 0;position: relative;z-index: 98;box-shadow: 0 -4px 6px -2px rgba(0, 0, 0, 0.6);-moz-box-shadow: 0 -4px 6px -2px rgba(0, 0, 0, 0.6);-webkit-box-shadow: 0 -4px 6px -2px rgba(0, 0, 0, 0.6);}
.ee-lite-banner-links p {margin: 0;padding: 0;}
.ee-lite-banner p.ee-lite-highlights {background: #424242;font-size: 23px;font-weight: 600;color: #5d5d5d;}
.ee-lite-banner p.ee-lite-highlights span {margin: 0 25px;font-size: 20px;font-weight: 600;color: #ffba24;padding: 14px 0;display: inline-block;zoom: 1;}
.ee-lite-banner-links .lfloat, .ee-lite-banner-links .rfloat {height: 50px;margin: 28px 0;padding: 0;}
.ee-lite-banner-links .lfloat p {color: #ffba24;font-size: 18px;font-weight: 100;line-height: 38px;text-align: left;}
.ee-lite-banner-links .lfloat p span {font-size: 30px;font-weight: 400;}
.ee-lite-banner-links p .white-text {font-size: 30px;font-weight: 400;color: #fff;}
.ee-lite-banner-links .lfloat p sup {margin: 0 5px 0 10px;}
.ee-lite-banner-links .rfloat p, .ee-lite-banner-links .rfloat p a {color: #bababa;text-align: right;font-size: 18px;font-weight: 100;}
.ee-lite-banner-links .rfloat p a {border: 1px solid #bababa;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;height: 46px;width: 135px;line-height: 46px;padding: 0 25px 0 0;margin: 0 0 0 15px;background: url(https://www.realitsolution.com/emailimage/ee-lite-preview-icon.gif) no-repeat 21px 18px;}

/* Plans */
.ee-lite-plans {margin-top: 65px;}
.ee-lite-plans h2, .ee-lite-features h2, .ee-lite-faqs h2 {font-size: 24px;font-weight: 600;color: #222;width: 100%;text-align: center;}
.ee-lite-plans h2 {background: url(https://www.realitsolution.com/emailimage/ee-lite-plan-heading.png) no-repeat center 14px;margin: 0;padding: 0;}
.ee-lite-plans-form {border: 1px solid #ccc;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;padding: 0;margin: 27px 0 0 0;position: relative;width: 100%;display: inline-block;}
label {padding: 0;}
.frm-field, .frm-select {font: normal 14px Arial, Helvetica, sans-serif;color: #626262;padding: 6px 11px !important;border: solid 1px #b2c4d4;-moz-border-radius: 4px;-webkit-border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;border-radius: 4px;box-shadow: 1px 2px 2px #E5EAEF inset;-moz-box-shadow: 1px 1px 2px #E5EAEF inset !important;-webkit-box-shadow: 1px 1px 2px #E5EAEF inset !important;-ms-box-shadow: 1px 1px 2px #E5EAEF inset !important;-o-box-shadow: 1px 1px 2px #E5EAEF inset !important;background: #fff;-webkit-transition: border linear 0.3s, box-shadow linear 0.3s;-moz-transition: border linear 0.3s, box-shadow linear 0.3s;transition: border linear 0.3s, box-shadow linear 0.3s;}
.ee-lite-plans-form label, .ee-lite-plans-form input, .ee-lite-select-wrapper {font-size: 15px;font-weight: 300;outline: none;}
.ee-lite-input-wrapper, .ee-lite-select-wrapper, .ee-lite-total-wrapper {padding-top: 26px;padding-bottom: 26px;}
.ee-lite-input-wrapper input {border: 1px solid #ccc;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;text-align: center;}
.ee-lite-input-wrapper input, .ee-lite-select-wrapper select {height: 26px;margin: 6px 0 0 0;outline: none;}
.ee-lite-input-wrapper input {margin-bottom: 6px;padding: 0px 11px !important;height: 39px;}
.dca_upsell_modal#upsell_modal .ee-lite-plan-details em, .eelite-per-account-space {color: #666;margin: 0;font-family: "proxima_nova", Arial;font-size: 12px !important;font-weight: 100;font-style: normal !important;line-height: 18px;position: static;visibility: visible;opacity: 1;}
.ee-dropdown {position: relative;}
.ee-dd {background: url(https://www.realitsolution.com/emailimage/ee-dropdown.gif) no-repeat 0 0;display: inline-block;height: 7px;width: 15px;position: absolute;top: 25px;right: 10px;}
.ee-lite-select-wrapper .ee-dd {top: 16px;}
#ee-value {height: 40px;line-height: 26px;margin-top: 6px;}
.ee-select-options {border: solid 1px #ccc;background: #fff;position: absolute;left: 0;top: 57px;width: 270px;z-index: 5;}
.ee-lite-select-wrapper .ee-select-options {top: 39px;}
.ee-select-options ul {margin: 0;padding: 0;}
.ee-select-options ul li {padding: 6px 0 6px 20px;color: #777;list-style-type:none;}
.ee-select-options ul li:hover {background: #3E8AE8;color: #fff;cursor: default;}
ul#ee-sl-value li {font-size: 15px;font-weight: 100;}
.ee-lite-total-wrapper .total-value {font-size: 18px;font-weight: bold;background: #f0f0f0;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;padding: 0 0 0 10px;width: 70%;height: 40px;line-height: 40px;margin: 3px 0 0 0;}
.ee-lite-submit-wrapper {background: #f4f4f4;height: 142px;border-radius: 0 6px 6px 0;-moz-border-radius: 0 6px 6px 0;-webkit-border-radius: 0 6px 6px 0;position: relative;}
.ee-lite-plan-divider {background: url(https://www.realitsolution.com/emailimage/ee-lite-plan-divider.gif) no-repeat;width: 23px;height: 142px;position: absolute;top: 0;left: -20px;}
.txt-button, .uiButton, .ui-button, .frmButton {display: inline-block;padding: 7px 12px;font: bold 17px/18px Arial, Helvetica, sans-serif;color: #fff;text-shadow: 1px 1px 0px #2662b6;text-align: center;background-color: #236fe2;background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#61aaef), color-stop(25%, #61aaef), to(#236fe2));background-image: -webkit-linear-gradient(#61aaef, #61aaef 25%, #236fe2);background-image: -moz-linear-gradient(top, #61aaef, #61aaef 25%, #236fe2);background-image: -ms-linear-gradient(#61aaef, #61aaef 25%, #236fe2);background-image: -o-linear-gradient(#61aaef, #61aaef 25%, #236fe2);background-image: linear-gradient(#61aaef, #61aaef 25%, #236fe2);background-repeat: no-repeat;border: 1px solid #5a8ddf;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: inset 0px 1px 0px 0px #9acdf9;-moz-box-shadow: inset 0px 1px 0px 0px #9acdf9;box-shadow: inset 0px 1px 0px 0px #9acdf9;cursor: pointer;text-decoration: none;-webkit-transition: background-position 0.2s linear;-moz-transition: background-position 0.2s linear;-ms-transition: background-position 0.2s linear;-o-transition: background-position 0.2s linear;transition: background-position 0.2s linear;overflow: visible;}
a.ui-button {text-decoration: none;color: #FFFFFF;}
.ee-lite-submit-wrapper #purchase_button {background: #2fbe15;border: 1px solid #18900b;cursor: pointer;font-size: 18px;font-weight: 100;color: #fff;text-shadow: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;outline: none;text-decoration: none;width: 125px;height: 40px;line-height: 40px;margin: 24px 25% 0;padding: 0;-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(216, 216, 216, 0.2);-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(216, 216, 216, 0.2);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(216, 216, 216, 0.2);outline: none;}
.ee-lite-submit-wrapper #purchase_button:hover {background: #34c918;-webkit-transition: background-color .2s ease-in-out;-moz-transition: background-color .2s ease-in-out;-o-transition: background-color .2s ease-in-out;transition: background-color .2s ease-in-out;}
.ee-lite-submit-wrapper #purchase_button:active {background: #2db315;}
.ee-lite-plan-details, .ee-lite-buy-seperator {margin: 0 0 0 22px;}
.ee-lite-plan-details {font-size: 18px;font-weight: 100;width: 100%;text-align: center;margin: 10px 0 0;line-height: 18px;}
.ee-lite-plan-details em {font-size: 12px;font-weight: 100;font-style: normal;}
.ee-upsell {font-size: 17px;font-weight: 400;text-align: center;margin: 17px 0 0 0;}
.ee-upsell a {text-decoration: underline;color: #377cec;}

/* features */
.ee-lite-features {margin-top: 62px;}
.ee-lite-features h2 {background: url(https://www.realitsolution.com/emailimage/ee-lite-features-heading.png) no-repeat center 12px;margin: 0 0 30px 0;padding: 0;}
.ee-lite-features span.feature-icon {background: url(https://www.realitsolution.com/emailimage/getImage.php.gif) no-repeat;margin-bottom: 6px;}
#ee-lite-design {width: 68px;height: 63px;background-position: 0 0;}
#ee-lite-spam {width: 58px;height: 63px;background-position: 0 -383px;}
#ee-lite-backup {width: 62px;height: 63px;background-position: 0 -145px;}
#ee-lite-security {width: 56px;height: 63px;background-position: 0 -65px;}
#ee-lite-contacts {width: 56px;height: 63px;background-position: 0 -225px;}
#ee-lite-social {width: 65px;height: 63px;background-position: 0 -305px;}
.ee-lite-features h3 {width: 60%;margin: 0 auto;padding: 0;font-size: 18px;font-weight: 600;color: #1b1b1b;margin-bottom: 4px;}
.ee-lite-features p {font-size: 15px;font-weight: 100;text-align: center;color: #1b1b1b;line-height: 21px;}

/* FAQ's */
.ee-lite-faqs h2 {background: url(https://www.realitsolution.com/emailimage/ee-lite-faqs-heading.png) no-repeat 358px 13px;margin: 7px 0 25px 0;padding: 0;}
.ee-lite-faqs .spacing-bottom-20 {display:block;padding-bottom: 20px;}
.ee-lite-faqs h4 {font-size: 15px;font-weight: 700;color: #1b1b1b;margin: 0;padding-bottom: 12px;}
.ee-lite-faqs p {font-size: 15px;font-weight: 100;color: #1b1b1b;line-height: 21px;}

/* Enterprise Email Hosting */
.clear {clear: both;}
.xheading {font: bold 26px 'Rokkitt', serif;text-align: center;color: #3E8AE8;text-transform: uppercase;margin: 40px 0 0;}

/* Gray Box */
.gray-box-wrp {background: #f5f5f5;border: solid 1px #c3c3c3;width: 80%;margin: 0 auto;}
.gray-box-wrp .grd-div {border: solid 1px #f3f3f3;padding: 20px;position: relative;box-shadow: 0 0 5px 3px #E9E9E9 inset;-webkit-box-shadow: 0 0 5px 3px #E9E9E9 inset;-moz-box-shadow: 0 0 5px 3px #E9E9E9 inset;-ms-box-shadow: 0 0 5px 3px #E9E9E9 inset;-o-box-shadow: 0 0 5px 3px #E9E9E9 inset;z-index: 0;}
.badge-mbg {position: absolute;top: -1px;right: -1px;width: 111px;height: 100px;background: url(https://www.realitsolution.com/emailimage/mbg-bg.png) no-repeat 0 0;z-index: 99;}
.gray-box-wrp .box {margin-right: -16px;}
.gray-box-wrp .labels {font: bold 24px Arial, Helvetica, sans-serif;color: #5b5b5b;padding-top: 27px;margin: 0;}
.gray-box-wrp .spec {margin: 0;padding-bottom: 14px;font: 16px Arial, Helvetica, sans-serif;}
.gray-box-wrp .email .frm-field {padding: 10px 0 !important;font: normal 23px Arial, Helvetica, sans-serif;text-align: center;width: 94%;height: 56px;border: solid 1px #b2c4d4;}
.duration .frm-select {margin: 0 !important;padding: 13px 15px !important;font: normal 21px Arial, Helvetica, sans-serif;color: #666666;height: 56px !important;cursor: default;}
.gray-box-wrp .subtotal {margin: 0;}
.gray-box-wrp .subtotal {background: url(https://www.realitsolution.com/emailimage/black-board.jpg) repeat;border: 4px solid #FFFFFF;box-shadow: 0 0 2px 3px #DFDFDF;height: 175px;text-align: center;}
.subtotal .total-heading {font: normal 20px Arial, Helvetica, sans-serif;color: #fff;text-align: center;margin: 0;padding-top: 26px;}
.subtotal .total-amount {font: normal 32px Arial, Helvetica, sans-serif;text-shadow: 0 5px 1px #313131;color: #fff;text-align: center;margin: 0;padding: 10px 0;}
.grd-div .currency_symbol {margin-right: 2px;}
.subtotal .ui-button {font: bold 14px Arial, Helvetica, sans-serif;padding: 9px 25px;text-transform: uppercase;}
.div-spacer {direction: block;clear: both;height: 25px;}

/* Country Boxes */
.switch-nav {background: url(https://www.realitsolution.com/emailimage/div-bg.gif) repeat-x scroll 0 18px transparent;height: 50px;text-align: center;margin: 15px 0;clear: both;position: relative;}
switch-nav .tab-wrp {display: inline-block;}
.switch-nav .tab1 {background: url(https://www.realitsolution.com/emailimage/tabs.png) no-repeat;height: 46px;width: 436px;margin: 0 auto;}
.switch-nav .tab2 {background: url(https://www.realitsolution.com/emailimage/tabs.png) no-repeat 0px -66px;height: 46px;width: 436px;margin: 0 auto;}
.switch-nav .tab-wrp div {display: inline;}
.switch-nav .tab-wrp div a {display: inline-block;color: #000;width: 49%;padding: 5px 0;font: bold 21px 'Rokkitt', serif;text-decoration: none;cursor: pointer;}
.switch-nav .tab-wrp div .fea-active {height: 42px;color: #fff;}
.switch-nav .tab-wrp div .faq-active {display: inline-block;color: #fff;cursor: pointer;}
.features-col {color: #5b5b5b;}
.features-col .fea-cont {background: url(https://www.realitsolution.com/emailimage/feature-bg.jpg) no-repeat center bottom;height: 204px;position: relative;}
.ic-thumb-social {background: url(https://www.realitsolution.com/emailimage/ic-thumb-social.jpg) no-repeat 57px 18px;}
.ic-thumb-more {background: url(https://www.realitsolution.com/emailimage/ic-thumb-storage.jpg) no-repeat -6px 30px;}
.ic-thumb-mobility {background: url(https://www.realitsolution.com/emailimage/ic-thumb-mobility.jpg) no-repeat 0px 44px;}
.ic-thumb-collaboration {background: url(https://www.realitsolution.com/emailimage/ic-thumb-collaboration.jpg) no-repeat 70px 40px;}
.ic-thumb-webmail {background: url(https://www.realitsolution.com/emailimage/ic-thumb-webmail.jpg) no-repeat 1px 34px;}
.features-col .fea-cont .even {height: 203px;}
.features-col .fea-cont .odd {height: 203px;}
.features-wrp h3 {font: normal 18px Arial, Helvetica, sans-serif;color: #5c5d5c;margin: 0;padding: 0 0 5px 0;}
.features-col .fea-cont h3 {font: normal 26px/35px Arial, Helvetica, sans-serif;color: #5b5b5b;margin: 0;padding-top: 50px;}
.features-col .fea-cont p {font: normal 16px/23px Arial, Helvetica, sans-serif;margin: 0;}
.txt-ee-feature {color: #FFFFFF;display: inline-block;font: bold 19px/21px 'Rokkitt',serif;position: absolute;left: 18px;text-align: center;bottom: 46px;width: 70%;}
.txt-ee-feature strong {color: #FFFFFF;font-size: 44px;}
.cl-fea {color: #111111;font: 14px arial;position: absolute;text-align: center;}
.cl-fea1 {left: 64px;top: 86px;width: 55px;}
.cl-fea2 {left: 136px;top: 86px;width: 114px;}
.cl-fea3 {left: 62px;bottom: 20px;width: 60px;}
.cl-fea4 {left: 142px;bottom: 20px;width: 106px;}
#que-ans {padding-top: 10px;}
.que {cursor: pointer;}
.faqs-wrp .que {font: normal 18px Arial, Helvetica, sans-serif;color: #57802a;padding: 10px 0 0 0;}
.faqs-wrp .ans {font: normal 14px/25px Arial, Helvetica, sans-serif;color: #555;padding: 5px 25px 20px 25px;}

/* MEDIA QUERIES */
@media only screen and (max-width: 767px) {
.ee-lite-banner h1.ee-lite-description {font-size: 32px;}
.ee-lite-banner p {font-size: 16px;}
.ee-lite-banner p img {margin: 5px auto 0;}
.ee-lite-banner p.ee-lite-highlights span {font-size: 14px;padding: 5px 0;}
.ee-lite-banner-links .lfloat p span {font-size: 15px !important;}
sup {top: -0.2em;}
.ee-lite-banner-links .lfloat, .ee-lite-banner-links .rfloat {height: 38px;}
.ee-lite-banner-links .rfloat p a {height: 40px;line-height: 40px;background: url(http://domain.realitsolution.com/getImage.php?src=images/ee-lite-preview-icon.gif) no-repeat 21px 15px;}
.ee-lite-plans h2 {font-size: 18px;}
.ee-lite-input-wrapper, .ee-lite-select-wrapper, .ee-lite-total-wrapper {padding-top: 12px;padding-bottom: 12px;}
.ee-lite-select-wrapper {padding-bottom: 50px;}
.ee-lite-features h3 {width: 64%;}
.ee-lite-features p {font-size: 14px;}
.gray-box-wrp .subtotal {margin: 36px 0 0;}
}

@media only screen and (max-width: 660px) {
.features-col .fea-cont {height: 316px;}
.ic-thumb-social {background-position: 16px 18px;}
.features-col .fea-cont h3 {font: normal 26px/35px Arial, Helvetica, sans-serif;color: #5b5b5b;margin: 0;padding-top: 10px;}
.txt-ee-feature {width: 33%;}
}

@media only screen and (max-width: 480px) {
.ee-lite-banner {padding: 16px 0 0 0;}
.ee-lite-banner h1.ee-lite-description {font-size: 18px;line-height: 24px;}
.ee-lite-banner p {font-size: 12px !important;line-height: 14px !important;}
.ee-lite-banner-links {margin: -34px 0 0 0;}
.ee-lite-banner-links .lfloat, .ee-lite-banner-links .rfloat {height: 20px;width: 100%;margin: 16px 0;}
.ee-lite-banner-links .rfloat {margin: 0 -20px 36px;text-align: left;}
.ee-lite-input-wrapper, .ee-lite-select-wrapper, .ee-lite-total-wrapper {padding-bottom: 0;}
#ee-value {font-size: 11px;}
.ee-lite-total-wrapper {padding-bottom: 10px;}
.ee-lite-plan-divider {display: none;}
.xheading {font-size: 16px;}
.features-col .fea-cont {height: 360px;}
.switch-nav .tab1 {background: url(../images/mobile-tabs.png) no-repeat 0px 10px;height: 42px;width: 250px;margin: 0 auto;}
.switch-nav .tab2 {background: url(../images/mobile-tabs.png) no-repeat 0px -27px;height: 42px;width: 250px;margin: 0 auto;}
.switch-nav .tab-wrp div a {font-size: 16px;padding: 10px 0;}
}