/*WILLS CAMPAIGN */

.marketing-campaign .content {
    text-align: left;
    padding: 166px 0;
}
.marketing-campaign .product-title.sml {
    font-weight: normal;
    font-size: 1.3em;
    padding-bottom: 15px;
}
.marketing-campaign .product-tag-line.lrg {
    color: #333;
    width: 55%;
    padding-bottom: 15px;
}
.marketing-campaign .product-tag-line.lrg span {
    color: #ff5722;
}
.marketing-campaign .line-under, .marketing-campaign-guide .line-under {
    width: 300px;
    height: 2px;
    background: #333;
    margin-bottom: 15px;
}
.marketing-campaign .primary-btn h5 {
    text-align: center;
}
.marketing-campaign .secondary-btn {
    background: #ff5722;
    width: 225px;
    border-radius: 25px;
    margin: 0 auto;
    box-shadow: inset -2px -2px 3px 1px #ba4620;;
}
.marketing-campaign .secondary-btn h5, .ftb-campaign-header .primary-btn h5{
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-align: center;
    padding: 13px 0;
}
.form-section .fiveCol .col {
    width: 20%;
    float: left;
}
.form-section .fiveCol .col > .content {
    padding: 0 5px;
}
.form-section .fiveCol .col.first > .content {
    padding: 0 5px 0 0;
}
.form-section .fiveCol .col.fifth > .content {
    padding: 0 0 0 5px;
}
.form-section .form-opt {
    font-weight: normal;
    font-size: 1.1em !important;
}
.form-section input, .form-section select {
    width: 95%;
    border: 1px solid #ddd;
    /*color: #F36;*/
    text-indent: 5%;
    height: 35px;
    font-size: 1.2em;
}
.form-section input::-webkit-input-placeholder {
    color: #888;
}
.form-section select {
    height: 40px !important;
    border-radius: 0;
    background: #fff;
    color: #333;
    background-image: url('/img/marketing-campaign/arrow-down-black.png');
    background-position: right;
    background-repeat: no-repeat;
}
.wills-form-section {
    background-color: #323a45;
}
.wills-form-section input, .wills-form-section select {
    border: 1px solid #333;
}
.wills-form-section .secondary-btn .submit-form-btn {
    background: #ff5527;
    color: #fff;
    width: 95%;
    height: 39px;
    border: none;
    font-weight: bold;
    font-size: 1.1em;
    letter-spacing: 0.1em;
    border-radius: 25px;
}
.form-section .form-header {
    color: #fff;
    padding-bottom: 25px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 2em;
}
.marketing-campaign-guide .header {
    color: #333;
    padding-bottom: 15px !important;
}
.marketing-campaign-guide p {
    padding-bottom: 15px;
}

.threeCol.will-benefits .boxed {
    background-color: #333;
    border-bottom: 6px solid #ff5722;
}
.threeCol.will-benefits .boxed .content {
    padding: 25px;
    text-align: left;
    color: #fff;
}
.will-benefits .boxed h4 {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
.will-benefits .boxed .underline {
    background: white;
    margin: 0;
    height: 2px;
    margin-bottom: 20px;
    width: 150px;
}
.bottomPad {
    padding-bottom: 50px;
}
.wills-content .lrg-box {
    border-bottom-color: #ff5722 !important;
}
.wills-content .lrg-box .content {
    text-align: left;
}
.wills-content .lrg-box .content h4 {
    padding-bottom: 20px;
}
.wills-content .lrg-box .underline {
    width: 150px;
    height: 2px;
    margin: 0;
    margin-bottom: 20px;
}
.wills-content .lrg-box.lightBg .underline {
    background: #333333;
}
.wills-content .lrg-box.darkBg .underline {
    background: #ffffff;
}
.wills-content .lrg-box.darkBg h4 {
    color: #fff;
}
.wills-guide-section .contentWrapper > .content {
    padding: 50px 0;
}
.wills-guide-section .section h4 {
    font-size: 1.7em !important;
    padding-bottom: 25px;
}
.wills-guide-section .section {
    padding-bottom: 25px;
    /*width: 80%;*/
    margin: 0 auto;
}
.wills-guide-section .section p:first-of-type {
    margin: 0 0 10px 0;
}
.wills-guide-section .section p {
    margin: 10px 0;
}
.wills-guide-section .guide-wrapper {
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,.1);
}
.wills-guide-section .guide-wrapper .content {
    padding: 25px;
}
.wills-guide-section .section .guide-pointer {
    font-weight: normal;
}
.wills-form-section .failedValidation input, .wills-form-section .failedValidation select {
    border: 2px solid red;
}
.wills-form-section .formError {
    color: red;
    font-weight: normal;
}

.wills-form-section .content.after {
    display: none;
}
.responded .wills-form-section .content.before {
    display: none;
}
.responded .wills-form-section .content.after {
    display: block;
}
.wills-form-section .form-submit-message h2 {
    color: #fff;
    font-size: 3em;
    padding: 0 0 25px 0;
}
.wills-form-section .form-submit-message p {
    color: #fff;
    width: 70%;
    margin: 0 auto;
    text-align: center;
    font-size: 1.3em;
}
/* FIRST TIME BUYER CAMPAIGN */

