#trust-elements .trust {
    text-align: center;
    padding: 8px
}

    #trust-elements .trust h3 {
        color:#ccc;
        font-size: 15px;
        margin-bottom: 10px;
        font-weight:400;
    }

#trust-elements #google-g-logo {
    max-width: 28px;
    vertical-align: bottom;
    margin-right: 0;
}

#trust-elements .rating {
    font-size: 24px;
    line-height: 24px;
    color: #5fa663;
    margin-top: 18px;
    font-weight: bold
}

#trust-elements #tscs {
    margin-left: auto;
    margin-right: auto
}

#trust-elements #padlock {
    max-width: 50px
}

@media (min-width:500px) {
    #trust-elements .trust {
        width: 33%;
        float: left
    }
    #trust-elements .rating {
        font-size: 27px;
        line-height: 27px
    }
    #trust-elements .trust h3 span {
        /*display: block*/
    }
}

.calculatorContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.onecolumn {
    width: 100%;
    height: auto;
}

.calculator .feedback {
    width:100%;
    text-align: center;
    padding: 30px;
    font-family: 'Open Sans';
}

.calculatorContainer .twocolumn {
    display: flex;
    align-items: center;
    /*border: 1px solid red;*/
}

.calculator .slider {
    width: 100%;
}

.twocolumn .calculator {
    width: 100%;
    display: flex;
}

.calculator [id=calculatorFeedbackOK] {
    color: rgb(255,255,255);
}
.calculator [id=calculatorFeedbackOK] .buttonLink.nowrap {
    margin-left:12px;
}

.calculator [id=calculatorFeedbackNOK] {
    color: rgb(255,255,255);
}
.calculator .okay-notokay {
    color: rgb(255,255,255);
    font-weight:300;
    font-size:14px;
}
.calculator [id=textFeedbackNOK] {
    color: rgb(255,255,255);
}
.calculator [id=containerBorrowSlider] .bodyText {
    overflow: hidden;
}
.calculator [id=containerRepaySlider] .bodyText {
    overflow: hidden;
}
.calculator .otw-button {
    font-weight: normal;
    line-height: 18px;
    padding: 12px 24px;
    text-decoration: none;
    text-shadow: none;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    background-color: #4285ed;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    transition:background-color .2s;
}
.calculator .otw-button:hover {
    color:#fff;
    background-color:#000000;
}

.buttonLink {
    display:inline;
    text-align: center;
    text-decoration: none !important;
}

.giveFinanceInfo {
    /*border: 1px solid green;*/
}

.calculator h2 {
    color:#fff;
    text-align: center;
    /*padding-bottom: 30px;*/
    /*padding-top: 10px;*/
    /*font-weight: normal;*/
    /*font-family: 'Open Sans';*/
    /*-webkit-hyphens: none !important;*/
    /*-moz-hyphens: none !important;*/
    /*hyphens: none !important;*/
}

.home .calculator {
    padding-top: 5px;
}
    .home .calculator h2 {
        margin-bottom: 0;
    }

.giveFinanceInfo ul {
    font-size: 15px;
    list-style: none !important;
    list-style-position: inside !important;
    padding-left: 0px !important;
    margin-left: 0px !important;
}

    .giveFinanceInfo ul li:before {
        content: "\2022";
        font-size: 100%;
        padding-right: 10px;
    }

.giveFinanceInfo h4 {
    font-family: 'Open Sans';
    text-align: center;
    margin-top: 5% !important; /*margin-top: 15px;*/
    margin-bottom: 0px !important;
    font-weight: normal;
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    hyphens: none !important;
}

.giveFinanceInfo h5 {
    text-align: center;
    font-weight: normal;
    font-family: 'Open Sans';
    margin-top: 3% !important;
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    hyphens: none !important;
}

.giveFinanceInfo .bodyText {
    /*
    padding-left: 15px;
    padding-right: 15px;*/
    margin-top: 9%;
    font-family: 'Open Sans';
    line-height: 180%;
}


.calculator [id=borrowSlider] {
    margin-top: 45px;
}
.calculator .noUi-target.noUi-connect {
   border:none; 
    background:#FFE50C;  
}
.calculator .noUi-target {
   box-shadow:none;
}
.calculator .noUi-horizontal .noUi-handle {
    font-size: 28px;
    width:50px;
    height:50px;
    background:#FFE50C;
    border:none;
    top:-23px;
}  
.calculator .noUi-handle:before, .noUi-handle:after {
    background:transparent!important;
    left:18px!important;
    color:#000000;
    
}
.calculator .noUi-background {
    background:#000000;
    box-shadow:none;
}
.calculatorContainer .twocolumn {
    width:100%;
}
.calculator [id=containerBorrowSlider], .calculator [id=containerRepaySlider] {
    padding:30px;
}
.calculator [id=containerRepaySlider] .bodyText, .calculator [id=containerBorrowSlider] .bodyText {
    font-size:15px;
}
.calculator .slider input[type=text] {
    font-size:20px;
    padding: 10px 16px;
    margin-top:8px;
    background-color:#777777
}
.calculator .noUi-handle:before, .calculator .noUi-handle:after {
    top:4px!important;
}
.calculator #result {
    color: #fff;
    vertical-align: middle;
    background-color: #5c5c5c;
    background-image: none;
    /* border: 1px solid #696969; */
    font-size: 16px;
    padding: 18px 18px;
    line-height:40px;
}
.calculator [id=repaySlider] {
    margin-top: 45px;
}

.calculator .key-figures {
    color:#fff!important;
    font-weight:bold;
    letter-spacing:1px;
}
.calculator [id=body] {
    display:inline;
    color:#dadada;
}
.calculator [id=numMonths] {
    display:inline;
    white-space:nowrap;
}

.giveFinanceInfo .heading {
    text-align: center;
}

.giveFinanceInfo.center .bodyText {
    text-align: center;
    line-height: 150%;
}

.giveFinanceInfo.center {
    padding-bottom: 56px;
    padding-top: 45px;
}

.giveFinanceInfo.rightPos {
    background-color: rgb(250, 250, 250);
}
.calculator #subtext { 
    margin-top:20px;
}
@media (min-width:768px) {
    .calculator [id=containerBorrowSlider], .calculator [id=containerRepaySlider] {
        float:left;
        width:50%;
        padding:30px;
    }
    .calculator .slider {
        padding:0 60px;
    }
    .calculator .slider input {
        margin-top:4px;
    }
    .calculator [id=containerRepaySlider] .bodyText, .calculator [id=containerBorrowSlider] .bodyText {
        font-size:16px;
    }
    .calculator .slider input[type=text] {
        font-size:22px;
        padding: 12px 18px;
        margin-top:10px;
    }
    .calculator #result {
        margin-left:58px;
        margin-right:58px;
        padding-top:25px;
        padding-bottom:25px;
    }
    .calculator #subtext {
        margin-left:58px;
        margin-right:58px;        
    }
}