/* COLORS */
/* FONTS */
#topMain.nav-pills > li > a {
  font-family: Montserrat, serif !important;
  font-weight: 700;
}

#topNav #topMain > li > a:hover {
  color: #f20f38;
}

div#header header#topNav {
  background-color: #ffffff;
}
div#header .contact {
  float: right;
  margin-top: 20px;
  margin-right: 30px;
}


div#header a.social-icon.social-icon-border {
  width: 30px;
  height: 30px;
  border: 1px solid #f20f38;
  border-radius: 0px !important;
  color: #f20f38 !important;
  vertical-align: bottom;
}
div#header .social-icon i {
  margin-top: 4px;
  margin-left: -5px;
  font-size: 14px;
}
div#header img {
  position: absolute;
  top: 24px;
  width: 250px;
  height: auto !important;
}
div#header .fixed #topNav a.logo > img, div#header .header-md #topNav a.logo > img {
  height: 60px !important;
}
@media screen and (max-width: 992px) {
  div#header .contact {
    display: none;
  }
  div#header #topNav nav.nav-main {
    background-color: #ffffff !important;
  }
  div#header .nav.nav-pills.nav-second-main {
    display: none;
  }
  div#header #header #topNav #topMain > li > a {
    color: #f20f38;
  }
  div#header img {
    position: absolute;
    width: 129px !important;
    max-height: 200px !important;
    top: 12px;
  }
}

/*  inner page banner */
div#inner-banner section.heading-title.parallax.parallax-2 {
  margin-top: 120px;
}
div#inner-banner h2.champagne-font {
  text-transform: uppercase;
  position: relative;
  font-size: 4rem;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  /*float: right;*/
}
div#inner-banner .overlay.dark-4 {
  background-color: rgba(0, 76, 132, 0) !important;
}
@media screen and (max-width: 992px) {
  div#inner-banner section.heading-title.parallax.parallax-2 {
    margin-top: 0px;
  }
  div#inner-banner h2.champagne-font {
    top: 47px;
  }
}

/* page content */
.inner-page-content {
  /* GASX FRANCHISE */
}
.inner-page-content h2.text-uppercase {
  position: relative;
  font-family: "Montserrat", sans-serif;
  font-weight: bolder;
  font-size: 30px;
  line-height: 60px !important;
}
.inner-page-content h2.text-uppercase span {
  color: #004c84 !important;
  /*border-bottom: 2px solid #f20f38 !important;*/
  /*padding-bottom: 10px !important;*/
}
.inner-page-content .t-border {
  display: none;
}
.inner-page-content h5 span {
  color: #004c84 !important;
  border-bottom: 2px solid #f20f38 !important;
  padding-bottom: 10px !important;
  text-transform: uppercase;
  font-weight: 600;
}
.inner-page-content p {
  font-family: "Open Sans", sans-serif !important;
  text-align: justify !important;
}
.inner-page-content p.text-center.text-uppercase {
  font-family: "Montserrat", sans-serif;
  color: #004c84;
}
.inner-page-content img {
  margin-bottom: 20px;
  margin-top: 20px;
}
.inner-page-content h4.text-uppercase {
  color: #004c84;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}
.inner-page-content a.btn.btn-default {
  border: 1px solid #f20f38;
  border-radius: 0px !important;
  color: #004c84 !important;
}
.inner-page-content a.btn.btn-default:hover {
  background-color: #f20f38;
  border-radius: 0px !important;
  color: #ffffff !important;
}
.inner-page-content .blog-item-small-content {
  padding-top: 20px !important;
}
.inner-page-content .blog-post-item:last-child {
  border-bottom: 0px;
}
.inner-page-content .blog-post-item {
  padding-bottom: 70px !important;
  margin-top: 0px !important;
}
.inner-page-content ul.margin-top-20.margin-bottom-20 li {
  font-family: "Open Sans", sans-serif;
}
@media screen and (max-width: 768px) {
  .inner-page-content br {
    display: none !important;
  }
}
.inner-page-content div#btn-one, .inner-page-content div#btn-two, .inner-page-content div#btn-three {
  width: 200px;
  background-color: #004c84;
  padding: 16px;
  font-size: 19px;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 45%;
  cursor: pointer;
}
.inner-page-content div#btn-one {
  margin-top: 21%;
}
.inner-page-content div#btn-one:hover, .inner-page-content div#btn-two:hover, .inner-page-content div#btn-three:hover {
  background-color: #f20f38;
}
.inner-page-content .card {
  box-shadow: 6px 7px 15px 4px #8a8a8a40;
  margin-top: 7%;
}
.inner-page-content .hide {
  display: none;
}
.inner-page-content .content {
  padding: 40px 26px;
}
.inner-page-content .content p {
  margin-bottom: 30px;
  font-size: 15px;
  font-weight: 600;
}
.inner-page-content .content-r {
  width: 60%;
  position: absolute !important;
  margin-top: 3px;
  margin-left: 10px;
  text-align: left;
}
.inner-page-content h4 b {
  color: #f20f38 !important;
}
@media screen and (max-width: 767px) {
  .inner-page-content div#btn-one, .inner-page-content div#btn-two, .inner-page-content div#btn-three {
    margin-bottom: 10px;
  }
}