.ftb-campaign-header .content {
    padding: 50px 0;
}
.ftb-campaign-header h1, .remortgage-opening h1 {
    padding-bottom: 25px;
    width: 40%;
}
.ftb-campaign-header .content .product-title, .remortgage-opening .content .product-title {
    width: 50%;
    color: #fff;
    font-weight: normal;
    font-size: 1.3em;
    line-height: 25px;
}
.ftb-campaign-header .primary-btn {
    width: 250px;
    background-color: #ff3366;
    margin-top: 25px;
}
.ftb-campaign-header .section-image, .remortgage-opening .section-image {
    position: absolute;
    width: 750px;
    height: 100%;
    background-size: contain;
    right: 300px;
}
.stepped-section-ftb .contentWrapper > .content {
    padding: 50px 0;
}
.stepped-section-ftb .step-title {
    color: #ff3366;
    text-align: center;
    font-weight: normal;
    padding-bottom: 25px;
}
.stepped-section-ftb .img-step {
    height: 250px;
    width: 400px;
    margin: 0 auto;
    border-bottom: 6px solid #607D8B;
}
.stepped-section-ftb .step-1 .col.second p, .stepped-section-ftb .step-2 .col.first p {
    padding-top: 85px;
}
.ftb-form-section .form-header {
    color: #ffffff;
    text-transform: none;
}
.ftb-form-section .primary-btn .submit-form-btn {
    color: #fff;
    width: 95%;
    height: 39px;
    border: none;
    font-weight: bold;
    font-size: 1.1em;
    letter-spacing: 0.1em;
    background: #ff3366;
}
.ftb-form-section .form-tag-line {
    padding-bottom: 10px;
    color: #fff;
}
.remortgage-form-section .primary-btn-v2 .submit-form-btn {
    background: #f36;
    color: #fff;
    width: 95%;
    height: 39px;
    border: none;
    font-weight: bold;
    font-size: 1.1em;
    letter-spacing: 0.1em;
    cursor: pointer;
}

/* REMORTGAGE CAMPAIGN */

.opening-section.remortgage .primary-btn {
    width: 300px;
}
.opening-section.remortgage .primary-btn h5 {
    font-size: 1.5em;
    padding: 17px 0;
}
.rmtg-guide-section .contentWrapper > .content {
    padding: 50px 0;
}
.rmtg-guide-section h2 {
    padding-bottom: 25px;
}
.rmtg-guide-section p {
    width: 60%;
}
.opening-section.existing-user .content h1{
    text-transform: none;
}
.remortgage-form-section h4, .remortgage-form-section p, .remortgage-form-section h2 {
    text-align: center;
    padding-bottom: 15px !important;
}
.uppercase h4 {
    text-transform: uppercase;
}
.refer-a-friend h1, .refer-a-friend h3, .refer-a-friend p  {
    padding-bottom: 15px;
}
.refer-a-friend p {
    width: 50%;
}
.refer-a-friend .ghost-btn button {
    border: 3px solid #fff;
    width: 100%;
    height: 39px;
    background: none;
    font-size: 1.1em;
    letter-spacing: 0.1em;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    transition: ease .5s;
}
.refer-a-friend .ghost-btn button:hover {
    background: #fff;
    color: #333;
}
.refer-a-friend .text-wrapper h2, .refer-a-friend .text-wrapper h5 {
    color: #fff;
    text-align: left !important;
}
.remortgaging-campaign-banner h3 {
    margin: 0 auto;
    font-size: 2em;
    font-weight: 200;
}
.remortgaging-campaign-banner .dark-mask {
    background: rgba(0, 0, 0, 0.5) !important;
}
.latest-mortgage-rates .text-wrapper {
    width: 50%;
    margin: 0 auto;
    text-align: center;
}
.latest-mortgage-rates .pointers h5 {
    padding-bottom: 10px;
}
.latest-mortgage-rates .pointers p {
    font-size: 1em !important;
}
.live-rates.greyBg {
    margin: 50px 0;
    background-color: #f5f5f5;
}
.live-rates > .content {
    padding: 0 0 50px 0;
}
.live-rates .header, .live-rates .sub-header {
    text-align: center;
}
.live-rates .sub-header {
    /*font-weight: normal;*/
    padding-bottom: 25px;
}
.mortgage-rates-three-col .col {
    width: 40%;
    float: left;
    box-sizing: border-box;
}
.mortgage-rates-three-col.headers .col .content{
    padding: 25px;
}
.mortgage-rates-three-col .col.second {
    width: 20%;
}
.mortgage-rates-three-col.provider-info .col.second .content {
    padding: 31px;
}
.mortgage-rates-three-col.provider-info .col.first .content {
    padding: 12px 25px;
}
.mortgage-rates-three-col.provider-info .col.third .content {
    padding: 41px 25px;
}
.mortgage-rates-three-col.provider-info {
    border-bottom: 1px solid #b5b5b5;
}
.mortgage-rates-three-col.provider-info.last {
    margin-bottom: 50px
}
.live-rates .header.bottom {
    font-size: 1.3em;
}
.live-rates .sub-header.bottom {
    font-size: 1.1em;
}
.mortgage-rates-three-col.headers {
    border-bottom: 1px solid #b5b5b5;
}
.mortgage-rates-three-col.provider-info .col {
    height: 125px;
}
.mortgage-rates-three-col.provider-info .col.second {
    border-left: 1px solid #b5b5b5;
    border-right: 1px solid #b5b5b5;
}
.mortgage-rates-three-col .provider-image {
    height: 100px;
    background-position: left;
}
.normal {
    font-weight: normal;
    font-size: 1.2em;
}
.softer {
    font-weight: 200;
    font-size: 1.3em;
}
.mortgage-rates-three-col.provider-info .col.third .content .floated-wrapper {
    float: left;
}
.mortgage-rates-three-col.provider-info .col.third .primary-btn {
    float: right;
    background: #f36;
}
.mortgage-rates-three-col.provider-info .col.third .primary-btn h5 {
    padding: 12px 14px;
    font-size: 1.1em;
}
.advisor-wrapper .advisor-image {
    height: 300px;
    background: #f36;
    position: relative;
    background-size: cover;
    background-position: 0 -9px;
}
.advisor-image .advisor-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(242, 242, 242, 0.8);
}
.advisor-image .advisor-info h5 {
    text-align: center;
    padding: 10px 0;
}
.responded .remortgage-form-section .content.before {
    display: none;
}
.remortgage-form-section .content.after {
    display: none;
}
.responded .remortgage-form-section .content.after {
    display: block;
}
.remortgage-form-section .content.after {
    text-align: center;
}
.secondaryResponded .refer-a-friend .content.before {
    display: none;
}
.refer-a-friend .content.after {
    display: none;
}
.secondaryResponded .refer-a-friend .content.after {
    display: block;
}

