body {
    background-color: white;
    color: #343458;
}

.bm-menu-link a {
    color: #343458;
}

.mk-main-wrapper-holder {
    background-color: #dbe3e8;
    margin-bottom: 100px;
}

#mk-footer {
    z-index: 10
}

#mk-footer {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}

#mk-footer, #mk-footer p {
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
}


#mk-footer.mk-footer-unfold {
    z-index: 9
}

#mk-footer {
    width: 100%;
    position: relative;
    padding: 20px 0;
}

#mk-footer .textwidget strong {
    margin-bottom: 10px;
    display: inline-block;
}

#mk-footer .textwidget p {
    margin-bottom: 10px;
}

.footer-wrapper img {
    margin-left: 20px;
}

.bm-top-menu {
    padding: 20px;
}

.clearboth {
    display: block;
    visibility: hidden;
    clear: both;
    overflow: hidden;
    width: 0;
    height: 0
}

.clearboth:after {
    display: block;
    visibility: hidden;
    clear: both;
    width: 0;
    height: 0;
    content: ' ';
    font-size: 0;
    line-height: 0
}

* html .clearboth {
    height: 1%
}

.clearfix {
    display: block;
    clear: both
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.shape__container .shape svg {
    margin-bottom: -5px;
}

.mk-svg-icon {
    width: auto;
    height: auto;
    fill: currentColor
}

#fancy-title-7 p {
    letter-spacing: 0px;
    text-transform: initial;
    color: #ffffff;
    text-align: left;
    font-style: inherit;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 65px;
    margin-bottom: 16px;
    line-height: 1.2;
}

#fancy-title-7 span {
}

#fancy-title-7 span i {
    font-style: inherit;
}

@media handheld, only screen and (max-width: 767px) {
    #fancy-title-7 {
        text-align: right !important;
        padding-right: 10px;
    }
}

@media handheld, only screen and (max-width: 1280px) {
    #fancy-title-7 {
        font-size: 65px;
    }
}

@media handheld, only screen and (min-width: 768px) and (max-width: 1024px) {
    #fancy-title-7 {
        font-size: 50px;
    }
}

@media handheld, only screen and (max-width: 767px) {
    #fancy-title-7 {
        font-size: 50px;
    }
}

#fancy-title-8 p {
    letter-spacing: 0px;
    text-transform: initial;
    font-size: 24px;
    line-height: 50%;
    color: #ffffff;
    text-align: left;
    font-style: inherit;
    font-weight: inherit;
    padding-top: 0px;
    padding-bottom: 20px;
}

#fancy-title-8 span {
}

#fancy-title-8 span i {
    font-style: inherit;
}

@media handheld, only screen and (max-width: 767px) {
    #fancy-title-8 {
        text-align: center !important;
    }
}

.mk-page-section {
    position: relative;
    width: 100%
}

.mk-page-section[data-intro-effect=false] {
    z-index: 99
}

.mk-page-section:not(.mk-adaptive-height):not(.intro-true) {
    height: auto !important
}

.mk-page-section-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    will-change: position
}

.mk-video-color-mask,
.mk-video-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mk-video-color-mask, .mk-video-mask {
    z-index: 3;
}

.mk-page-section .background-layer {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.Edge .mk-page-section .background-layer,
.Edge .mk-page-section .mk-color-layer,
.IE .mk-page-section .background-layer,
.IE .mk-page-section .mk-color-layer {
    background-color: transparent !important;
    overflow-x: hidden
}

#background-layer--2 {;
    background-position: 80% 50px;
    background-repeat: no-repeat;
    background-size: contain;
}

@media handheld, only screen and (max-width: 767px) {
    #background-layer--2 {;
        background-position: center bottom;
    }
}

@media handheld, only screen and (max-width: 1280px) {
    #background-layer--2 {;

    }
}

@media handheld, only screen and (min-width: 768px) and (max-width: 1024px) {
    #background-layer--2 {;

    }
}


#background-layer--2 .mk-color-layer {;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.mk-background-stretch,
.mk-background-stretch .parallax-layer {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover
}

.mk-shape-divider {
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    z-index: 10
}

.mk-shape-divider--stick-bottom {
    bottom: 0
}

.mk-shape-divider--stick-top {
    top: 0
}

.mk-shape-divider .shape__container {
    position: relative;
    overflow: hidden
}

.mk-shape-divider .shape__container .shape {
    width: 100%
}

.mk-shape-divider .shape__container .shape svg {
    display: block
}

.full-width-2 .page-section-content {
    padding: 0px 0 150px;
}
@media (min-width: 850px)
    .full-width-2 .fluid-width-equal-height-columns {
        height: 100%;
    }
}

.mk-page-section .vc_row-fluid {
    position: relative;
}
.mk-page-section .vc_row-fluid {
    z-index: 10;
}
.page-section-fullwidth {
    width: 100%;
}

.mk-page-section-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: -15px;
    margin-right: -15px
}

.mk-page-section {
    position: relative;
    width: 100%
}

.info-link-container {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1000;
    width: 100%;
    display: flex;
    flex-direction: row;

}

