html {
    height: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

body {
    background-color: #fff;
    color: #606c71;
    font-family: Jura, "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    min-height: 100%;
    min-width: 400px;
}
a {
    color: #1e6bb8;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    margin-bottom: 10px;
}
h1 {
    color: #173058;
    font-family: "Bebas Neue", "Open Sans", sans-serif;
    font-size: 80px;
    line-height: 30px;
    margin-top: 20px;
    text-transform: uppercase;
}
h2 {
    color: #173058;
    font-family: "Times New Roman", "Courier New", "Open Sans", sans-serif;
    font-size: 40px;
    line-height: 25px;
    /*font-weight: 300;*/
    margin-top: 20px;
}
h3 {
    color: #142a4f;
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px;
    text-transform: uppercase;
}
h4 {
    color: #142a4f;
    font-size: 18px;
    line-height: 24px;
    margin-top: 10px;
}
h5 {
    color: #142a4f;
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
}
h6 {
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px;
}
p {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 25px;
    font-weight: 300;
}
b, strong {
    font-weight: bold;
}
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
/*img {*/
/*    max-width: 100%;*/
/*    vertical-align: middle;*/
/*    display: inline-block;*/
/*}*/
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}

.w-container:before,
.w-container:after,
.w-row:before,
.w-row:after,
.w-nav:before,
.w-nav:after
{
    content: " ";
    display: table;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
}
.w-container:after,
.w-row:after,
.w-nav:after {
    clear: both;
}

/* small displays */
@media screen and (max-width: 600px) {
    .w-container {
        max-width: none;
    }
    .w-row,
    .w-container .w-row {
        margin-left: 0;
        margin-right: 0;
    }
    .w-col {
        width: 100%;
        left: auto;
        right: auto;
    }
}

/* wider displays */
@media screen and (min-width: 601px) {
    .w-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 940px;
    }
    .w-container .w-row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .w-col {
        width: 33.33333333%;
    }
}
.navigation-bar {
    background-color: white;
}

.w-branding {
    /*max-width: 100%;*/
    position: relative;
}
.w-branding img {
    height: 275px;
    width: 100%;
}
.w-branding h1,
.w-branding h2,
.w-branding p {
    /*right: 1em;*/
    margin: 20px;
    position: absolute;
    /*color: #142a4f;*/
    /*margin-bottom: 30px;*/
    /*font-size: 60px;*/
    /*line-height: 60px;*/
    /*font-weight: 300;*/
    letter-spacing: 4px;
    /*text-transform: uppercase;*/
}
.w-branding h1 {
    bottom: 165px;
    font-size: 100px;
    line-height: 50px;
    right: 0em;
}
.w-branding h2 {
    bottom: 120px;
    right: 0em;
}
.w-branding p {
    bottom: 90px;
    right: 0em;
}

.logo-mask {
    /*mask-image: linear-gradient(to right, black 20%, transparent, transparent, black 100%);*/
    mask-image: linear-gradient(to left, transparent 5%, black 50%);
}

.service {
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
}
.service-maintenance {
    background-image: url(/image/service-maint.png) ;
}
.service-tune {
    background-image: url(/image/service-tune.png) ;
}
.service-master {
    background-image: url(/image/service-cooling.png);
}
.service-repair {
    background-image: url(/image/service-heating.png);
}

/*.hero-heading, .hero-subheading {*/

/*}*/
/* */
/*.sample-container {*/
/*    !*max-width: 400px;*!*/
/*    height: 300px;*/
/*    width: 100%;*/
/*    margin: 1em auto;*/
/*    position: relative;*/
/*    !*border:1px solid #ccc;*!*/
/*}*/
/*.sample-container img {*/
/*    width: 100%;*/
/*    height: 300px;*/
/*    !*height: 100%;*!*/
/*    !*object-fit: cover;*!*/
/*    -webkit-mask-image: linear-gradient(to top, transparent 5%, black 100%);*/
/*    mask-image: linear-gradient(to right, black 20%, transparent, transparent, black 100%);*/
/*}*/
/*.sample-container h1 {*/
/*    position: absolute;*/
/*    bottom: 1em;*/
/*    right: 1em;*/
/*    !*font-size: 150%;*!*/
/*    color: #333;*/
/*}*/
/* */