/******* General Mortgage *******/

.general-mortgage-form .contentWrapper > .content {
    padding: 50px 0;
}
.general-mortgage-form .form-wrapper {
    background-color: #fff;
    border-top: 5px solid #ff3366;
}
.general-mortgage-form .form-wrapper .content {
    padding: 25px;
}
.form-wrapper .form-header {
    color: #333333;
    padding-bottom: 25px;
    font-weight: bold;
    text-transform: uppercase;
}
.form-wrapper .form-sub-header {
    font-weight: bold;
}
.form-wrapper .divider {
    height: 2px;
    background-color: #333;
    /*margin-top: 25px;*/
}
.form-wrapper form.generalMortgage {
    margin-top: 25px;
}
form.generalMortgage .twoCol {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #888;
}
form.generalMortgage .twoCol:last-of-type {
    border-bottom: none;
}
form.generalMortgage h5 {
    font-weight: normal;
    margin-bottom: 25px;
}
form.generalMortgage select {
    height: 50px !important;
    width: 350px;
    border: none;
    border-bottom: 3px solid #888;
    border-radius: 0;
    background-image: url('/img/marketing-campaign/arrow-down.png');
    background-position: right;
    background-repeat: no-repeat;
    font-size: 1.3em;
    background-color: #f2f2f2;
    text-indent: 4%;
    color: #888;
    font-weight: bold;
    box-sizing: border-box;
}
form.generalMortgage input {
    height: 50px !important;
    border: none;
    border-bottom: 3px solid #888;
    width: 350px;
    background-color: #f2f2f2;
    box-sizing: border-box;
    text-indent: 4%;
    font-size: 1.3em;
    font-weight: bold;
}
form.generalMortgage input::-webkit-input-placeholder {
    color: #888;
}
form.generalMortgage select.client1DOB {
    width: 110px;
    float: left;
    margin-right: 10px;
    text-indent: 12%;
}
form.generalMortgage .primary-btn-v2 .submit-form-btn {
    background: #f36;
    color: #fff;
    width: 350px;
    height: 50px;
    border: none;
    font-weight: bold;
    font-size: 1.1em;
    letter-spacing: 0.1em;
    cursor: pointer;
}
form.generalMortgage .primary-btn-v2 {
    width: 350px;
    margin: 0 auto;
}
form.generalMortgage .failedValidation input, form.generalMortgage .failedValidation select {
    border: 1px solid red !important;
    box-sizing: border-box;
    box-shadow: none;
}
form.generalMortgage .formError {
    color: red;
    font-weight: normal;
}
.section-full-width.testimonial .contentWrapper > .content{
    padding: 50px 0;
}
.section-full-width.testimonial .testimonial-wrapper {
    background: #fff;
    border: 2px solid #ff3366;
    margin-top: 25px;
}
.section-full-width.testimonial .testimonial-wrapper .content {
    padding: 25px;
}
.testimonial-wrapper .content h5 {
    font-weight: lighter;
}
.cross-sell-product {
    background-color: #fff;
    border-bottom: 5px solid #607D8B;
}
.twoCol.first .cross-sell-product {
    margin-bottom: 25px;
}
.cross-sell-product .product-img {
    height: 250px;
}
.cross-sell-product .content {
    padding: 25px;
}
.cross-sell-product .product-title {
    float: left;
    line-height: 46px;
    text-transform: uppercase;
}
.cross-sell-product .primary-btn {
    background: #f36;
    color: #fff;
    width: 200px;
    border: none;
    float: right;
    font-weight: bold;
    font-size: 1.1em;
    letter-spacing: 0.1em;
    cursor: pointer;
}
.formDisclaimer {
    text-align: center;
    padding-top: 25px;

}
/******* Life Campaign *******/
.life-insurance-header .contentWrapper .content {
    padding: 50px 0;
}
.life-insurance-header .main {
    font-weight: bold;
    font-size: 4em;
    padding-bottom: 25px;
}
.life-insurance-header .main-q {
    font-size: 2.8em;
    font-weight: lighter;
    padding-bottom: 25px;
    color: #fff;
}
.life-insurance-header .product-title.sml {
    font-weight: lighter;
    width: 70%;
    margin: 0 auto;
    color: #fff;
    line-height: 25px;
}
.logo-section .content {
    padding: 10px 0;
}
.logo-section .logo-image {
    height: 50px;
}
.life-insurance-form.form-section .contentWrapper > .content {
    padding: 50px 0;
}
.life-insurance-form h2 {
    font-weight: 300;
    font-size: 2.2em;
    text-align: center;
    padding-bottom: 50px;
    color: #333c4e;
}
.life-insurance-form .text-wrapper {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}
.life-insurance-form .text-wrapper p:first-of-type {
    margin-bottom: 25px;
}
.life-insurance-form .text-wrapper p, .life-insurance-form h5 {
    color: #7e8890;
    font-size: 1.2em;
}
.life-insurance-form.form-section .form-wrapper {
    background: #fff;
}
.life-insurance-form input, .life-insurance-form select {
    background-color: #F9F9FA;
    border: 1px solid #ddd !important;
    color: #888 !important;
    font-weight: normal !important;
}
.life-insurance-form form.generalMortgage .twoCol {
    border-bottom: 1px solid #ddd;
}
.life-insurance-form .advisor-wrapper.life.first {
    padding: 35px 0;
}
.life-insurance-form .advisor-wrapper h5 {
    color: #333c4e;
    font-weight: normal;
}

.life.testimonial-section p{
    font-size: 1.6em;
    font-weight: normal;
    font-style: italic;
}

/******* Multi Step Remortgage *******/

.remortgage-opening .contentWrapper > .content {
    padding: 75px 0;
}

