/*-------------------------
      DOCUMENT
--------------------------*/
@media screen and (min-width:992px){
.carousel-arrow .sppb-carousel-extended-heading {
    background: #1c5562;
    line-height: 30px;
    padding: 15px;
    margin: 0px;
}

.carousel-arrow .sppb-carousel-extended-content-wrap {
    padding: 0px;
}}

@media screen and (max-width:992px){
.carousel-arrow .sppb-carousel-extended-heading {
    font-size: 12px!important;
    line-height: 15px!important;
}
.carousel-arrow .sppb-carousel-extended-heading {
    background: #1c5562;
}}


/*-------------------------
      CALCULATOR
--------------------------*/
.calculator .cal_form p {
    display: inline-grid;
    padding: 10px 15px;
    position:relative;
    top: 0px!important;
}

input#cal_button, input#cal_button_reset {
    background: #1c5562;
    color: white;
    border-radius: 5px;
    border: 0px;
    padding: 6px 12px;
    display: block;
    position: absolute;
    margin-right: 20px!Important;
}

input#cal_button{
    top: 15px;
    left: 52px;
}
@media screen and (min-width:992px){
input#cal_button, input#cal_button_reset {
    top: 40px;
    left: 20px;
}
input#cal_button{left: 52px;}
}

@media screen and (max-width:991px){
input#cal_button, input#cal_button_reset {
    top: 15px;
    left: 14px;
    margin-right: 20px!important;
}

input#cal_button{
    top: 15px;
    left: 52px;
}

div#cal_result {
    width: 90vw;
    margin: auto;
    width: 100% vw;
    margin-top: 700px!important;
    position: relative;
    background: #1c5562;
    color: white;
    padding: 15px;
}


.img-container-calculate.col-xs-12.col-sm-3.col-lg-3 {
    width:100px!important;
    margin:auto!important;
    float: none!Important;
    text-align: center!Important;
    justify-content: center!important;
}

.cal_form {width: 300px!important;}

.container-calculate{width:106%}
}

input#cal_button:hover, input#cal_button_reset:hover {
    background: #8c8c8c;
    color: white;
}

/*-----------------------------------------------------------------------
                                992 px
-------------------------------------------------------------------------*/
@media screen and (min-width:992px){
div#cal_result p {
    font-size: 18px;
    font-weight: 900;
    color: white;
    text-align: center;
}

div#cal_result {
    background: #1c5562;
    padding: 19px;
      margin-top: 452px;
}

}


/*-------------------------
      COLOUR PALETTE
--------------------------*/

.colour-palette .sppb-addon-image-layout-caption.caption-below {
    font-size: 12px;
}