@charset "UTF-8";
/* Add here all your css styles (customizations) */
@font-face {
  font-family: BrandonGrotesque;
  src: url("/assets/custom/fonts/Brandon_reg.otf") format("opentype");
}

body {
  background-color: #f1f2ec;
}

h1 {
  color: #f06721;
  margin-bottom: 2.1428571429rem !important;
}

h2 {
  color: #f06721;
}

p, a, span, div, body, h1, h2, h3, h4, h5 {
  /*font-family:BrandonGrotesque;*/
  font-family: Ubuntu;
}

p, li {
  font-size: 1.1em;
}

#footer-v1 {
  border-top: 3px solid #f06721;
}

#homepage-hero-image {
  background-image: url(/assets/custom/img/home-bg.png);
}

#homepage-hero-text {
  font-size: 1em;
}

#homepage-glotech-usps > div.row > div {
  font-weight: bold;
}

#homepage-glotech-usps > div.row > div > a {
  text-decoration: underline;
}

@media (min-width: 540px) {
  #homepage-glotech-usps > div.row > div > i.fa {
    float: left;
    margin-right: 10px;
  }
}

@media (max-width: 539px) {
  #homepage-glotech-usps > div.row > div > i.fa {
    display: block;
  }
}

.appliance-icons-block > div.row > div > div, .g-brd-grey {
  background-color: white;
  border: 1px solid #ddded9;
  padding: 20px 15px;
}

.appliance-icons-block > div.row > div > div > a > img {
  /*width:100%;*/
  max-height: 125px;
}

@media (max-width: 539px) {
  .appliance-icons-block > div.row > div > div > a > img {
    max-height: 80px;
    width: auto;
  }
  .appliance-icons-block > div.row > div > div {
    padding: 20px 5px !important;
  }
}

.appliance-icons-block-small-no-bg > div.row > div > div > a > img {
  /*width:100%;*/
  max-height: 50px !important;
}

.appliance-icons-block-small-no-bg > div.row > div > div {
  padding: 20px 5px !important;
  background-color: transparent !important;
  border: none !important;
}

@media (max-width: 991px) {
  #book-a-repair-button {
    width: 100%;
    margin: 15px 0px;
  }
  #nav-4-1-default-hor-left-big-icons {
    border-top: 2px solid #f06721;
  }
  /*#get-a-quote-button
    {
        width:100%;
    }*/
}

#homepage-content-blocks > div > div {
  background-color: white;
  padding: 0px !important;
  /*border:1px solid $block-border-color;*/
}

#homepage-content-blocks > div > div > a {
  /*background-color:white;*/
  /*border:1px solid $block-border-color;*/
}

#homepage-content-blocks > div > div > a > img {
  width: 100%;
}

#glotech-logo {
  height: 50px;
}

.taller-pipe {
  font-size: 24px;
  color: #f1f1f1;
}

#top-nav-phone-number a {
  font-size: 1.5em;
  color: #666;
  font-weight: bold;
  letter-spacing: 3px;
}

#top-nav-phone-number-mobile a {
  font-size: 1.1em;
  color: #666;
  font-weight: bold;
}

@media (max-width: 990px) and (min-width: 765px) {
  #top-nav-phone-number-mobile {
    left: 40%;
  }
}

.g-color-grey {
  color: #666;
}

a.nav-link > div.appliance-icon-sm {
  /*width:55px;*/
  width: 60px;
  float: left;
  vertical-align: middle;
  line-height: 50px;
}

a.nav-link > div.appliance-icon-md {
  /*width:75px;*/
  width: 60px;
  float: left;
  vertical-align: middle;
  line-height: 50px;
}

a.nav-link > div.appliance-icon-lg {
  width: 60px;
  float: left;
  vertical-align: middle;
  line-height: 50px;
}

a.nav-link > div > img {
  max-width: 50px;
  max-height: 50px;
  vertical-align: middle;
  margin: auto 0px;
}

a.nav-link span {
  height: 50px;
  line-height: 50px;
}

.g-pa-20-0 {
  padding: 1.4285714286rem 0rem !important;
}

.g-pa-0-20 {
  padding: 0 1.4285714286rem !important;
}

#navBar > ul.navbar-nav > li.active {
  background: #f1f2ec;
  border-right: 1px solid #ddded9;
  border-left: 1px solid #ddded9;
  /*padding-right: 10px !important;
    padding-left: 10px !important;*/
}

custom-select-md {
  display: inline-block;
  max-width: 100%;
  height: calc(2.25rem + 2px);
}

@media (min-width: 768px) {
  .g-offset-md-6 {
    margin-left: 50%;
  }
}