/* Contact Us */
input, textarea {
  border: 1px solid #004c84 !important;
}

.holder {
  background: rgba(144, 144, 144, 0.1);
  padding: 10px;
}

a.btn.btn-lg.btn-default.btn-bordered {
  border-radius: 0px;
  color: #fbd750;
  border: 1px solid #fbd750 !important;
  width: 150px !important;
  font-size: 20px;
  font-weight: 600;
  height: 50px;
  padding-left: 15px;
  padding-right: 15px;
}

a.btn.btn-lg.btn-default.btn-bordered:hover {
  color: #ffffff;
  border: 1px solid #fbd750 !important;
  background-color: #fbd750 !important;
}

p.margin-left-20 {
  font-size: 18px;
  margin-bottom: 25px;
  font-family: "Open Sans", sans-serif;
}

.shop-item-summary.text-center h5 {
  width: 100% !important;
}

ul.margin-top-30.margin-bottom-20 {
  text-align: left;
}

.who-are.heading-arrow-bottom img.img-responsive {
  padding: 15px 0px;
}
.who-are.heading-arrow-bottom h2 {
  margin-bottom: 30px !important;
}
.who-are.heading-arrow-bottom h2 span {
  font-family: "Montserrat", sans-serif;
  color: #004c84;
  border-bottom: 2px solid #f20f38;
  font-size: 4.8rem !important;
  font-weight: bolder;
  padding-bottom: 10px;
  text-align: center;
  line-height: 1.5;
}
.who-are.heading-arrow-bottom p {
  color: #000000;
  font-size: 14px;
  margin-bottom: 30px;
  font-family: "Open Sans", sans-serif;
}
.who-are.heading-arrow-bottom button.btn.btn-default {
  border-color: #f20f38;
  color: #f20f38;
  font-family: "Montserrat", sans-serif;
  background: transparent;
  padding: 0px 10px;
  font-size: 26px;
  border-radius: 0px !important;
  margin-bottom: 30px;
  font-weight: 500;
  height: 50px;
  padding-left: 15px;
  padding-right: 15px;
}
.who-are.heading-arrow-bottom button.btn.btn-default:hover {
  background-color: #f20f38;
  color: #ffffff;
}
@media screen and (max-width: 992px) {
  .who-are.heading-arrow-bottom img.img-responsive {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 768px) {
  .who-are.heading-arrow-bottom img.img-responsive {
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0px;
  }
  .who-are.heading-arrow-bottom .col-lg-6.col-md-6.col-sm-6 {
    margin-bottom: 30px !important;
  }
}
@media screen and (max-width: 375px) {
  .who-are.heading-arrow-bottom h2 span {
    font-size: 3.5rem !important;
    width: 100% !important;
  }
  .who-are.heading-arrow-bottom img.img-responsive {
    margin-top: 0px;
  }
}
@media screen and (max-width: 320px) {
  .who-are.heading-arrow-bottom .who-are.heading-arrow-bottom h2 {
    font-size: 3.8px !important;
  }
}

.who-are.heading-title.heading-arrow-bottom:after {
  z-index: 10;
  border-top-color: #ffffff;
}

.who-do.heading-title.heading-arrow-bottom h2 {
  margin-bottom: 30px !important;
}
.who-do.heading-title.heading-arrow-bottom h2 span {
  font-family: "Montserrat", sans-serif;
  color: #ffffff;
  border-bottom: 2px solid #ffb451;
  font-size: 4.8rem !important;
  font-weight: bolder;
  padding-bottom: 10px;
  text-align: center;
  line-height: 1.5;
}
.who-do.heading-title.heading-arrow-bottom p {
  color: #ffffff;
  font-size: 14px;
  margin-bottom: 30px;
  font-family: "Open Sans", sans-serif;
}
.who-do.heading-title.heading-arrow-bottom button.btn.btn-default {
  border-color: #ffffff;
  color: #ffffff;
  background: transparent;
  padding: 0px 10px;
  font-size: 26px;
  border-radius: 0px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  margin-bottom: 30px;
  height: 50px;
  padding-left: 15px;
  padding-right: 15px;
}
.who-do.heading-title.heading-arrow-bottom button.btn.btn-default:hover {
  background-color: #ffffff;
  color: #004c84;
}
.who-do.heading-title.heading-arrow-bottom img.img-responsive {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 375px) {
  .who-do.heading-title.heading-arrow-bottom h2 span {
    font-size: 3.5rem !important;
    width: 100% !important;
  }
  .who-do.heading-title.heading-arrow-bottom h2.text-center {
    font-size: 3.8px !important;
  }
  .who-do.heading-title.heading-arrow-bottom img.img-responsive {
    margin-top: 0px;
  }
}
@media screen and (max-width: 320px) {
  .who-do.heading-title.heading-arrow-bottom .who-are.heading-arrow-bottom h2 {
    font-size: 3.8px !important;
  }
}

.who-do.heading-title.heading-arrow-bottom:after {
  border-top: 20px solid #004c84 !important;
}

div#slider_include {
  padding-top: 123px;
}