.info-link-container .bm-menu-link {
    margin-right: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.info-link-container .bm-menu-link svg {
    margin-right: 10px;
}


.mk-col-1-1 {
    width: 100%
}

.mk-col-2-3,
.mk-col-8-12 {
    width: 66.66%
}

.mk-col-1-2,
.mk-col-6-12 {
    width: 50%
}

.mk-col-1-3,
.mk-col-4-12 {
    width: 33.33%
}

.mk-col-1-4,
.mk-col-3-12 {
    width: 25%
}

.mk-col-1-5 {
    width: 20%
}

.mk-col-1-6,
.mk-col-2-12 {
    width: 16.667%
}

.mk-col-1-7 {
    width: 14.28%
}

.mk-col-1-8 {
    width: 12.5%
}

.mk-col-1-9 {
    width: 11.1%
}

.mk-col-1-10 {
    width: 10%
}

.mk-col-1-11 {
    width: 9.09%
}

.mk-col-1-12 {
    width: 8.33%
}

.mk-col-11-12 {
    width: 91.66%
}

.mk-col-10-12 {
    width: 83.333%
}

.mk-col-9-12 {
    width: 75%
}

.mk-col-5-12 {
    width: 41.66%
}

.mk-col-7-12 {
    width: 58.33%
}

@media handheld, only screen and (max-width: 768px) {
    .mk-grid {
        width: 100%
    }

    [class*=mk-col-] {
        width: auto;
        float: none;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px
    }

    #mk-footer [class*=mk-col-] {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0
    }
}


#mk-footer {
    background-color: #353458;
    background-image: url('/img/themes/x2com/footer.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}






.pcc-form-button-container input[type="submit"] {
    border-color: #97c229;
    border-radius: 5px;
}

.pcc-form-button-container input {
    background-color: #97c229;
}

.pcc-field-container input[type="text"] {
    border-color: #97c229;
}

.package-button {
    border-color: #97c229 !important;
    color: #97c229 !important;
}

.package-button {
    border-color: #ea6432 !important;
    color: #ea6432 !important;
}

.package-button:hover {
    color: white !important;
    background-color: #ea6432 !important;
}

.package-overview-container .package .package-footer .package-big-badge {
    background-color: #97c229 !important;
}

.package-overview-container .package .package-header .package-featured {
    background-color: #97c229;
}

.package-overview-container .package .package-header .package-subtitle {
    color: #ea6432 !important;
}

.package-price {
    color: #ea6432 !important;
}

.btn {
    cursor: pointer;
}

.download-button {
    background-color: #97c229;
    border-color: #97c229;
    color: white;
}

.order-container button[type="submit"].btn, .specifications__price-btn.btn {
    color: #fff;
    background-color: #ea6432;
    border-color: #ea6432;
}

.order-container button[type="submit"].btn:hover, .specifications__price-btn.btn:hover {
    background-color: #97c229 !important;
}

.order-container button[type="submit"].btn svg, .specifications__price-btn.btn svg {
    fill: #fff;
    stroke: #fff;
}

.listTop {
    background-image: linear-gradient(to right, #97c229, #97c229);
}

.input-group-prepend-color {
    background-color: #97c229;
}

.stepbuttonContainer > .col-md.active .step {
    background: #97c229;
}

.stepbuttonContainer > .col-md.active {
    border-color: #97c229 !important;
}

::-webkit-selection {
    background-color: #97c229;
    color: #fff;
}

::-moz-selection {
    background-color: #97c229;
    color: #fff;
}

::selection {
    background-color: #97c229;
    color: #fff;
}

.previousStep {
    color: #ea6432;
}

.terms {
    color: #ea6432;
}

a:hover {
    color: #ea6432;
}

#padding-5 {
    height: 125px;
}

.icon-holder {
    position: absolute;
    right: 50px;
    top: 200px;
}

@media (max-width: 770px){
    .banner-lines {
        height: 0 !important;
    }

    .banner-text {
        padding-top: 40px;
    }

    .background-layer {
        background-image: none !important;
    }

    .mk-padding-divider {
        display: none;
    }

    .mk-padding-wrapper {
        height: 360px;
    }
}

@media (min-width: 771px) {
    .banner-text {
        height: 0;
    }

    .banner-logo {
        /*padding-left: 230px*/
    }
}

@media (min-width: 1025px) {
    .banner-logo {
        /*padding-left: 310px*/
    }
}

.icon-holder {
    width: 1150px;
}

@media (max-width: 1950px) {
    .icon-holder {
        width: 970px;
    }
}

@media (max-width: 1400px) {
    .icon-holder {
        width: 830px;
    }
}

@media (max-width: 1100px) {
    .icon-holder {
        display: none;
    }
}

.icon-holder img {
    position: absolute;
}

#headphone-image {
    top: 120px;
    left: 700px;
}

#tv-image {
    top: 200px;
    left: 150px;
}

#phone-image {
    top: -100px;
    left: 300px;
}

#cloud-image {
    top: 170px;
    left: 450px;
}

#tel-image {
    top: -120px;
    left: 730px;
}

#wifi-image {
    top: 50px;
    left: 250px;
}

.bm-top-menu {
    padding: 20px;
}

.packages .package .package__price-wrapper--colored {
    background-image: linear-gradient(to right, #97c22b, #72ab0e) !important;
}

.package__price-label {
    color: #97c22b;
}

.order-options .text-primary {
    color: #97c22b;
}

.order-options .all-in-one-link {
    display: none !important;
}

.progressbar .bullets .bullet_container .bullet.active {
    background-color: #97c22b;
}


.progressbar .progress {
    background-color: #97c22b !important;
}

.specifications__price {
    color: #97c22b !important;
}