body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

h2 {
    font-weight: 300;
}

h2 span {
    color: #FF8B00;
    font-weight: 400;
}

h3 {
    font-size: 20px;
    font-weight: 500;
}

.main-header {
    padding-top: 10px;
    padding-bottom: 10px;
}

.main-header p {
    font-weight: 500;
    color: #636363;
}

.main-header a {
    color: #0095A4;
    font-size: 25px;
}

.main-header .header-phone-block {
    text-align: left;
}

.main-row {
    background-color: #1b6d85;
}

.main-row h2 {
    font-size: 40px;
}

.main-row h3 {
    font-size: 28px;
}

.main-row .left-content {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.main-row .left-content .points-block {
}

.main-row .left-content .points-block .hardware {
    display: none;
}

.main-row .left-content .points-block ul.first-set {
    margin-top: 10px;
    margin-bottom: 0px;
}

.main-row .left-content .points-block ul.first-set li {
    font-weight: 400;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 20px;
    margin-bottom: 5px;
}

.main-row .left-content .arrow-block {
    text-align: center;
}

.main-row .left-content .arrow-block img.quote-arrow {
    display: none;
}

.main-row .left-content .arrow-block .down-arrow {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.main-row .right-content {
    display: block;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.main-row .right-content .main-form {
    background-color: #FFFFFF;
    display: block;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color: #70E8F2;
    border-width: 5px;
    border-style: solid;
    padding: 15px;
}

.main-row .right-content .main-form label {
    font-weight: 300;
    font-size: 16px;
}

.main-row .right-content .main-form .form-control {
    background-color: #DDFCFF;
}

.main-row .right-content .main-form .checkbox {
    margin-top: 1px;
    margin-bottom: 1px;
}

.main-row .right-content .main-form .checkbox label {
    font-weight: 400;
    font-size: 14px;
}

.main-row .right-content .main-form select.epos-kind {
    width: 180px;
}

.main-row .right-content .main-form select.epos-how-many {
    width: 80px;
}

.main-row .right-content .main-form hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.font-white {
    color: #FFFFFF;
}

a.font-white {
    color: #FFFFFF;
}

a.font-white:hover {
    color: #FFFFFF;
}

.font-blue {
    color: #0095A4;
}

a.font-blue {
    color: #0095A4;
}

a.font-blue:hover {
    color: #0095A4;
}

.bg-blue {
    background-color: #0095A3;
}

.below-main-row {
    background-color: #0095A4;
}

.testimonials {
    font-weight: 400;
    font-style: italic;
    color: #FFFFFF;
    font-size: 15px;
}

.vertical-align {
    display: flex;
    flex-direction: row;
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
    display: flex;
    align-items: center;
}

.extra-content {
    font-weight: 400;
}

.extra-content h1 {
    color: #0095A4;
    font-weight: 300;
}

.extra-content h2 {
    color: #0095A4;
    font-weight: 300;
}

.extra-content p.title {
    font-weight: 500;
    color: #FF8B00;
    margin-top: 5px;
    font-size: 25px;
}

.big-testimonial {

    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
}

.big-testimonial p {
    font-weight: 300;
    font-style: italic;
    width: 80%;
    color: #FFFFFF;
    display: block;
    padding-left: 5%;
    padding-top: 5%;
    padding-bottom: 5%;
    font-size: 15px;
}

.big-testimonial span.author {
    color: #0095A4;
    font-weight: 400;
    font-style: normal;
}

.big-testimonial.wt {
    background-image: url(/img/landing/testimonial-bg-1.jpg);
}

.big-testimonial.wot {
    background-image: url(/img/landing/testimonial-bg-2.jpg);
}

.bg-grey {
    background-color: #A0A0A0;
}

.font-light {
    font-weight: 300;
}

.font-normal {
    font-weight: 400;
}

.default-row-format {
    padding-top: 20px;
    padding-bottom: 20px;
}

.default-row-format .font-size-big {
    font-size: 30px;
}

.default-row-format .font-size-medium {
    font-size: 25px;
}

.default-row-format .footer-button {
    width: 200px;
    padding-top: 15px;
}

.text-xs-left {
    text-align: left;
}

.text-xs-right {
    text-align: right;
}

.text-xs-center {
    text-align: center;
}

.text-xs-justify {
    text-align: justify;
}

/* columns of same height styles */

.row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.col-height {
    display: table-cell;
    float: none;
    height: 100%;
}

.col-top {
    vertical-align: top;
}

.col-middle {
    vertical-align: middle;
}

.col-bottom {
    vertical-align: bottom;
}

/* form steps control */
.quote-form-step {
    visibility: visible;
    height: auto;
}

.font-size-medium {
    font-size: 17px;
}

.form-group.smaller {
    max-width: 300px;
}

.form-group .val-error-msg {
    font-size: 13px;
    display: block;
    margin-top: 5px;
    margin-bottom: -13px;
    height: 17px;
    background-color: transparent;
    color: #ffffff;
    padding-left: 7px;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.form-group .val-error-msg.on {
    background-color: #e86562;
}

p.privacy {
    font-size: 10px;
    color: #7a7e7e;
}

/* static pages */
.g-recaptcha.error {
    display: table;
    background-color: #ac2925;
    padding: 5px;
}

.contact-form label {
    font-weight: 500;
    font-size: 15px;
}

/* thank you */
.thank-you-message-container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.thank-you-message-container p {
    margin: 0;
    font-size: 20px;
}

.orange {
    color: #FF8B00;
    font-weight: 500;
}

.extra-service-box {
    margin-bottom: 15px;
    background-color: #2f5a67;
    padding-top: 10px;
    padding-bottom: 10px;
}

.alter {
    background-color: #223c44;
}

.extra-service-box:nth-child(odd) {

}

.extra-service-box h3 {
    padding: 0;
    margin-top: 0px;
    margin-bottom: 5px;
}

.custom-btn {
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    margin-bottom: 15px;

    background-color: #36a736;
    color: #FFFFFF;
}

.custom-btn:hover {
    color: #FFFFFF;
    background-color: #58b158;

}

.yes-no-btn {
    display: inline-block;
    width: 60px;
    height: 50px;
    margin: 0;
    border: none;
}

.no-btn.active {
    color: #FFFFFF;
    background-color: #d03c26;
}

.no-btn.inactive {
    color: #FFFFFF;
    background-color: #4b524d;
}

.no-btn.inactive:hover {
    background-color: #d03c26;
}

.yes-btn.active {
    color: #FFFFFF;
    background-color: #1cbd48;
}

.yes-btn.inactive {
    color: #FFFFFF;
    background-color: #4b524d;
}

.yes-btn.inactive:hover {
    background-color: #1cbd48;
}

/* checkbox box */
.checkbox-container {
}

.checkbox-container .checkbox-label {
    font-size: 19px;
    display: table-cell;
    padding-left: 7px;
}

.checkbox-img-container {
    width: 30px;
    height: 30px;
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
    float: left;
}

.checkbox-img-container .img-check {
    position: relative;
    top: -30px;
}

.checkbox-img-container .img-check.inactive {
    display: none;
}

@media (min-width: 768px) {
    /*sm*/
    .content-wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }

    .main-header .header-phone-block {
        text-align: right;
    }

    .main-row .left-content .points-block ul.first-set {
        margin-top: 35px;
        margin-bottom: 27px;
    }

    .main-row .left-content .points-block ul.first-set li {
        font-weight: 400;
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 25px;
        margin-bottom: 15px;
    }

    .big-testimonial p {
        line-height: 30px;
        background-size: 100%;
        font-size: 20px;
        width: 400px;
    }

    .text-sm-left {
        text-align: left;
    }

    .text-sm-right {
        text-align: right;
    }

    .text-sm-center {
        text-align: center;
    }

    .text-sm-justify {
        text-align: justify;
    }

    div.inline {
        display: inline-block;
    }

    div.inline.margin {
        margin-left: 45px;
    }
}

@media (min-width: 992px) {
    /*md*/
    .main-row .left-content {
        width: 555px;
        float: left;
    }

    .main-row .left-content .points-block {
        position: relative;
    }

    .main-row .left-content .arrow-block {
        position: relative;
        text-align: left;
    }

    .main-row .left-content .arrow-block img.quote-arrow {
        display: none;
    }

    .main-row .left-content .arrow-block .down-arrow {
        display: block;
        position: absolute;
        right: -15px;
        top: -5px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .main-row .right-content {
        width: 350px;
        float: right;
    }

    .main-row .right-content .main-form {
        margin-top: 15px;
        z-index: 100;
        position: relative;
        min-height: 555px;
    }

    .below-main-row {
        background-color: #0095A4;
        position: relative;
        top: -100px;
        height: 135px;
        z-index: 50;
    }

    .clear-below-main-row-gap {
        margin-top: -85px;
    }
}

@media (min-width: 1200px) {
    /*lg*/
    .main-row .left-content {
        width: 755px;
    }

    .main-row .left-content .points-block .hardware {
        display: block;
        position: absolute;
        right: 0;
        top: -50px;
    }

    .main-row .left-content .arrow-block {
        margin-top: 80px;
    }

    .main-row .left-content .arrow-block img.quote-arrow {
        display: block;
        position: absolute;
        bottom: 5px;
        right: 15px;
    }

    .main-row .left-content .arrow-block .down-arrow {
        display: none;
    }
}