Results of the CSS crunched for salarysupport.com

Let's see what we've done for salarysupport.com

CSSCruncher.com has crunched this CSS to
41.11 %Less Size! I cant't believe it!

Crunched CSS code:

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,800italic,400,800,700,600);article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display:block}
audio, canvas, video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html, button, input, select, textarea{font-family:sans-serif}
body{margin:0}
a:focus{outline:thin dotted}
a:active, a:hover{outline:0}
h1{font-size:2em;margin:0.67em 0}
h2{font-size:1.5em;margin:0.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:0.83em;margin:1.67em 0}
h6{font-size:0.67em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b, strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
p, pre{margin:1em 0}
code, kbd, pre, samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before, q:after{content:'';content:none}
small{font-size:80%}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl, menu, ol, ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu, ol, ul{padding:0 0 0 40px}
nav ul, nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button, input, select, textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button, input{line-height:normal}
button, select{text-transform:none}
button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled], html input[disabled]{cursor:default}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
html, button, input, select, textarea{color:#333333}
html{font-size:1em;line-height:1.4;font-family:Arial,sans-serif}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
audio, canvas, img, video{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.browsehappy{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}
.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}
.ir:before{content:"";display:block;width:0;height:150%}
.hidden{display:none !important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:before, .clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
.mb-0{margin-bottom:0!important}
a{color:#0065a3}
a:hover{color:#157ec1}
body{width:100%;min-width:960px;height:100%;background:#f6f7f9}
.header-wrap{width:100%;height:80px;background:#ffffff}
header{width:960px;margin:0 auto;overflow:hidden}
.logo{padding-top:23px;float:left}
.logo a{display:block;width:214px;height:35px;background:url(files/images/ss1.svg) 0 0 no-repeat}
.slogan-wrap{padding:25px;float:left;font-size:13px;line-height:2.2;font-family:'Opan sans',sans-serif;font-weight:700;color:#002c49;text-transform:uppercase}
.slogan{display:block;width:370px;height:30px;padding:0 0 0 22px;padding-top:0;border-left:1px solid #2c4e6b}
.certificate{padding-top:14px;padding-right:2px;float:right}
.certificate img{border-radius:5px}
.top-nav-wrap{width:960px;margin:0 auto}
.top-nav{margin:0;padding:0;overflow:hidden}
.top-nav-item{display:block;float:left;width:238px;margin-left:2px;text-align:center}
.top-nav-item:first-child{margin-left:0}
.top-nav-link{display:block;width:100%;height:40px;font-size:14px;line-height:40px;font-weight:bold;text-transform:uppercase;text-decoration:none;color:#4aa2db;background:#06446c;border-radius:5px 5px 0 0;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.top-nav-link:hover{color:#a8c7db;background:#0f4d75}
.top-nav-link:active{color:#a8c7db;background:#053a5c}
.banner{width:100%;height:526px;margin-bottom:40px;background:#f6f7f9 url(files/images/banner.jpg) top center no-repeat}
.form-container{position:relative;width:960px;margin:0 auto}
.form-wrap{position:absolute;width:480px;height:446px;top:40px;right:0;background:#0F365B;border-radius:10px;-moz-box-shadow:0 0 10px -4px #000;-webkit-box-shadow:0 0 10px -4px #000;box-shadow:0 0 10px -4px #000}
.form-text{position:relative;padding-top:25px;padding-left:33px;padding-bottom:26px}
.five-min{position:absolute;right:35px;bottom:22px}
.online-cash,.get-started{display:block;font-family:'Opan sans',sans-serif;line-height:1;-webkit-text-shadow:0px 1px 1px rgba(0,0,0,0.5);-moz-text-shadow:0px 1px 1px rgba(0,0,0,0.5);-o-text-shadow:0px 1px 1px rgba(0,0,0,0.5);text-shadow:0px 1px 1px rgba(0,0,0,0.5)}
.online-cash{padding-bottom:17px;font-size:44px;font-weight:700;color:#fff}
.get-started{font-size:25px;font-weight:800;color:#E38D00}
.form{position:relative;width:460px;height:207px;padding:30px;margin:0 auto;background:#fff url(files/images/secure-website.png) 285px 143px no-repeat;border-radius:10px}
.form:before{content:"";position:absolute;display:block;width:36px;height:18px;top:-12px;left:23px;background:url(files/images/triangle.png) 0 0 no-repeat}
.form input[type="text"],.form select{position:relative;display:block;width:193px;height:37px;padding:7px 15px;float:left;font-size:15px;font-weight:bold;background:#f2f2f2;border:1px solid #a3a3a3;border-radius:2px;vertical-align:middle}
.lt-ie9 .form input[type="text"],.lt-ie9 form select{line-height:37px}
.form input[type="text"],.select-i,.custome-select{-moz-box-shadow:inset 0px 2px 3px -2px #a3a3a3;-webkit-box-shadow:inset 0px 2px 3px -2px #a3a3a3;box-shadow:inset 0px 2px 3px -2px #a3a3a3}
.form input[type="text"]:focus{outline:none}
.form input:-moz-placeholder{color:#000000}
.form input::-moz-placeholder{color:#000000}
.form input:-ms-input-placeholder{color:#000000}
.form input::-webkit-input-placeholder{color:#000000}
.form-row{padding-bottom:14px;overflow:hidden}
.form-row span{float:left;margin-left:14px}
.form-row span:first-child{margin-left:0}
.custome-select-wrap{position:relative;display:block;width:193px;height:37px;float:left;line-height:1}
.select-i{position:absolute;width:193px;height:37px;padding:0 15px;top:0;left:0;font-size:15px;font-weight:bold;line-height:37px;vertical-align:middle;background:#f2f2f2;border:1px solid #a3a3a3;border-radius:2px;z-index:1}
.select-i:after{content:'';position:absolute;display:block;width:11px;height:7px;top:14px;right:13px;background:url(files/images/caret.png) 0 0 no-repeat}
.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;white-space:nowrap;padding:14px 0;font-size:18px;color:#ffffff;line-height:1;font-family:'Opan sans',sans-serif;font-weight:800;text-transform:uppercase;border-radius:3px;-webkit-text-shadow:0px 1px 1px rgba(0,0,0,0.5);-moz-text-shadow:0px 1px 1px rgba(0,0,0,0.5);-o-text-shadow:0px 1px 1px rgba(0,0,0,0.5);text-shadow:0px 1px 1px rgba(0,0,0,0.5);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-moz-box-shadow:0px 1px 1px 0px #c0c0c0;-webkit-box-shadow:0px 1px 1px 0px #c0c0c0;box-shadow:0px 1px 1px 0px #c0c0c0}
.btn:focus{outline:none}
.btn-yellow{width:193px;background:#F09500;border:0}
.btn-yellow:hover{background:#FF9F00}
.btn-yellow:active{background:#87263F;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.custome-checkbox-label{position:absolute;height:22px;padding-left:30px;left:13px;bottom:-36px;font-size:11px;line-height:1.2em;color:#a2b0be;background:url(files/images/checkbox-checked.png) 0 0 no-repeat}
.main-container{width:960px;margin:0 auto;overflow:hidden}
.features-wrap{width:100%;margin-bottom:35px;overflow:hidden}
.features-item{width:25%;float:left;overflow:hidden}
.feature-title{height:35px;padding-left:44px;margin-bottom:9px;font-size:18px;font-family:'Opan sans',sans-serif;font-weight:700;line-height:1.7}
.f1{padding-left:44px;background:url(files/images/ss-ic-04.svg) 0 -4px no-repeat}
.f2{background:url(files/images/ss-icon-5.svg) 0 -3px no-repeat;padding-left:42px}
.f3{background:url(files/images/ss-ic-02.svg) 0 -1px no-repeat}
.f4{background:url(files/images/ss-ic-01.svg) 0 -2px no-repeat;padding-left:44px}
.feature-text{font-size:12px;line-height:1.5}
.article{width:960px;padding:40px 40px 32px 40px;margin-bottom:30px;background:#ffffff;border-radius:10px;overflow:hidden}
.article-title{margin:0 0 28px 0;font-size:25px;font-family:'Opan sans',sans-serif;font-weight:700;line-height:0.75}
.article-subtitle{margin:0 0 25px 0;font-size:18px;font-family:'Opan sans',sans-serif;font-weight:700;line-height:0.75}
.article-p{margin:0 0 25px 0;font-size:12px;line-height:1.85}
.article-prelist{margin:0 0 5px 0;font-size:12px;line-height:1.85}
.step-wrap{overflow:hidden;margin-top:21px}
.step{width:270px;float:left;overflow:hidden;margin-left:34px}
.step:first-child{margin-left:0}
.step-title{padding-top:8px;padding-bottom:4px;margin-bottom:17px;font-size:18px;font-family:'Opan sans',sans-serif;font-weight:700;border-bottom:1px solid #cfcfcf}
.step-number{display:inline-block;width:28px;padding-left:12px;padding-bottom:8px;padding-top:3px;color:#94193E}
.step:first-child .step-number{padding-left:10px}
.article-step{margin:0;font-weight:bold}
.article-step .step-number{padding-top:6px;font-weight:bold}
.step-text{font-size:12px;line-height:1.7}
.block{width:465px;padding:27px 15px 17px 38px;margin-right:30px;background:#ffffff;border-radius:10px;float:left;overflow:hidden;margin-bottom:40px}
.block-title{font-size:16px;font-family:'Opan sans',sans-serif;line-height:1;font-weight:700;margin:0 0 14px 0}
.list-bullet,.article-list-bullet{margin:0 0 0 -11px;padding:0;list-style:none}
.list-bullet li{margin-bottom:9px;padding-left:11px;font-size:12px;background:url(files/images/bullet.png) 0 6px no-repeat}
.article-list-bullet{margin-bottom:25px}
.article-list-bullet li{margin-bottom:9px;padding-left:11px;font-size:12px;line-height:2;background:url(files/images/bullet.png) 0 10px no-repeat}
.testimonials-carousel-container{width:465px;padding:23px 35px 17px 35px;background:#ffffff;border:1px solid #d0d0d0;border-radius:10px;float:left;overflow:hidden}
.testimonials-title{font-size:16px;font-family:'Opan sans',sans-serif;line-height:1;font-weight:700;margin:0 0 14px 0}
.testimonials-carousel-wrap{position:relative;width:390px;margin-top:18px}
.testimonials-carousel{width:390px}
.testimonials-slide{width:390px;overflow:hidden}
.testimonials-slide-photo{display:block;width:58px;height:58px;margin-right:15px;margin-top:5px;margin-left:3px;float:left;overflow:hidden}
.testimonials-slide-text{position:relative;width:314px;float:left;overflow:hidden;height:100%}
.slide-text{display:block;margin-bottom:35px;font-size:12px;line-height:1.8;vertical-align:top;overflow:hidden}
.slide-rating{position:absolute;bottom:0;width:314px;overflow:hidden}
.rating-name{font-size:12px;line-height:1;font-weight:bold;vertical-align:top}
.stars{width:74px;height:12px;float:right;background:url(files/images/stars.png) 0 0 no-repeat;overflow:hidden}
.testimonials-next,.testimonials-prev{position:absolute;width:19px;height:19px;top:-43px}
.testimonials-next{background:url(files/images/next.png) 0 0 no-repeat;right:0}
.testimonials-prev{background:url(files/images/prev.png) 0 0 no-repeat;right:21px}
.testimonials-next.disabled{background:url(files/images/next.png) 0 0 no-repeat;opacity:0.65;filter:alpha(opacity=)}
.testimonials-prev.disabled{background:url(files/images/prev.png) 0 0 no-repeat;opacity:0.65;filter:alpha(opacity=65)}
.footer-wrap{width:100%;background:#ffffff;overflow:hidden}
footer{width:960px;margin:0 auto;overflow:hidden}
.footer-nav{display:block;padding:40px 0 27px 0;margin:0;font-size:0;line-height:0;border-bottom:1px solid #cfcfcf;text-align:justify;text-justify:newspaper}
.footer-nav:after{display:inline-block;height:0;overflow:hidden;visibility:hidden;width:100%;content:''}
.footer-nav-item{display:inline-block}
.footer-nav-link{font-size:13px;line-height:1;color:#6e6e6e;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.active.footer-nav-link{font-weight:bold;color:#000000;text-decoration:none}
.terms{margin:35px 0 35px 0}
.terms-p{margin:0;font-size:10px;line-height:2;color:#666666;text-transform:uppercase}
.footer-content{margin-bottom:35px}
.deploy{margin:1.85em 0}
.deploy-wrap{height:0;overflow:hidden;transition:height 0.3s ease-in-out;padding-left:14px}
.deploy-title{margin:0;font-weight:bold;cursor:pointer}
.deploy-title ~ .deploy-title{margin-top:0.33em}
.deploy-title:before{content:"+";margin-right:5px}
.deploy-title.active:before{content:"‒"}
.form-top{width:960px;margin:40px auto}
.form-top .form-wrap{position:relative;width:960px;height:291px;top:0;right:0;background:url(files/images/form-bg-wide.png) 0 0 no-repeat;-moz-box-shadow:0 5px 14px 0px rgba(0,0,0,0.5);-webkit-box-shadow:0 5px 14px 0px rgba(0,0,0,0.5);box-shadow:0 5px 14px 0px rgba(0,0,0,0.5)}
.form-top .form{width:950px;height:160px;padding:30px 35px;background-image:none}
.form-top .form:before{top:-9px}
.form-top .form-text{padding-bottom:26px;background:none;background-image:none}
.form-top .online-cash{padding-bottom:6px}
.form-top .five-min{position:absolute;right:39px;bottom:29px}
.form-top .custome-checkbox-label{top:94px;left:257px;color:#a2b0be;background:url(files/images/checkbox-checked-2.png) 0 0 no-repeat;padding-top:5px}
.form-top .form-row{float:left}
.form-top .form-row:first-child{margin-right:14px}
.form-top .form input[type="text"],.form-top .form select,.form-top .custome-select-wrap,.form-top .select-i{width:209px}
.form-top .btn{width:209px}
.offer-form-container{margin:30px 0 40px 0;overflow:hidden}
.offer-form-container .online-cash,.offer-form-container .get-started{-webkit-text-shadow:none;-moz-text-shadow:none;-o-text-shadow:none;text-shadow:none}
.offer-form-container .online-cash{color:#333333;padding-bottom:6px}
.offer-form{width:602px;margin-top:25px;margin-right:40px;float:left}
.offer-form-features{width:318px;padding:30px 29px 37px 29px;margin-top:25px;float:left;background:#ffffff;border:1px solid #d0d0d0;border-radius:10px;overflow:hidden}
.offer-form-features .features-wrap{margin-bottom:0}
.offer-form-features .features-item{width:100%;margin-bottom:20px;float:none}
.offer-form-features .feature-text{padding-bottom:25px;border-bottom:1px solid #cfcfcf}
.features-item:last-child .feature-text:last-child{border:none;padding-bottom:0}
.offer-form-features .features-item:last-child{margin-bottom:0}
.offer-form-features .last.features-item .feature-text{padding-bottom:0;border-bottom:0}
@media screen and (max-width:640px){body{min-width:510px;background:#f1f5f8}
header{width:auto;padding:0 10px}
.slogan-wrap,.top-nav-wrap{display:none}
.header-wrap{height:80px}
.form-wrap{position:static}
.form-container{width:auto}
.banner{background:#ddd1c3;height:auto;padding:20px 15px;margin-bottom:17px}
.main-container{width:auto;margin:20px}
.feature-title{margin-bottom:3px}
.features-wrap{margin-bottom:0}
.features-item{width:50%;margin-bottom:22px}
.article{width:auto;padding:18px}
.article-p{margin-bottom:0}
.step{margin-left:0;float:none;width:auto;margin-top:20px}
.testimonials-carousel-container{display:none}
.footer-nav{display:none}
.terms{margin:0;padding:20px}
.block{width:auto;margin:0;float:none;height:auto!important}
footer{width:auto}
.offer-form-features{display:none}
.offer-form{float:none;margin-right:0;width:auto;padding:10px;height:auto}
.online-cash{font-size:24px}
.get-started{font-size:20px}
.five-min{display:none}}
.tooltip{display:none;color:#7e7967;font-size:12px;font-weight:bold;position:absolute;width:205px;z-index:999}
.tooltipBottom{background:url(files/images/s_allpng24.png) 0 -420px;display:block;height:36px}
.tooltipContent{background:url(files/images/s_allpng24.png) 0 -269px;line-height:20px;padding:30px 12px 0 12px}
.tooltipContentI{background:#fef1a6;padding:0 13px 0 13px}
.tooltipClose{float:right;cursor:pointer;margin:-20px 0 0 0;padding:10px}
.admin-toolbar{position:fixed;top:0;background-color:#ffffff;border:1px solid #aaaaaa;padding:2px 5px}
.validationPassed select,.validationPassed input{background-color:#d7f4db !important;border-color:#3fb87f !important}
.validationError select,.validationError input{background-color:#fae3e3 !important;border-color:#ee7373 !important}
.form__error{color:#cc0001;font-size:12px;line-height:1.2;transition:all .3s ease}

» Show original CSS code

« Hide original CSS code

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,800italic,400,800,700,600);

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

}
html,
button,
input,
select,
textarea {
    color: #333333;
}

html {
    font-size: 1em;
    line-height: 1.4;
    font-family: Arial, sans-serif;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
.mb-0{
    margin-bottom: 0!important;
}

a{
    color: #0065a3;
}
a:hover{
    color: #157ec1;
}
body{
    width: 100%;
    min-width: 960px;
    height: 100%;
    background: #f6f7f9;
}
/*************** Header ******************/
.header-wrap {
    width: 100%;
    height: 80px;
    background: #ffffff;
 
}
header {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}
.logo {
    padding-top: 23px;
    float: left;
}
.logo a {
    display: block;
    width: 214px;
    height: 35px;
    background: url(files/images/ss1.svg) 0 0 no-repeat;
}
.slogan-wrap {
    padding: 25px;
    float: left;
    font-size: 13px;
    line-height: 2.2;
    font-family:'Opan sans', sans-serif;
    font-weight: 700;
    color: #002c49;
    text-transform: uppercase;
}
.slogan {
    display: block;
    width: 370px;
    height: 30px;
    padding: 0 0 0 22px;
    padding-top: 0;
    border-left: 1px solid #2c4e6b;
}
.certificate {
    padding-top: 14px;
    padding-right: 2px;
    float: right;

}
.certificate img {
    border-radius: 5px;
}
.top-nav-wrap {
    width: 960px;
    margin: 0 auto;
}
.top-nav {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.top-nav-item {
    display: block;
    float: left;
    width: 238px;
    margin-left: 2px;
    text-align: center;
}
.top-nav-item:first-child {
    margin-left: 0;
}
.top-nav-link {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #4aa2db;
    background: #06446c;
    border-radius: 5px 5px 0 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.top-nav-link:hover {
    color: #a8c7db;
    background: #0f4d75;
}
.top-nav-link:active {
    color: #a8c7db;
    background: #053a5c;
}
/************** Banner with form **************/
.banner {
    width: 100%;
    height: 526px;
    margin-bottom: 40px;
    background: #f6f7f9 url(files/images/banner.jpg) top center no-repeat;
}
.form-container {
    position: relative;
    width: 960px;
    margin: 0 auto;
}
.form-wrap {
    position: absolute;
    width: 480px;
    height: 446px;
    top: 40px;
    right: 0;
    background: #0F365B;
    border-radius: 10px;
    -moz-box-shadow: 0 0 10px -4px #000;
    -webkit-box-shadow: 0 0 10px -4px #000;
    box-shadow: 0 0 10px -4px #000;
}
.form-text {
    position: relative;
    padding-top: 25px;
    padding-left: 33px;
    padding-bottom: 26px;
}
.five-min{
    position: absolute;
    right: 35px;
    bottom: 22px;
}
.online-cash, .get-started {
    display: block;
    font-family:'Opan sans', sans-serif;
    line-height: 1;
    -webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    -moz-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    -o-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}
.online-cash {
    padding-bottom: 17px;
    font-size: 44px;
    font-weight: 700;
    color: #fff;
}
.get-started {
    font-size: 25px;
    font-weight: 800;
    color: #E38D00;
}
.form {
    position: relative;
    width: 460px;
    height: 207px;
    padding: 30px;
    margin: 0 auto;
    background: #fff url(files/images/secure-website.png) 285px 143px no-repeat;
    border-radius: 10px;
}
.form:before{
    content: "";
    position: absolute;
    display: block;
    width: 36px;
    height: 18px;
    top: -12px;
    left: 23px;
    background: url(files/images/triangle.png) 0 0 no-repeat;
}

.form input[type="text"], .form select {
    position: relative;
    display: block;
    width: 193px;
    height: 37px;
    padding: 7px 15px;
    float: left;
    font-size: 15px;
    font-weight: bold;
    background: #f2f2f2;
    border: 1px solid #a3a3a3;
    border-radius: 2px;
    vertical-align: middle;
}
.lt-ie9 .form input[type="text"], .lt-ie9 form select{
    line-height: 37px;
}

.form input[type="text"], .select-i, .custome-select{
    -moz-box-shadow: inset 0px 2px 3px -2px #a3a3a3;
    -webkit-box-shadow: inset 0px 2px 3px -2px #a3a3a3;
    box-shadow: inset 0px 2px 3px -2px #a3a3a3;
}
.form input[type="text"]:focus {
    outline: none;
}
.form input:-moz-placeholder {
    color: #000000;
}
.form input::-moz-placeholder {
    color: #000000;
}
.form input:-ms-input-placeholder {
    color: #000000;
}
.form input::-webkit-input-placeholder {
    color: #000000;
}
.form-row {
    padding-bottom: 14px;
    overflow: hidden;
}
.form-row span {
    float: left;
    margin-left: 14px;
}
.form-row span:first-child {
    margin-left: 0;
}
.custome-select-wrap {
    position: relative;
    display: block;
    width: 193px;
    height: 37px;
    float: left;
    line-height: 1;
}
.select-i {
    position: absolute;
    width: 193px;
    height: 37px;
    padding: 0 15px;
    top: 0;
    left: 0;
    font-size: 15px;
    font-weight: bold;
    line-height: 37px;
    vertical-align: middle;
    background: #f2f2f2;
    border: 1px solid #a3a3a3;
    border-radius: 2px;
    z-index: 1;
}
.select-i:after {
    content:'';
    position: absolute;
    display: block;
    width: 11px;
    height: 7px;
    top: 14px;
    right: 13px;
    background: url(files/images/caret.png) 0 0 no-repeat;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 14px 0;
    font-size: 18px;
    color: #ffffff;
    line-height: 1;
    font-family:'Opan sans', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    border-radius: 3px;
    -webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    -moz-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    -o-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -moz-box-shadow: 0px 1px 1px 0px #c0c0c0;
    -webkit-box-shadow: 0px 1px 1px 0px #c0c0c0;
    box-shadow: 0px 1px 1px 0px #c0c0c0;
}
.btn:focus {
    outline: none;
}
.btn-yellow {
    width: 193px;
    background: #F09500;
    border:0;
}
.btn-yellow:hover {
    background: #FF9F00;
}
.btn-yellow:active {
    background: #87263F;

-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.custome-checkbox-label{
    position: absolute;
    height: 22px;
    padding-left: 30px;
    left: 13px;
    bottom: -36px;
    font-size: 11px;
    line-height: 1.2em;
    color: #a2b0be;
    background: url(files/images/checkbox-checked.png) 0 0 no-repeat;
}

/************** Main **************/
.main-container{
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}
.features-wrap{
    width: 100%;
    margin-bottom: 35px;
    overflow: hidden;
}
.features-item{
    width: 25%;
    float: left;
    overflow: hidden;
}
.feature-title{
    height: 35px;
    padding-left: 44px;
    margin-bottom: 9px;
    font-size: 18px;
    font-family:'Opan sans', sans-serif;
    font-weight: 700;
    line-height: 1.7;
}

.f1{
    padding-left: 44px;
    background: url(files/images/ss-ic-04.svg) 0 -4px no-repeat;
}
.f2{
    background: url(files/images/ss-icon-5.svg) 0 -3px no-repeat;
    padding-left: 42px;
}
.f3{
    background: url(files/images/ss-ic-02.svg) 0 -1px no-repeat;
}
.f4{
    background: url(files/images/ss-ic-01.svg) 0 -2px no-repeat;
    padding-left: 44px;
}
.feature-text{
    font-size: 12px;
    line-height: 1.5;
}
.article{
    width: 960px;
    padding: 40px 40px 32px 40px;
    margin-bottom: 30px;
    background: #ffffff;
    /*border: 1px solid #d0d0d0;*/
    border-radius: 10px;
    overflow: hidden;
}
.article-title{
    margin: 0 0 28px 0;
    font-size: 25px;
    font-family:'Opan sans', sans-serif;
    font-weight: 700;
    line-height: 0.75;
}
.article-subtitle{
    margin: 0 0 25px 0;
    font-size: 18px;
    font-family:'Opan sans', sans-serif;
    font-weight: 700;
    line-height: 0.75;
}
.article-p{
    margin: 0 0 25px 0;
    font-size: 12px;
    line-height: 1.85;
}
.article-prelist{
    margin: 0 0 5px 0;
    font-size: 12px;
    line-height: 1.85;
}
.step-wrap{
    overflow: hidden;
    margin-top: 21px;
}
.step{
    width: 270px;
    float: left;
    overflow: hidden;
    margin-left: 34px;
}
.step:first-child{
    margin-left: 0;
}
.step-title{
    padding-top: 8px;
    padding-bottom: 4px;
    margin-bottom: 17px;
    font-size: 18px;
    font-family:'Opan sans', sans-serif;
    font-weight: 700;
    border-bottom: 1px solid #cfcfcf;
}
.step-number{
    display: inline-block;
    width: 28px;
    padding-left: 12px;
    padding-bottom: 8px;
    padding-top: 3px;
    /*margin-right: 10px;*/
    color: #94193E;
    /*background: url(files/images/step.png) 0 0 no-repeat;*/
}
.step:first-child .step-number{
    padding-left: 10px;
}
.article-step{
    margin: 0;
    font-weight: bold;
}
.article-step .step-number{
    padding-top: 6px;
    font-weight: bold;
}
.step-text{
    font-size: 12px;
    line-height: 1.7;
}
.block{
    width: 465px;
    /* min-height: 220px!important; */
    padding: 27px 15px 17px 38px;
    margin-right: 30px;
    background: #ffffff;
    /*border: 1px solid #d0d0d0;*/
    border-radius: 10px;
    float: left;
    overflow: hidden;
    margin-bottom: 40px;
}
.block-title{
    font-size: 16px;
    font-family:'Opan sans', sans-serif;
    line-height: 1;
    font-weight: 700;
    margin: 0 0 14px 0;
}
.list-bullet, .article-list-bullet{
    margin: 0 0 0 -11px;
    padding: 0;
    list-style: none;
}
.list-bullet li{
    margin-bottom: 9px;
    padding-left: 11px;
    font-size: 12px;
    background: url(files/images/bullet.png) 0 6px no-repeat;
}
.article-list-bullet{
    margin-bottom: 25px;
}
.article-list-bullet li{
    margin-bottom: 9px;
    padding-left: 11px;
    font-size: 12px;
    line-height: 2;
    background: url(files/images/bullet.png) 0 10px no-repeat;
}
.testimonials-carousel-container{
    width: 465px;
    padding: 23px 35px 17px 35px;
    background: #ffffff;
    border: 1px solid #d0d0d0;
    border-radius: 10px;
    float: left;
    overflow: hidden;
}
.testimonials-title{
    font-size: 16px;
    font-family:'Opan sans', sans-serif;
    line-height: 1;
    font-weight: 700;
    margin: 0 0 14px 0;
}
.testimonials-carousel-wrap{
    position: relative;
    width: 390px;
    margin-top: 18px;
}
.testimonials-carousel{
    width: 390px;
}
.testimonials-slide{
    width: 390px;
    overflow: hidden;
}
.testimonials-slide-photo{
    display: block;
    width: 58px;
    height: 58px;
    margin-right: 15px;
    margin-top: 5px;
    margin-left: 3px;
    float: left;
    overflow: hidden;
}
.testimonials-slide-text{
    position: relative;
    width: 314px;
    float: left;
    overflow: hidden;
    height: 100%;
}
.slide-text{
    display: block;
    margin-bottom: 35px;
    font-size: 12px;
    line-height: 1.8;
    vertical-align: top;
    overflow: hidden;
}
.slide-rating{
    position: absolute;
    bottom: 0;
    width: 314px;
    overflow: hidden;
}
.rating-name{
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    vertical-align: top;
}
.stars{
    width: 74px;
    height: 12px;
    float: right;
    background: url(files/images/stars.png) 0 0 no-repeat;
    overflow: hidden;
}
.testimonials-next,.testimonials-prev{
    position: absolute;
    width: 19px;
    height: 19px;
    top: -43px;
}
.testimonials-next{
    background: url(files/images/next.png) 0 0 no-repeat;
    right: 0;
}
.testimonials-prev{
    background: url(files/images/prev.png) 0 0 no-repeat;
    right: 21px;
}
.testimonials-next.disabled{
    background: url(files/images/next.png) 0 0 no-repeat;
    opacity: 0.65;
    filter: alpha(opacity=);
}

.testimonials-prev.disabled{
    background: url(files/images/prev.png) 0 0 no-repeat;
    opacity: 0.65;
    filter: alpha(opacity=65);
}
/************** Footer **************/
.footer-wrap{
    width: 100%;
    background: #ffffff;
    overflow: hidden;
}
footer{
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}
.footer-nav{
    display: block;
    padding: 40px 0 27px 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
    border-bottom: 1px solid #cfcfcf;
    text-align: justify;
    text-justify: newspaper;
}
.footer-nav:after{
    display: inline-block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 100%;
    content: '';
}
.footer-nav-item{
    display: inline-block;
}

.footer-nav-link{
    font-size: 13px;
    line-height: 1;
    color: #6e6e6e;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.active.footer-nav-link{
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
.terms{
    margin: 35px 0 35px 0;
}
.terms-p{
    margin: 0;
    font-size: 10px;
    line-height: 2;
    color: #666666;
    text-transform: uppercase;
}

.footer-content {
    margin-bottom: 35px;
}

.deploy {
    margin: 1.85em 0;
}

.deploy-wrap {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
    padding-left: 14px;
}

.deploy-title {
    margin: 0;
    font-weight: bold;
    cursor: pointer;
}

.deploy-title ~ .deploy-title {
    margin-top: 0.33em;
}

.deploy-title:before {
    content: "+";
    margin-right: 5px;
}

.deploy-title.active:before {
    content: "‒";
}

/*********** Form top **********/
.form-top{
    width: 960px;
    margin: 40px auto;
}
.form-top .form-wrap{
    position: relative;
    width: 960px;
    height: 291px;
    top: 0;
    right: 0;
    background: url(files/images/form-bg-wide.png) 0 0 no-repeat;
    -moz-box-shadow: 0 5px 14px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 5px 14px 0px rgba(0,0,0,0.5);
    box-shadow: 0 5px 14px 0px rgba(0,0,0,0.5);
}
.form-top .form{
    width: 950px;
    height: 160px;
    padding: 30px 35px;
    background-image: none;

}
.form-top .form:before{
    top: -9px;
}
.form-top .form-text{
    padding-bottom: 26px;
    background: none;
    background-image: none;

}
.form-top .online-cash{
    padding-bottom: 6px;
}
.form-top .five-min {
    position: absolute;
    right: 39px;
    bottom: 29px;
}
.form-top .custome-checkbox-label{
    top: 94px;
    left: 257px;
    color: #a2b0be;
    background: url(files/images/checkbox-checked-2.png) 0 0 no-repeat;
    padding-top: 5px;
}

.form-top .form-row{
    float: left;
}
.form-top .form-row:first-child{
    margin-right: 14px;
}
.form-top .form input[type="text"], .form-top .form select, .form-top .custome-select-wrap, .form-top .select-i{
    width: 209px;
}
.form-top .btn{
    width: 209px;
}
/*********** Offer form **********/
.offer-form-container{
    margin: 30px 0 40px 0;
    overflow: hidden;
}
.offer-form-container .online-cash, .offer-form-container .get-started{
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none;
}
.offer-form-container .online-cash{
    color: #333333;
    padding-bottom: 6px;
}
.offer-form{
    width: 602px;
    margin-top: 25px;
    margin-right: 40px;
    float: left;
}
.offer-form-features{
    width: 318px;
    padding: 30px 29px 37px 29px;
    margin-top: 25px;
    float: left;
    background: #ffffff;
    border: 1px solid #d0d0d0;
    border-radius: 10px;
    overflow: hidden;
}
.offer-form-features .features-wrap{
    margin-bottom: 0;
}
.offer-form-features .features-item{
    width: 100%;
    margin-bottom: 20px;
    float: none;
}
.offer-form-features .feature-text {
    padding-bottom: 25px;
    border-bottom: 1px solid #cfcfcf;
}
.features-item:last-child .feature-text:last-child {
    border: none;
    padding-bottom: 0;
}

.offer-form-features .features-item:last-child{
    margin-bottom: 0;
}
.offer-form-features .last.features-item .feature-text{
    padding-bottom: 0;
    border-bottom: 0;
}

@media screen and (max-width:640px) {
    body {min-width: 510px; background: #f1f5f8;}
    header {width: auto; padding: 0 10px}
    .slogan-wrap, .top-nav-wrap {display: none}
    .header-wrap {height: 80px}
    .form-wrap {position: static}
    .form-container {width: auto}
    .banner {background: #ddd1c3; height: auto; padding: 20px 15px; margin-bottom: 17px}
    .main-container {width: auto; margin: 20px}
    .feature-title {margin-bottom: 3px}
    .features-wrap {margin-bottom: 0}
    .features-item {width: 50%; margin-bottom: 22px}
    .article {width: auto; padding: 18px}
    .article-p {margin-bottom:0}
    .step {margin-left: 0; float: none; width: auto; margin-top: 20px}
    .testimonials-carousel-container {display: none}
    .footer-nav {display: none}
    .terms {margin: 0; padding: 20px}
    .block {width: auto; margin: 0; float: none; height: auto!important}
    footer {width: auto}

.offer-form-features {display:none}
    .offer-form {float: none; margin-right: 0; width: auto; padding: 10px; height: auto}
    .online-cash {font-size: 24px}
    .get-started {font-size: 20px}
    .five-min {display: none}
}

/* ////// ============== Tooltip ============ \\\ */
.tooltip {
    display: none;
    color: #7e7967;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    width: 205px;
    z-index: 999;
}
.tooltipBottom {
    background: url(files/images/s_allpng24.png) 0 -420px;
    display: block;
    height: 36px;
}
.tooltipContent {
    background: url(files/images/s_allpng24.png) 0 -269px;
    line-height: 20px;
    padding: 30px 12px 0 12px;
}
.tooltipContentI {
    background: #fef1a6;
    padding: 0 13px 0 13px;
}
.tooltipClose {
    float: right;
    cursor: pointer;
    margin: -20px 0 0 0;
    padding: 10px;
}

.admin-toolbar{
    position: fixed;
    top: 0;
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
    padding: 2px 5px;
}

.validationPassed select, .validationPassed input {background-color: #d7f4db !important; border-color: #3fb87f !important}
.validationError select, .validationError input {background-color: #fae3e3 !important; border-color: #ee7373 !important}
.form__error {color: #cc0001;font-size: 12px;line-height: 1.2;transition: all .3s ease;}

Some information about this website:

URL: https://salarysupport.com/
CSS URL: https://salarysupport.com/style.css
Title: Payday Loans Online up to $1,000 - apply online