@media (min-width: 992px) {
  .g-offset-lg-3 {
    margin-left: 25%;
  }
  .g-ml-25--lg {
    margin-left: 1.7857142857rem !important;
  }
  .g-offset-lg-4 {
    margin-left: 33.333333% !important;
  }
  .sticky-reasons-to-book-with-glotech {
    position: fixed;
    top: 0;
    right: 5%;
    background: white;
    width: 31%;
    z-index: 1000000;
  }
}

@media (min-width: 1200px) {
  .sticky-reasons-to-book-with-glotech {
    position: fixed;
    top: 0;
    right: 10%;
    background: white;
    width: 25%;
    z-index: 1000000;
  }
  .g-offset-xl-3 {
    margin-left: 25%;
  }
}

ul.u-nav-v4-1 > li.active {
  border-right: 2px solid #f06721 !important;
  border-left: 2px solid #f06721 !important;
  border-top: 2px solid #f06721 !important;
  border-bottom-style: none !important;
  background-color: white;
}

ul.u-nav-v4-1 > li.active > a {
  border-style: none !important;
  background-color: white;
}

#form_label_appliance_manufacturer_2, #form_label_appliance_manufacturer_3, #form_label_appliance_manufacturer_4, #form_label_appliance_manufacturer_5,
#form_label_appliance_type_2, #form_label_appliance_type_3, #form_label_appliance_type_4, #form_label_appliance_type_5, .additional_question_block, .address_field, .landlord_field, .your-quote-inc-vat-price {
  display: none;
}

.g-min-height-50 {
  min-height: 50px;
}

@media (min-width: 538px) {
  .sticky-mini-quote {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1000000;
    border-top: 0;
  }
}

@media (max-width: 539px) {
  .sticky-book-a-repair-button {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1000000;
    border-top: 0;
    background-color: #f06721;
    color: white;
    margin-top: 0px !important;
  }
}

.sticky-book-a-repair-button-news {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1000000;
  border-top: 0;
  background-color: #f06721;
  color: white;
  margin-top: 0px !important;
}

@media (min-width: 1400px) {
  .g-py-200--xxl {
    padding-top: 14.2857142857rem !important;
    padding-bottom: 14.2857142857rem !important;
  }
  .sticky-reasons-to-book-with-glotech {
    position: fixed;
    top: 0;
    right: 20%;
    background: white;
    width: 19.5%;
    z-index: 1000000;
  }
}

/*************Date Picker***********************/
.highlight-saturday a {
  background-color: #f16822 !important;
  background-image: none !important;
  color: white !important;
  font-size: 11pt;
}

.highlight-agent-closed a {
  background-color: #f16822 !important;
  background-image: none !important;
  color: black !important;
  font-size: 11pt;
}

.highlight-no-saturday a {
  background-color: red !important;
  background-image: none !important;
  color: white !important;
  font-size: 11pt;
}

.highlight-can-select-day a {
  background-color: #2ecc71 !important;
  background-image: none !important;
  color: white !important;
  font-size: 11pt;
}

.ui-datepicker-current-day {
  border: 2px solid red;
  font-weight: bold;
  color: black;
  background-color: red;
}

.highlight-today a {
  background-color: #3498db !important;
  background-image: none !important;
  color: white !important;
  font-size: 11pt;
}

.highlight-unavailable a {
  background-color: #555 !important;
  background-image: none !important;
  color: white !important;
  font-size: 11pt;
}

.date-picker-legend-orange {
  height: 20px;
  width: 20px;
  background-color: #f16822;
}

.date-picker-legend-green {
  height: 20px;
  width: 20px;
  background-color: green;
}

.date-picker-legend-red {
  height: 20px;
  width: 20px;
  background-color: red;
}

.highlight-text {
  color: red;
  font-weight: bold;
}

/******County Page*************/
.map {
  width: 100%;
  height: 400px;
  border-top: solid 2px #f06721;
  border-bottom: solid 2px #f06721;
}

/******About Us Page**********/
#approved-and-working-with > div > div {
  padding: 0px;
  width: 90%;
  margin: 0px auto;
}

#datepickerDefault {
  background: white;
  color: black;
}

/*# sourceMappingURL=custom.css.map */

/* Quote page */
.quote-offer-image {
  position: absolute;
  left: 10px;
}

.header-image {
  position: relative;
  top: 0;
  left: 0;
}
.header-image-watermark {
  opacity: 0.7;
  position: absolute;
  top: 70%;
  left: 0px;
  width: 40%;
}

img.alignright, div.alignright{ float: right; margin: 0 0 1em 1em; }
img.alignleft, div.alignleft{ float: left; margin: 0 1em 1em 0; }
img.aligncenter, div.aligncenter{ display: block; margin-left: auto; margin-right: auto; }