.multi-form form {
    margin-top: 0 !important;
}
.multi-form .form-wrapper > .content {
    padding: 25px !important;
}
.multi-form .stage-title {
    font-weight: normal;
    padding-bottom: 25px;
    color: #333c4e;
}
.multi-step-form .btn {
    width: 150px;
    box-shadow: none;
    cursor: pointer;
}
.multi-step-form .back-btn {
    float: left;
    background-color: #A1A7AF;
}
.multi-step-form .forward-btn {
    float: right;
    background: #FF3366;
}
.multi-step-form .btn h5 {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .1em;
}
.multi-step-form .submitForm {
    width: 250px !important;
    float: right;
    height: 35px !important;
}
.multi-step-form .submit-form-btn {
    width: 250px !important;
    float: right;
    font-weight: normal !important;
    height: 35px !important;
}
.multi-form .form-progress .section {
    background-color: #fafafa;
}
.multi-form .form-progress .section > .content {
    padding: 25px;
}
.multi-form .form-progress .section h4 {
    text-align: center;
    font-weight: lighter;
}
.pink-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(255,51,102,1) 0%, rgba(255,51,102,1) 39%, rgba(255,51,102,0.78) 58%, rgba(255,51,102,0.46) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,51,102,1) 0%,rgba(255,51,102,1) 39%,rgba(255,51,102,0.78) 58%,rgba(255,51,102,0.46) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,51,102,1) 0%,rgba(255,51,102,1) 39%,rgba(255,51,102,0.78) 58%,rgba(255,51,102,0.46) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3366', endColorstr='#75ff3366',GradientType=1 ); /* IE6-9 */
}
.stepped-remortgage .headers-soft {
    font-weight: 300;
    font-size: 2.2em;
    text-align: center;
    padding-bottom: 50px;
    color: #333c4e;
}
.stepped-remortgage .text-wrapper .softer {
    font-weight: normal;
    color: #333c4e;
}
.stepped-remortgage .mortgage-rates-three-col h5 {
    font-weight: normal;
}
.stepped-remortgage .advisor-wrapper {
    margin-bottom: 40px;
}
.stepped-remortgage .advisor-wrapper:last-of-type {
    margin-bottom: 0;
}
.stepped-remortgage .advisor-wrapper .advisor-info h5 {
    font-weight: normal;
}
.progress-wrapper {
    background-color: white;
    border-bottom: 1px solid #dddddd;
}
.progress-wrapper .progress .content {
    padding: 25px !important;
}
.progress-wrapper .progress {
    border-top: 4px solid transparent;
}
/*.progress-wrapper .progress.second {*/
    /*border-right: 1px solid #ddd;*/
    /*border-left: 1px solid #ddd;*/
    /*box-sizing: border-box;*/
/*}*/
.progress-wrapper .progress .content h5 {
    text-transform: uppercase;
    text-align: center;
}
.progress-wrapper .progress.active {
    border-top: 4px solid #ff3366 !important;
    box-sizing: border-box;
    background-color: #ececec;
}
.thanks-message h5 {
    font-size: 1.5em;
    font-weight: lighter;
    line-height: 30px;
}
.secure-form-logo {
    height: 60px;
    position: absolute;
    width: 155px;
    top: 40px;
    right: 5px;
    background-size: contain;
}

/******* IP Styling *******/
.ip-header .product-title {
    font-size: 1.4em !important;
}


/******* Refer A Friend *******/

.refer-banner .contentWrapper > .content {
    padding: 100px 0;
}
.refer-banner h1 {
    text-align: center;
    font-size: 4em;
}
.refer-banner h3 {
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
}
.refer-banner .line-under {
    width: 450px;
    height: 4px;
    background-color: white;
    margin: 25px auto;
}
.refer-details .contentWrapper > .content {
    padding: 50px 0;
}
.refer-details h2 {
    font-weight: lighter;
    font-size: 2.5em;
    padding-bottom: 50px;
}
.refer-form .form-section-identify {
    font-weight: lighter;
    color: #333C4E;
    padding-bottom: 25px;
    font-size: 2em;
}
.refer-form .content.after h4 {
    font-weight: normal;
    text-align: center;
    padding-bottom: 50px;
    color: #333C4E;
}
.refer-details ol {
    padding: 0 0 0 15px;
    margin: 0;
}
.refer-details ol li {
    font-size: 1.1em;
    padding: 10px 0;
    line-height: 1.5em;
}
.refer-details ol li:first-of-type {
    padding: 0 0 10px 0;
}
.refer-form .content.after {
    display: none;
}
.responded .refer-form .content.before {
    display: none;
}
.responded .refer-form .content.after {
    display: block;
}
.refer-form input.button {
    background-color: #ff3366 !important;
    height: 50px !important;
    line-height: 40px !important;
    width: 150px !important;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: bold !important;
    letter-spacing: .1em !important;
}
.refer-form #mc_embed_signup input.email {
    height: 50px !important;
}

/******* Mortgage Paid Campaign *******/

.mortgage-paid-section .contentWrapper > .content {
    padding: 70px 0;
}
.mortgage-paid-section h1 {
    padding-bottom: 25px;
    font-size: 2.5em;
    color: #333;
    width: 65%;
}
.mortgage-paid-section span {
    color: #f36;
}

