body {
font-size: 14px;
background-color: #ffffff;
}
.container-fluid {
max-width: 1170px;
}
a:hover {
color: #00729F
}
.menu> li ul {
background-color: #00729F;
}
.menu> li:last-child> ul ul {
right: auto;
}
.menu> li> ul li a {
line-height: 1.1em;
opacity: 0.7;
text-transform: none;
font-size: 0.85em;
}
.form-loading {
border: 3px solid #999999;
}
.accordion-2 .content p {
margin: 0;
}
.btn-primary {
background-color: #00729F;
color: #FFF;
}
.btn-two-lines {
height: auto;
line-height: inherit;
padding-top: 0.5em;
padding-bottom: 1em;
}
.btn-two-lines > small {
display: block;
line-height: 1.2em;
font-weight: 400;
}
.context-menu {
border: 1px solid #DDD;
padding: 1em;
background: none;
}
.context-menu li {
margin-bottom: 5px;
}
.context-menu li.active {
font-weight: 600;
}
.parallax> .background-image-holder {
height: 80vh !important;
}
.fullscreen.parallax> .background-image-holder {
height: 100vh !important;
}
.hover-tile {
background: #00729F;
}
.hover-tile:hover img {
opacity: .1;
}
.bg-dark {
color: #999;
}
footer.bg-dark a {
color: #019DCE;
}
.page-title h3> span, .page-title h2> span {
display: block;
font-size: 14px;
}
h3 {
font-size: 2.4em;
}
.dl-horizontal dt, .dl-horizontal dd {
margin-bottom: 8px;
}
.feature {
margin-bottom: 4em;
}
.feature .feature-image {
width: 35%;
margin: 0 auto;
margin-bottom: 2em;
}
.feature .feature-image img {
display: inline-block;
}
.feature h5 span {
display: block;
}
.feature ul> li {
line-height: 1.4em;
margin-bottom: 0.8em;
}
.numbered {
position: relative;
}
.numbered> li {
margin-left: 2em;
}
.numbered > li:before {
content: attr(data-number);
position: absolute;
left: 0;
display: inline-block;
width: 1.7em;
line-height: 1.7em;
height: 1.7em;
border-radius: 50%;
background-color: #00729F;
color: #FFF;
font-size: 0.8em;
text-align: center;
margin-right: 1em;
}

.image-edge .container div[class*='col-'] {
padding-top: 2em;
padding-bottom: 2em;
}

.panel-body dl dt {
text-transform: uppercase;
}
.panel-body dl dd {
margin-bottom: 1em;
}
.panel-body dl dd ol,
.panel-body dl dd ul {
margin-left: 2em;
margin-top: 1em;
}

.panel-default > .panel-heading {
background-color: #00729F;
border: none;
padding: 5px 12px;
color: #fff;
}
.panel-title a:hover { color: #fff;}
.panel-body ul,
.panel-body ol {
list-style: inherit;
padding-left: 2em;
}

.pricing-table .price {
font-size: 60px;
}


@media (max-width: 1199px) {
    .image-square > .content {
    padding-left: 5%;
    padding-right: 5%;
    }
}

@media (max-width: 991px) {
    #compatibility .background-image-holder {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
    }
    #hardware > div:first-of-type {
    text-align: center;
    }
    #hardware img {
    max-width: 70%;
    display: inline-block;
    }
    .image-square > .content {
    padding-left: 20%;
    padding-right: 20%;
    }
    .pricing-table .price {
    font-size: 50px;
    }
}

@media (max-width: 767px) {
    div[class*="col-"] { padding-top: 3em; }
    .image-square > .content {
    padding-left: 15px;
    padding-right: 15px;
    }
    p {
    font-size: 14px;
    }
    #hero-text {
    padding-left: 20%;
    padding-right: 20%;
    }
    #hardware img {
    max-width: 80%;
    }
    #hardware ul {
    font-size: 0.8em;
    }
    footer .text-right {
    text-align: center;
    }
    br {
    display: block;
    }
}

@media (max-width: 559px) {
    #hero-text {
    padding-left: 15px;
    padding-right: 15px;
    }
    #hardware img {
    max-width: 100%;
    }
}