html,
body {
 
}

select { "Roboto", Georgia, "Times New Roman", serif/*rtl:Amiri, Georgia, "Times New Roman", serif*/; }

/*  ------------------------ HEADER  ------------------------  */

.ap-brand {
font-family: "Roboto", Georgia, "Times New Roman", serif/*rtl:Amiri, Georgia, "Times New Roman", serif*/;
}

.ap-brand-logo {}
.ap-brand-logo:hover {
  text-decoration: none;
}
.ap-brand-since{

}

.ap-search{
font-size: 1rem;

}

.ap-search-box{
min-height:225px;
}

.search-grad {
  background-color: #7faad5; /* For browsers that do not support gradients */
  background-image: linear-gradient(#7faad5, #40556b);
}

.page-intro {
font-size: 1.2rem;
font-weight: 300;
}

.icon-flipped1 {
    transform: rotate(90deg);
    transform: scaleY(-1);
    font-weight: 100;
}

.icon-flipped2 {
    transform: rotate(180deg);
    font-weight: 100;
}


@media (min-width: 768px) {
  .ap-brand{
    font-size: 1.75rem;
    line-height: 1.5rem;   
  }
  .ap-brand-since{
  font-size: .8rem;
  }
  .ap-search{
  font-size: 3rem;
  }
  .ap-search-box{
  min-height:325px;
  }
  
  .page-intro {
font-size: 1.8rem;
font-weight: 300;
}

  
}

/*  ------------------------ END HEADER  ------------------------  */

/*  ------------------------ FOOTER   ------------------------  */
.pre-foot {
    background-color: #009e54;
    margin: 20px 0 0;
    color: #fff;
    line-height: 30px
}

.foot_container {
    background-color: #999;
    color: #000
}

.post-foot {
    background-color: #555;
    color: #fff;
    font-size: 11px
}


.ap-footer {
  padding: 1rem 0;
  color: #727272;
  text-align: center;
  background-color: #f9f9f9;

}

.ap-footer p:last-child {
  margin-bottom: 0;
}

.company-rate{margin: 10px 0;text-align: center;font-size:24px;padding:15px 10px;letter-spacing: 1px;}
.company-rate-star{font-size:40px; color:#f0ad4e;}
.company-rate-count{font-size:30px;}

a.readin:active,
a.readin:link,
a.readin:visited {
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
}

a.readin:hover {
    color: #fff;
    text-decoration: underline
}

table.phone {
    width: 90%
}

table.phone td {
    font-size: 14px;
    line-height: 16px;
    padding: 3px
}

.news-box {
    border: 1px solid #bbb;
    padding: 5px;
    margin: 10px 0;
    border-radius: 7px
}

/*  ------------------------ END FOOTER   ------------------------  */


@media (max-width: 991.98px) {
  .offcanvas-collapse {
    position: fixed;
    top: 56px; /* Height of navbar */
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #343a40;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
  }
  .offcanvas-collapse.open {
    visibility: visible;
    transform: translateX(-100%);
  }
  
  .company-rate{font-size:16px;}
  .company-rate-star{font-size:20px;}
  .company-rate-count{font-size:18px;}
  }



/*  ------------------------ QT Location   ------------------------  */

@media (min-width: 576px) {
  #qt-results-body{
  max-height:175px;
  /*overflow:auto;
  background:#ff0000;*/  
  }
}
 
@media (min-width: 992px) { 
  #qt-results-body{
  max-height:450px;
  /*overflow:auto;
  background:#4523FF;*/
  }
 }


.price-courseaccom{
color:#333333;
font-size: 40px;
font-weight: bold;
text-align:center;
text-decoration:none;
}

#price-perperson{
font-style: italic;
font-size: 11px;
font-weight: bold;
margin: -10px 5px 0 5px;
}

#quotation {
    height: 474px;
    width: 100%
}



/*  ------------------------ RANDOM   ------------------------  */

   
/* Pagination */
.blog-pagination {
  margin-bottom: 4rem;
}

a.readmore:active,
a.readmore:link,
a.readmore:visited {
    color: #6c757d;
    text-decoration: none
}

a.alt_overlay:active,
a.alt_overlay:link,
a.alt_overlay:visited {
    text-decoration: none;
    font-weight: 600;
    letter-spacing: .1rem;
}


.bread-button, bread-button:active,
.bread-button:link,
.bread-button:visited{
text-decoration: underline;
color: rgba(0, 0, 0, 0.5);
padding: 1px; 
}


#map_box {
width: 90%;
height: 300px;
padding: 5px;
border: 1px solid #bbb;
border-radius: 7px;
margin: 10px auto
}


.review-star{color:#6c757d;}  
.review-star-yellow{font-size:25px;color:#f0ad4e;} 

a.notes:active,
a.notes:link,
a.notes:visited {
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
}

a.notes:hover {
    color: #fff;
    text-decoration: underline
}

.faq-click {
    float: right;
    font-size: 12px;
    font-style: italic;
    margin-top: 3px;
    color: #007000
}

#faqs h3 {
    padding-top: 30px;
    margin-top: 15px;
    border-top: 1px solid #a72300
}

#faqs h5 {
    color: #123456;
    cursor: pointer;
}

#faqs p {
    display: none;
    background: #ededed;
    padding: 10px;
    margin-top: 0;
    border: 1px solid #ccc
}





      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }
      

       