.banner-bullet li {
    font-size: 1.6em;
    padding: 10px 0;
    list-style: disc inside;
}
.banner-bullet li:first-of-type {
    padding: 0 0 10px 0;
}
.life-insurance-form .content.showMe {
    display: none;
}
.responded .life-insurance-form .content.hideMe {
    display: none;
}
.responded .life-insurance-form .content.showMe {
    display: block;
}
.whiteText .text-wrapper .softer {
    color: #fff;
}
.calculator-wrapper {
    background-color: white;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 4px 4px rgba(0,0,0,0.23);
}
.calculator-wrapper .content {
    padding: 25px;
}
.calculator-wrapper p {
    text-align: left;
}
.calculator-wrapper .blocked-inline {
    display: inline-block;
    width: 220px;
    position: relative;
}
.calculator-wrapper .blocked-inline p {
    font-size: 1.2em;
}
.calculator-wrapper .blocked-inline input[type="text"] {
    height: 40px;
    border: none;
    width: 90%;
    border-radius: 0 !important;
    border-bottom: 2px solid #444;
    font-size: 1.4em;
    background: none;
    color: #444;
}
.calculator-wrapper button {
    background: #ff3366;
    border: none;
    height: 40px;
    width: 90%;
    color: #fff;
    border-radius: 0 !important;
    font-size: 1.4em;
    cursor: pointer;
    font-weight: bold;
    letter-spacing: .1em;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}
.calculator-wrapper .blocked-inline.top {
    margin-bottom: 20px;
}
.calculator-wrapper .blocked-inline input:focus {
    outline: none;
}
.calculator-wrapper .blocked-inline input.calcMortgageAmount {
    text-indent: 8px;
}
.calculator-wrapper .twoCol .col .content {
    padding: 25px !important;
}
.calculator-wrapper .col.second h5 {
    padding: 0 0 25px 0;
}
.calculator-wrapper .col.second h5.last {
    padding: 0 !important;
}
.calculator-wrapper .col.second h5,.calculator-wrapper .col.second h2 {
    text-align: center;
}
.calculator-wrapper .col.second h2 {
    font-size: 5.5em;
    color: #ff3366;
    padding: 0 0 25px 0;
}
.calculator-wrapper .pound-sign {
    position: absolute;
    margin: 0 !important;
    bottom: 9px;
    font-size: 1.4em !important;
    font-weight: normal !important;
    left: 0;
}
/******* Articles Styling *******/

.article-wrapper {
    background-color: #fff;
    margin: 25px 1%;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.article-wrapper p {
    font-size: 1.1em;
    line-height: 25px;
    margin: 25px 0;
}
.article-wrapper p:first-of-type {
    margin: 0 0 10px 0;
}
.article-wrapper .bold {
    font-weight: bold;
}
.article-wrapper .italic {
    font-style: italic;
}
.article-content .content {
    padding: 25px;
}
.article-content h2 {
    font-size: 2.8em;
    padding-bottom: 15px;
}
.article-content .date {
    /*text-transform: uppercase;*/
    color: #8a959e;
    padding-bottom: 15px;
    margin: 0 !important;
}
.article-content .primary-btn {
    background-color: #FF3366;
    width: 250px;
}
.article-content p span {
    font-weight: bold;
    font-style: italic;
}
.article-img {
    width: 100%;
    margin: 15px 0 25px 0;
    height: 300px;
    /*background-color: #ddd;*/
}
.side-bar-wrapper .content {
    padding: 25px;
}
.quoteBox {
    margin: 25px 0;
    background-color: #333;
}
.quoteBox p {
    color: #fff;
    padding-top: 15px;
}
.quoteBox .primary-btn {
    background-color: #FF3366;
}
.related-content-wrapper {
    background-color: #ececec;
}
.related-content-wrapper a {
    display: block;
}
.related-content-wrapper h4 {
    padding-bottom: 15px;
}
.related-content-wrapper ul {
    list-style-type: disc;
    list-style-position: inside;
}
.related-content-wrapper li {
    font-size: 1.2em;
    padding: 10px 0;
}
.social-shares a {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 15px;
    background-size: contain !important;
}
.social-shares .fb-share {
    background-color: #3b5998;
    background-image: url('/img/flat-icons/facebook.png');
}
.social-shares .google-share {
    background: #F44336;
    background-image: url('/img/flat-icons/google-plus.png');
}
.social-shares .linkedin-share {
    background: #0077B5;
    background-image: url('/img/flat-icons/linkedin.png');
}

/******* Location Page ********/
.book-an-appointment select {
    background-image: url('/img/flat-icons/select-down-arrow.png');
    background-repeat: no-repeat;
    background-position: right;
}
.book-an-appointment .failedValidation input, .book-an-appointment .failedValidation select {
    border-bottom: 4px solid red;
}
.book-an-appointment .failedValidation .formError {
    color: red;
}
.book-an-appointment .content.after h5 {
    color: #fff;
    text-align: center;
    font-weight: lighter;
    font-size: 1.3em;
}
.book-an-appointment .content.after {
    display: none;
}
.responded .book-an-appointment .content.before {
    display: none;
}
.responded .book-an-appointment .content.after {
    display: block;
}
.office-section .video {
    height: 300px;
    width: 600px;
    background: #8a959e;
    margin: 0 auto 25px auto;
}
.office-section .video p {
    line-height: 300px;
}
.office-section .primary-btn {
    background: #FF3366;
    display: inline-block;
    width: 250px;
}
.banner-opener .content {
    padding: 50px 0;
}
.banner-opener .contentWrapper, .location-image-banner .contentWrapper {
    overflow: visible !important;
}
.calculator-wrapper {
    border-top: 5px solid #FF3366
}
.office-section .twoCol .office-image, .office-section .twoCol .office-map {
    height: 350px;
}
/******* NEW Location Styling *******/
.location-image-banner {
    background-color: #8a959e;
}
.location-image-banner .content {
    padding: 75px 0;
    text-align: center;
}
.location-image-banner h1, .location-image-banner h3 {
    padding-bottom: 25px;
    font-weight: lighter;
}
.location-image-banner .primary-btn {
    background: #FF3366;
    display: inline-block;
}
.location-image-banner .primary-btn:hover {
    background-color: #f42156;
}
.location-image-banner .primary-btn h5 {
    padding: 15px 25px;
    font-weight: normal;
}
.location-section .contentWrapper > .content {
    padding: 50px 0;
}
.location-section h2 {
    font-weight: lighter;
    text-align: center;
    padding-bottom: 50px;
    color: #333C4E;
}
.location-section .people-boxed .photo .altContent {
    padding: 50px;
    text-align: center;
}
.location-section .people-boxed .photo .altContent h4 {
    color: #fff;
    font-size: 2.5em;
}
.location-section .people-boxed .photo {
    height: 275px;
    /*background-color: #8a959e;*/
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%);
    transition: ease .5s;
}
.location-section .people-boxed .advisor-box:hover .photo {
    filter: none;
    -webkit-filter: none;
}
.location-section .people-boxed .advisor-box .content {
    background: white;
    padding: 25px;
}
.location-section .people-boxed .advisor-box .name {
    text-transform: uppercase;
    color: #FF3366;
    font-weight: normal;
    font-size: 1.3em;
    padding-bottom: 25px;
    letter-spacing: .1em;
}
.location-section .people-boxed .advisor-box ul li {
    padding: 5px 0;
    line-height: 22px;
}
.location-section .advisor-box li span {
    font-weight: bold;
}
.location-section .people-boxed .photo.shift1 {
    background-position-y: -50px;
}
.location-section .people-boxed .link-bar {
    background-color: #ff3366;
    position: relative;
}
.location-section .people-boxed .link-bar .sml-content {
    padding: 15px 25px;
}
.location-section .people-boxed .link-bar p {
    color: #fff;
    text-transform: uppercase;
    font-size: 1em;
    letter-spacing: .1em;
    font-weight: bold;
}
.location-section .people-boxed .link-bar .indicator {
    height: 19px;
    width: 19px;
    position: absolute;
    top: 15px;
    right: 15px;
}
.location-section .people-boxed .advisor-box.job-role-box .content {
    height: 163px;
}
.location-section .people-boxed .advisor-box.job-role-box .photo {
    background-color: #8a959e;
}
.location-section .people-boxed .advisor-box .v-content {
    padding: 25px;
}
.location-section .people-boxed .advisor-box .v-content h3 {
    font-weight: bold;
    font-size: 2.5em;
}
.location-map #map {
    height: 300px;
    width: 800px;
    margin: 0 auto;
    border-top: 4px solid #ff3366;
    /*background: #8a959e;*/
}
.location-map .map-details {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}
.location-map .twoCol .oneThird > .content {
    padding: 0 0 0 15px !important;
}
.location-map .twoCol .twoThirds > .content {
    padding: 0 15px 0 0 !important;
}
.location-map .office-details {
    width: 800px;
    padding: 50px 0 0 0;
    margin: 0 auto;
}
.location-map .office-details .content {
    padding: 25px;
}
.location-map .office-details h5 {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .1em;
}
.location-map .office-details p {
    text-transform: uppercase;
    letter-spacing: .1em;
}
.location-map .office-details .separator {
    width: 50%;
    height: 2px;
    background: #ff3366;
    margin: 25px 0;
}
/******* Mobile Styling *******/