/*.logo {*/
/*    background-image: url('/image/header.jpg');*/
/*    background-repeat: no-repeat;*/
/*    mask-image: linear-gradient(to right, black 20%, transparent, transparent, black 100%);*/
/*    height: 300px;*/
/*    width: 100%;*/
/*}*/



/*.hero-section.centered {*/
/*    padding-top: 25px;*/
/*    padding-bottom: 25px;*/
/*    border-bottom-style: solid;*/
/*    border-bottom-width: 4px;*/
/*    border-bottom-color: rgb(105, 185, 255);*/
/*    background-size: auto, cover;*/
/*    */
/*    !*color: #fff;*!*/
/*    text-align: center;*/
/*    !*background-color: #159957;*!*/
/*    !*background-image: linear-gradient(120deg, #155799, #159957)*!*/
/*}*/

/*.hero-subheading {*/
/*    margin-bottom: 40px;*/
/*    color: #142a4f;*/
/*    font-family: "Times New Roman", "Courier New", "Open Sans", sans-serif;*/
/*    font-size: 40px;*/
/*    line-height: 25px;*/
/*    font-weight: 300;*/
/*    letter-spacing: 3px;*/
/*    text-transform: uppercase;*/
/*}*/

.section {
    position: relative;
    padding-top: 40px;
    padding-right: 10px;
    padding-bottom: 40px;
    padding-left: 10px;
    background-color: white;
    text-align: center;
}

.section-title-group {
    margin-bottom: 60px;
}

.section-heading {
    margin-top: 0px;
    margin-bottom: 16px;
}

.section-heading.centered {
    /*color: rgb(103, 103, 112);*/
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    letter-spacing: 5px;
    text-transform: uppercase;
}

.white-box {
    padding: 15px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(220, 235, 247);
    border-radius: 5px;
    text-align: center;
}

.footer {
    padding-top: 35px;
    padding-bottom: 35px;
}

.footer {
    color: #d1d1d1;
}
.footer a {
    color: #2b97f5;
}
.footer a:hover {
    color: #309af5;
}

.footer.center {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #173058;
    background-color: #142a4f;
    text-align: center;
}

.footer-text {
    margin-top: 5px;
    margin-bottom: 5px;
    color: white;
    font-size: 16px;
}
.footer-highlight {
    color: #f79047;
    font-weight: bold;
}
.grid-image {
    max-width: 50%;
}

/** ==========================================================================================*/
/** ==========================================================================================*/
/** ==========================================================================================*/
/** ==========================================================================================*/
/** ==========================================================================================*/

.w-row .w-row {
    margin-left: 0;
    margin-right: 0;
}
.w-col {
    position: relative;
    float: left;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}
.w-col .w-col {
    padding-left: 0;
    padding-right: 0;
}
@media screen and (max-width: 767px) {
    .w-nav-brand {
        padding-left: 10px;
    }
}
.w-nav {
    position: relative;
    background: #dddddd;
    z-index: 1000;
}
.w-nav-brand {
    position: relative;
    float: left;
    text-decoration: none;
    color: #333333;
}
.w-nav-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: #222222;
    padding: 20px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}
.w-nav-link.w-current {
    color: #1e6bb8;
}
.w-nav-menu {
    position: relative;
    float: right;
}
.w-nav-overlay {
    position: absolute;
    overflow: hidden;
    display: none;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
}
.w-nav-overlay .w-nav-menu-open {
    top: 0;
}
.w-nav-button {
    position: relative;
    float: right;
    padding: 18px;
    font-size: 24px;
    display: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.w-nav-button.w-open {
    background-color: #C8C8C8;
    color: white;
}
@media screen and (max-width: 767px) {
    .w-nav-brand {
        padding-left: 10px;
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.w-dyn-empty {
    padding: 10px;
    background-color: #dddddd;
}
.w-dyn-hide {
    display: none !important;
}
.w-dyn-bind-empty {
    display: none !important;
}
.w-condition-invisible {
    display: none !important;
}

.yelp {
/*     background-image: url('image/yelp.png'); */
    width: 24px;
    height: 24px;
}