section#slider .overlay.dark-4 {
  background-color: rgba(0, 76, 132, 0.8) !important;
}
section#slider #slider h1, section#slider p.lead.wow.fadeInUp.animation-visible.animated {
  font-family: "Open Sans", sans-serif;
}

@media screen and (max-width: 992px) {
  div#slider_include {
    padding-top: 0px !important;
  }
}
@media screen and (max-width: 768px) {
  #slider h1 {
    font-size: 40px;
    line-height: 44px;
  }
}
section.news-events h2.text-center {
  color: #004c84;
  border-bottom: 1px solid #f20f38;
  font-size: 4.8em;
  line-height: 68px;
  text-align: center;
  margin-bottom: 35px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  padding-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;
}
section.news-events button.btn.btn-default {
  border-color: #f20f38;
  color: #f20f38;
  font-family: "Montserrat", sans-serif;
  background: transparent;
  padding: 0px 10px;
  font-size: 26px;
  border-radius: 0px !important;
  margin-bottom: 30px;
  font-weight: 500;
  height: 50px;
  padding-left: 15px;
  padding-right: 15px;
}
section.news-events button.btn.btn-default:hover {
  background-color: #f20f38;
  color: #ffffff;
}
section.news-events p {
  font-weight: 600;
  margin-top: 20px;
  font-family: "Open Sans", sans-serif;
}
section.news-events i.fa.fa-facebook-square {
  /* width: 23px; */
  font-size: 20px;
  margin-right: 5px;
}
@media screen and (max-width: 616px) {
  section.news-events iframe {
    width: auto;
  }
}
@media screen and (max-width: 375px) {
  section.news-events iframe {
    width: 100%;
  }
}
@media screen and (max-width: 375px) {
  section.news-events h2.text-center {
    font-size: 4.5rem !important;
    line-height: 1.2;
    padding-bottom: 10px !important;
  }
}

footer#footer-include footer#footer {
  background: #ffffff !important;
  color: #000000;
}
footer#footer-include p {
  margin-top: -7px;
  font-family: "Open Sans", sans-serif;
}
footer#footer-include h4.letter-spacing-1 {
  margin-top: -10px;
  margin-bottom: 9px;
  font-family: "Montserrat", sans-serif;
}
footer#footer-include h4.letter-spacing-1, footer#footer-include span, footer#footer-include a {
  color: #ffffff;
}
footer#footer-include a {
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
}
footer#footer-include a:hover {
  color: #f20f38;
}
footer#footer-include .copyright {
  background: #ffb451 !important;
  color: #004c84;
  font-weight: 600;
}
footer#footer-include a.social-icon.social-icon-border {
  border: 1px solid #f20f38;
  border-radius: 0px !important;
  color: #f20f38 !important;
}
footer#footer-include p.p-link {
  margin: 5px 0px !important;
}
@media screen and (max-width: 992px) {
  footer#footer-include p, footer#footer-include h4.letter-spacing-1 {
    margin-top: 30px;
  }
  footer#footer-include p, footer#footer-include i, footer#footer-include h4.letter-spacing-1 {
    text-align: center;
  }
  footer#footer-include .social.margin-bottom-20 {
    width: 90px !important;
  }
}