@media all and (max-width: 768px) {
    .form-section .fiveCol .col {
        width: 100%;
    }
    .form-section .fiveCol .col .content {
        padding: 0 !important;
    }
    .form-section .fiveCol .col input, .form-section .fiveCol .col select, .form-section .fiveCol .col button {
        margin-bottom: 10px;
        width: 100%;
        box-sizing: border-box;
        height: 40px;
    }
    .form-section .contentWrapper > .content {
        padding: 25px !important;
    }
    .latest-mortgage-rates .text-wrapper, .refer-a-friend p {
        width: 90%;
    }
    .live-rates > .content {
        padding: 50px 25px;
    }
    .mortgage-rates-three-col .col {
        width: 100% !important;
        border: none !important;
        text-align: center;
    }
    .mortgage-rates-three-col .col .content {
        padding: 25px !important;
    }
    .mortgage-rates-three-col .provider-image {
        background-position: center;
        height: 75px;
    }
    .mortgage-rates-three-col.provider-info .col {
        height: 75px;
    }
    .live-rates .sub-header {
        padding-bottom: 0 !important;
    }
    .refer-a-friend.section-full-width {
        background-position: right;
    }
    .fourCol.pointers .col {
        width: 100% !important;
    }
    .fourCol.pointers .col .content {
        padding: 25px 25px 0 25px;
    }
    .fourCol.pointers .col.fourth .content {
        padding: 25px;
    }
    .live-rates.greyBg {
        margin: 50px 0 0 0;
    }
    .ftb-campaign-header h1 {
        width: 100%;
    }
    .ftb-campaign-header {
        margin-top: 50px;
    }
    .ftb-campaign-header .content .product-title {
        width: 90%;
    }
    form.generalMortgage select, form.generalMortgage input {
        width: 100% !important;
    }
    form.generalMortgage .twoCol {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    form.generalMortgage .primary-btn-v2 .submit-form-btn, form.generalMortgage .primary-btn-v2 {
        width: 100%;
    }
    form.generalMortgage .col {
        margin-bottom: 50px;
    }
    form.generalMortgage select.client1DOB {
        margin-bottom: 10px;
    }
    .section-full-width.testimonial .contentWrapper > .content {
        padding: 25px;
    }
    .section-full-width.advisors .contentWrapper > .content {
        padding: 25px !important;
    }
    .section-full-width.advisors .advisor-image {
        margin-bottom: 25px;
    }
    .twoCol .cross-sell-product {
        margin-bottom: 25px !important;
    }
    .ftb-campaign-header .section-image, .remortgage-opening .section-image {
        display: none;
    }
    .section-full-width.mortgage-paid-section {
        margin-top: 50px;
        background-position: -800px;
    }
    .section-full-width.mortgage-paid-section .contentWrapper > .content {
        padding: 25px;
    }
    .article-top {
        margin-top: 30px;
    }
    #mc_embed_signup {
        width: 100% !important;
    }
    .office-section .twoCol .oneThird, .office-section .twoCol .twoThirds {
        width: 100%;
    }
    .btm-pad-0 .advisor-info {
        padding-top: 25px;
        text-align: center;
    }
    .btm-pad-0 .people-image {
        height: 251px;
        background-size: contain;
    }
    .office-section.btm-pad-0 .twoCol .oneThird .content {
        padding: 0 25px 25px 25px;
    }
    .banner-opener {
        margin-top: 50px;
    }
    .banner-opener .content {
        padding: 25px !important;
    }
    .office-section .header {
        padding: 25px !important;
    }
    .office-section.btm-pad-0 .contentWrapper > .content {
        padding: 0 !important;
    }
    .threeCol.office-info {
        padding-top: 0 !important;
    }
    .threeCol.office-info .col.first .content {
        padding: 25px !important;
    }
    .threeCol.office-info .col.second .content {
        padding: 0 25px 25px 25px;
    }
    .book-an-appointment .fiveCol .col.first, .book-an-appointment .fiveCol .col.second, .book-an-appointment .fiveCol .col.third, .book-an-appointment .fiveCol .col.fourth {
        width: 50%;
    }
    .book-an-appointment .fiveCol .col.fifth {
        width: 100%;
    }
    .book-an-appointment .fiveCol .col.first > .content {
        padding: 0 10px 10px 20px;
    }
    .book-an-appointment .fiveCol .col.second > .content {
        padding: 0 20px 10px 10px;
    }
    .book-an-appointment .fiveCol .col.third > .content {
        padding: 10px 10px 0 20px;
    }
    .book-an-appointment .fiveCol .col.fourth > .content {
        padding: 10px 20px 0 10px;
    }
    .book-an-appointment .fiveCol .col.fifth > .content {
        padding: 10px 20px 20px 20px;
    }
    .office-section .map-image {
        display: none;
    }
    .calculator-wrapper .blocked-inline {
        width: 100%;
    }
    .calculator-wrapper .blocked-inline input[type="text"] {
        width: 97%;
    }
    .calculator-wrapper button {
        width: 100%;
    }
    .calculator-wrapper .col.second h5 {
        padding: 0;
    }
    .office-section .blocked-inline button {
        margin-top: 20px;
        width: 100%;
        border-radius: 0!important;
    }
    .office-section .advisor-info h4 {
        color: #ff3366;
    }
    .remortgage-opening {
        margin-top: 50px;
    }
    .remortgage-opening .contentWrapper > .content {
        padding: 75px 25px;
    }
    .logo-section .logo-image {
        height: 18px;
        background-size: cover;
    }
    .remortgage-opening.multi-step-form .product-title.sml {
        width: 100%;
    }
    .progress-wrapper .progress {
        width: 25% !important;
    }
    .multi-step-form .twoCol.first, .multi-step-form .twoCol.last {
        margin-bottom: 50px;
    }
    .calculator-wrapper .blocked-inline.last {
        margin-top: 25px;
    }
    .calculator-wrapper .blocked-inline.last input[type="button"] {
        width: 100%;
    }
    .teamPictures .contentWrapper > .content {
        padding: 25px !important;
    }
    .stepped-remortgage .teamPictures .advisor-wrapper {
        margin-bottom: 0 !important;
    }
    .stepped-remortgage .teamPictures .advisor-wrapper .advisor-image {
        margin-bottom: 25px;
    }
    .multi-step-form .btn, .multi-step-form .submit-form-btn, .multi-step-form .submitForm {
        width: 100% !important;
    }
    .multi-step-form .forward-btn, .multi-step-form .submitForm {
        margin-top: 25px!important;
    }
    .multi-step-form .forward-btn.alone {
        margin-top: 0 !important;
    }
    .multi-step-form .twoCol .col.alone {
        margin-bottom: 0 !important;
    }
    .secure-form-logo {
        height: 35px;
        width: 125px;
        background-size: contain;
        top: 65px;
        right: 10px;
    }
    .location-image-banner {
        margin-top: 50px;
    }
    .location-map #map, .location-map .office-details {
        width: 100%;
    }
    .location-map .separator {
        margin: 25px auto !important;
    }
    .office-details .content {
        text-align: center;
    }
    .office-details .separator-faint {
        margin: 15px auto;
        width: 50%;
        height: 1px;
        background-color: #dddddd;
    }
    .book-an-appointment input, .book-an-appointment select {
        text-indent: 19%;
    }
    .location-image-banner .contentWrapper > .content, .location-people-banner .contentWrapper > .content, .location-map .contentWrapper > .content {
        padding: 25px !important;
    }
    .fourCol.people-boxed .col {
        width: 100% !important;
    }
    .people-boxed .advisor-box {
        margin-bottom: 25px;
    }
    .people-boxed .advisor-box.last {
        margin-bottom: 0;
    }
    .people-boxed .advisor-box.job-role-box .content {
        height: 163px;
    }

}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    .threeCol .col {
        width: 33% !important;
        float: left;
    }
    .advisor-wrapper .advisor-image {
        height: 200px;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .threeCol.office-info .col.second .content {
        padding: 25px;
    }
    .fourCol.people-boxed .col {
        width: 50% !important;
    }
    .fourCol.people-boxed .col.first > .content, .fourCol.people-boxed .col.third > .content {
        padding: 0 12px 0 0 !important;
    }
    .fourCol.people-boxed .col.second > .content, .fourCol.people-boxed .col.fourth > .content  {
        padding: 0 0 0 13px !important;
    }
    .location-section .people-boxed .photo {
        background-size: cover;
    }

}