div#showSwitcher {
  display: none;
}

/** Coming Soon **/
/*@font-face {
  font-family: "CursedTimerUlil-Aznm";
  src: url("https://cdn.viiworksdemo.com/download/amoq-ehbt-CursedTimerULiL.eot");
  src: url("https://cdn.viiworksdemo.com/download/l3bu-d7ob-CursedTimerULiL.woff2") format("woff2"), url("https://cdn.viiworksdemo.com/download/omnu-g4nf-CursedTimerULiL.woff") format("woff"), url("https://cdn.viiworksdemo.com/download/xow4-eoi4-CursedTimerULiL.ttf") format("truetype");
}
.coming-soon section#slider {
  background-position: center !important;
}

.coming-soon h1 {
  color: #004c84 !important;
  font-family: "Montserrat", sans-serif !important;
  text-shadow: none !important;
  font-weight: 300;
}

.coming-soon #slider .countdown span {
  color: #004c84 !important;
  font-weight: bold !important;
}

.coming-soon #slider .countdown span.countdown-amount {
  font-family: "CursedTimerUlil-Aznm" !important;
  font-size: 60px;
  font-weight: 600 !important;
}

@media (max-width: 900px) {
  .coming-soon #slider .countdown span.countdown-section {
    width: 25%;
  }

  .coming-soon #slider .countdown span.countdown-amount {
    font-size: 50px !important;
    width: 100%;
    line-height: 40px;
  }
}
div#main_section_include .col-md-12 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

h5.text-uppercase span {
  color: #004c84 !important;
  border-bottom: 2px solid #f20f38 !important;
  padding-bottom: 3px !important;
  font-weight: bold;
}*/


/* GENERIC WEBSITE */

ul.process-steps li a {
    width: 100px !important;
    height: auto !important;
    border: none !important;
    background-color: #fff !important;
    z-index: 1;
}

li a.text-uppercase {
    font-size: 12px !important;
    padding-left: 10px !important;
}

ul.process-steps li> a:hover {
    background-color: #fff !important;
}

ul.process-steps li>a>i:hover {
    color: #000000;
}

ul.process-steps li>a>i {
  font-size: 70px !important;
}

ul.process-steps li>a>i {
    margin: -1px 0 0 5px !important;
}


div#header header#topNav {
  background-color: #313030 !important;
}

a.text-uppercase {
  color: #ffffff !important;
}

a:focus, a:hover {
  color: #fbd750 !important;
}

div#header span.phone {
  color: #fbd750 !important;
}

ul.process-steps li a:hover {
    color: #000 !important;
}

section.section2 {
    background-color: #313030;
}

.section2 .row .container>.col-md-6>h1 {
  font-size: 45px !important;
  margin: 0 0 15px !important;
}

div#header span.phone {
  font-family: Montserrat, serif;
  font-weight: bold;
  font-size: 25px;
  margin-bottom: 0px;
  margin-right: 25px;
  float: right;
}

h4.letter-spacing-1 {
    margin-bottom: 20px !important;
}

.section2 .row .container>.col-md-6>h1, .section2 .row .container>.col-md-6>p {
  color: #ffffff;
}

.section2 .row .container>.col-md-6>a.btn.btn-lg.btn-default.btn-bordered {
    background: none !important;
}

.section2 .row .container>.col-md-6>.btn.btn-bordered {
  border-color: #fbd750;
  margin-bottom: 15%;
}

.section2 .row .container>.col-md-6>.btn.btn-bordered span {
  color: #fbd750;
}

/*.section2 .row .container>.col-md-6>a.btn.btn-lg.btn-default.btn-bordered:hover {
  background: #fbd750 !important;
  color: #004260 !important;  
}

.section2 .row .container>.col-md-6>.btn.btn-bordered span:hover {
  color: #004260 !important;
}*/