.carouselContainer{
    margin: 5px 0 0 0;
    width: 100%;
    height: 555px;
    overflow: hidden;
}
.aboutus .carouselContainer{
    height: 400px;
}
.carouselWrapper{
    position: relative;
    margin: 0 auto;
    max-width: 1000px;
    height: 555px;
}

.carousel{
    position: relative;
    height: 100%;
}
.carousel .btn{
    z-index: 2;
    position: absolute;
    top: 230px;
    width: 40px;
    height: 40px;
    border-radius: 25px;
    cursor: pointer;
    background-position: center;
    /*background-color: rgb(31,164,199);*/
    /*background-color: rgb(18,180,221);*/
    background-color: #ff3366; /* Old browsers */
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
    /*border: 3px solid white;*/
    /*background-color: rgb(232,61,143);*/
}
.carousel .btn.left{
    left: 5px;
    background-image: url("../img/leftArrow.png");
}
.carousel .btn.right{
    right: 5px;
    background-image: url("../img/rightArrow.png");
}
.carousel .leftMask, .carousel .rightMask{
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.85);
}
.carousel .leftMask{
    left: -100%;
}
.carousel .rightMask{
    right: -100%;
}
.carouselContent{
    z-index: 0;
    position: absolute;
    width: 200%;
    height: 100%;
    background-size: 100%;
    background-position: center;
    webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: .3s ease .3s;
    transition: .3s ease .3s;
    -webkit-backface-visibility: hidden;
}
.carouselContainer.pos0 .carouselContent{
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.carouselContainer.pos1 .carouselContent{
    -webkit-transform: translateX(-17.3%);
    transform: translateX(-17.3%);
}
/*.carouselContainer.pos2 .carouselContent{*/
    /*-webkit-transform: translateX(-66%);*/
    /*transform: translateX(-66%);*/
/*}*/
/*.carouselContainer.pos3 .carouselContent{*/
    /*-webkit-transform: translateX(-75%);*/
    /*transform: translateX(-75%);*/
/*}*/
/*.carouselContainer.pos4 .carouselContent{*/
    /*-webkit-transform: translateX(-100%);*/
    /*transform: translateX(-100%);*/
/*}*/

.carouselContent .slide{
    position: relative;
    float: left;
    width: 50%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.home .carouselContent h2 {
    color: rgb(255,255,255);
}
.carouselContent .slide .slideContent{
    width: 100%;
    height: 100%;
}
.carouselNavbar {
    position: relative;
    width: 100%;
    height: 150px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 50%, #c8c8c8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#e6e6e6), color-stop(100%,#c8c8c8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 50%,#c8c8c8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 50%,#c8c8c8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 50%,#c8c8c8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 50%,#c8c8c8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */
}
.carouselNavWrapper{
    margin: 0 auto;
    max-width: 1000px;
    height: 100%;
}
.carouselNav{
    position: relative;
    margin: 0 25px;
    height: 95%;
}
.carouselNav .btn{
    position: relative;
    float: left;
    bottom: 0;
    margin-top: 5px;
    width: 20%;
    height: 145px;
    border-radius: 3px 3px 0 0;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    background-repeat: no-repeat;
    background-position: left;
    background-image: url("../img/btnDiv.png");
    -webkit-animation-duration: 0.5s;
    -webkit-transform-origin:50% 50%;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-transform: translateY(0px);

    animation-duration: 0.5s;
    transform-origin:50% 50%;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    transform: translateY(0px)

}
.carouselNav .btn:first-child{
    margin-left: 0;
    background-image: none;
}
.carouselNav .btn img{
    display: none;
    margin: 10px 0 0 0;
    width: 65px;
    height: 65px;
    opacity: 0.9;
}
.carouselNav .btn .text{
    width: auto;
    padding: 27% 5%;
    font-weight: bold;
    font-size: 0.8em;
    color: rgb(50,50,50);
    line-height: 1.2em;
    text-shadow: 0px 2px 2px rgb(252,252,252);
}
.carouselContainer.pos0 .carouselNav .btn.first{
    -webkit-animation-name: shake;
    animation-name: shake;
    z-index: 1;
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
    border-top: 6px solid rgb(232,61,141);
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 50%, #c8c8c8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#e6e6e6), color-stop(100%,#c8c8c8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 50%,#c8c8c8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 50%,#c8c8c8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 50%,#c8c8c8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 50%,#c8c8c8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */
}
.carouselContainer.pos0 .slide.first .productInfo{
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}
.carouselContainer.pos1 .carouselNav .btn.second{
    -webkit-animation-name: shake;
    animation-name: shake;
    z-index: 1;
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
    border-top: 6px solid rgb(232,61,141);
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 50%, #c8c8c8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#e6e6e6), color-stop(100%,#c8c8c8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 50%,#c8c8c8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 50%,#c8c8c8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 50%,#c8c8c8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 50%,#c8c8c8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */
}
.carouselContainer.pos1 .slide.second .productInfo{
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}
.carouselContainer.pos2 .carouselNav .btn.third{
    -webkit-animation-name: shake;
    animation-name: shake;
    z-index: 1;
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
    border-top: 6px solid rgb(232,61,141);
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 50%, #c8c8c8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#e6e6e6), color-stop(100%,#c8c8c8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 50%,#c8c8c8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 50%,#c8c8c8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 50%,#c8c8c8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 50%,#c8c8c8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */
}
.carouselContainer.pos2 .slide.third .productInfo{
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}
.carouselContainer.pos3 .carouselNav .btn.fourth{
    -webkit-animation-name: shake;
    animation-name: shake;
    z-index: 1;
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
    border-top: 6px solid #12b4dd;;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 50%, #c8c8c8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#e6e6e6), color-stop(100%,#c8c8c8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 50%,#c8c8c8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 50%,#c8c8c8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 50%,#c8c8c8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 50%,#c8c8c8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */
}
.carouselContainer.pos3 .slide.fourth .productInfo{
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}
.carouselContainer.pos4 .carouselNav .btn.fifth{
    -webkit-animation-name: shake;
    animation-name: shake;
    z-index: 1;
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
    border-top: 6px solid rgb(253,198,0);
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 50%, #c8c8c8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#e6e6e6), color-stop(100%,#c8c8c8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 50%,#c8c8c8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 50%,#c8c8c8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 50%,#c8c8c8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 50%,#c8c8c8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */
}
.carouselContainer.pos4 .slide.fifth .productInfo{
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}