footer#footer-include .copyright {
  background: #313030 !important;
  color: #ffffff;
  font-weight: 600;
}

div#slider_include {
    padding-top: 50px !important;
}

footer#footer-include footer#footer {
  background: #292929 !important;
}

footer#footer-include a {
  color: #ffffff;
}

footer#footer-include p.p-link {
  color: #ffffff;
}

footer#footer-include h4.letter-spacing-1 {
    color: #fbd750 !important;
}

footer#footer-include a.social-icon.social-icon-border {
    border: 1px solid #fff !important;
    border-radius: 0px !important;
    color: #fff !important;
} 
/*ABOUT US*/

element.style {
}
.inner-page-content h2.text-uppercase {
  line-height: 15px !important;
}



/*FAQ*/
.toggle {
  background-color: #fbd750 !important;
  color: #313030;
  margin-bottom: 10px !important;
}

.toggle.toggle-bordered-full .toggle-content {
  background-color: #fff !important;
  color: #000;
}

.toggle.active {
  border: 1px solid #fbd750 !important;
}


.toggle.toggle-bordered-full label, .toggle.toggle-bordered-full label:hover {
  border: none; 
}

.toggle.toggle-transparent.toggle-bordered-full.margin-top-60 {
  background-color: #ffffff !important;
}

div.toggle.active>label:before {
  border: 6px solid #ffffff00 !important;
  border-bottom-color: rgb(255 255 255 / 100%) !important;
}

div.toggle.active>label:before {
    border: 6px solid #31303000 !important;
    border-bottom-color: rgb(49 48 48) !important;
}

.shop-item-buttons.text-center.margin-top-20 a.btn.btn-default {
  background: #004260 !important;
  color: #ffffff !important;
}

.shop-item-buttons.text-center.margin-top-20 a.btn.btn-default:hover {
  color: #fbd750 !important;
}

section.dark .pagination > li.active>a, .pagination > li.active>a {
  background-color: #004260 !important;
}

/* CONTACT */
input, textarea {
  border: 1px solid #004260 !important;
}

button.btn.btn-outline-primary.margin-top-30 {
  color: #ffffff;
  background-color: #004260 !important;
  border: none;
}

button.btn.btn-outline-primary.margin-top-30 {
  border: 1px solid #004260 !important;
}

button.btn.btn-outline-primary.margin-top-30:hover {
  border: 1px solid #004260 !important;
}

button.btn.btn-outline-primary.margin-top-30 {
    border: 1px solid #313030 !important;
}

button.btn.btn-outline-primary.margin-top-30 {
    color: #ffffff;
    background-color: #313030 !important;
    border: none;
}

input, textarea {
    border: 1px solid #313030 !important;
}

a.btn.btn-default.iq-now {
  color: #313030 !important;
  background-color: #f3d14f !important;
  border-color: #f3d14f !important;
  width: 50% !important;
  font-weight: 400;
  margin-bottom: 50px;
}

#header.static {
  border-bottom: none !important;
}

a#toTop {
    left: 6px !important;
}

/*mobile*/
#topNav button.btn-mobile {
  color: #ffffff !important;  
}

#topMain.nav-pills>li>a { 
  background-color: #313030 !important;
}

footer#footer-include .copyright {
  background: #313030 !important;
}


/*@media only screen and (max-width: 749px) {
  ul.shop-item-list.row.list-inline.nomargin {
    padding-left: 9%;
  }
}

@media only screen and (max-width: 540px) {
  ul.shop-item-list.row.list-inline.nomargin {
    padding-left: 21%;
  }
}


@media only screen and (max-width: 375px) {
  ul.shop-item-list.row.list-inline.nomargin {
    padding-left: 12px !important;
  }
}

@media only screen and (max-width: 320px) {
  ul.shop-item-list.row.list-inline.nomargin {
    padding-left: 0px !important;
  }
}*/

.shop-item center .btn-primary {
    color: #313030;
    background-color: #ccb149;
    border-color: #ccb149;
    margin-bottom: 10% !important;
    margin-top: 5% !important;
}

@media only screen and (max-width: 425px) {
  
  ul.pull-right.nomargin.list-inline.mobile-block {
    float: none !important;
  }
}

iframe {
    width: 100% !important;
    height: 100% !important;
}

.modal-body {
    height: 500px;
}

p.p-link {
  margin-bottom: 5px;
}