:root{
--main-bg-color: black;
--secondary-bg-color: #C0C0C0;
--main-fg-color: white;
--secondary-fg1-color: #084AD8;
--secondary-fg2-color: #99301B;
--extra-fg-color: #8C650B;
}

hr.space{
    padding-top : 2%;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    clear: both;
    border: 1px solid transparent;
    height: 0px;
}

hr.pad{
    padding-top : 10px;
    padding-bottom: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    clear: both;
    border: 1px solid transparent;
    height: 0px;
}

body{
    display: none;
    overflow-x: hidden;
     font-family: 'Montserrat', sans-serif !important;
     background: black !important;
}

.navbar-custom {
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
transition: all 0.35s; border-color: #8C650B;
}

.navbar-custom:hover{
    background-color: rgba(0, 0, 0, 0.8);
    min-height: 60px;
    padding-top: 5px;
}

.navbar-custom:hover
{
    font-size: 18px;
}

.navbar-custom .navbar-brand:hover{
    color: #084AD8;
}

.navbar-custom #link6:hover span 
{
    background: #084AD8;
}

.navbar-custom .icon-bar:hover
{
    background: #084AD8;
}


.navbar-custom .navbar-header .navbar-brand {
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
.navbar-custom .navbar-header .navbar-brand:hover,
.navbar-custom .navbar-header .navbar-brand:focus {
    color: var(-secondary-fg1-color);
}
.navbar-custom .nav > li > a,
.navbar-custom .nav > li > a:focus {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
}
.navbar-custom .nav > li > a:hover,
.navbar-custom .nav > li > a:focus:hover {
    background: transparent !important;
    color: #084AD8;
}


.navbar-custom .navbar-nav > li > a:hover {
    color: #084AD8;
}

.navbar-custom .nav > li.active > a:hover,
.navbar-custom .nav > li.active > a:focus:hover {
    color: #C0C0C0;
    background-color: transparent;
}
@media (min-width: 768px) {
    .navbar-custom {
    background: rgba(0,0,0,0.4) ;
    font-family: Montserrat, sans-serif;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s; border-color: #8C650B;
  }
  .navbar-custom:hover {
    background: rgba(0,0,0,0.7);
    font-family: Montserrat, sans-serif;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s; 
  }

  .navbar-custom .navbar-header .navbar-brand {
    color: white;
  }
  .navbar-custom .navbar-header .navbar-brand:hover,
  .navbar-custom .navbar-header .navbar-brand:focus {
    color: #084AD8;
  }
  .navbar-custom .nav > li > a,
  .navbar-custom .nav > li > a:focus {
      background: transparent !important;
    color: white;
  }

  .navbar-custom .nav > li > a:active 
  {
       
  }

  .navbar-custom .nav > li > a:hover,
  .navbar-custom .nav > li > a:focus:hover {
      background: transparent !important;
    color: #084AD8;
  }
}

header {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1em;
    padding-top: 20vh;
    background-image: url('../IMG/1OFDNLATJC.jpg');
    text-align: center;
    background-size: cover;
    color: white !important;
    min-height: 0 auto;
}

header img{
    max-height: 50vh;
    min-height: 10vh;
    display: block;
    margin: 0 auto 20px;
    padding-top: 0vh;
}

header .header-text .name{
    z-index: 5;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2em;
}

@media(min-width: 768px)
{
    header {
            min-height: 100vh;
    }

    header .container{
        padding-bottom: 100px;
    }

    header .intro-text .name{
        font-size: 260%;
    }

header .header-text .offerings{
        font-size:  260%;
    }
}

.btn {
    font-weight: bold !important;
    border-radius: 0 !important;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-default {
    border: 2px solid #084AD8 !important;
    color: #084AD8 !important;
    background-color: transparent !important;
}

ul.banner-social-buttons {
    margin-bottom: 20px;
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        margin-top: 15px;
    }
}

@media(max-width:767px) {
    ul.banner-social-buttons li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons li:last-child {
        margin-bottom: 0;
    }
}

.white-overload
{
    border-color: white !important;
    color: white !important;
}

.sec-overload
{
    border-color: #99301B !important;
    color: #99301B !important;
}

#service 
{
    display: block;
    overflow: auto;
    min-height: 0 auto;
}
#service h2 
{
    padding-top: 20px !important;
    text-transform: uppercase;
    font-weight: bold;
}

#service .btn
{
     margin-top: 10px;
}

#service p
{
    color: white;
    margin-top: 5px !important;
    padding-bottom: 5px !important;
}

#service h2 
{
     text-transform: uppercase;
}

#service .btn
{
     margin-top: 10px;
}

#about p
{
     color: white;
}

@media (min-width: 768px)
{
    #service 
    {
        min-height: 100vh;    
    }
}

#about img
{
    margin-bottom: 1em;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#about h3
{
    font-weight: bold;
    color: #99301B !important;
}

#about h2 
{
    font-weight: bold;
    color: #084AD8 !important;
     text-transform: uppercase;
}

#about img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#about
{
    display: block;
    overflow: auto;
    margin-top: 2px;
    padding-bottom: 80px;
    min-height: auto 0;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1em;
    text-align: center;
    background-size: cover;
    color: white !important;
    background-image: url("../IMG/sky-690293.jpg");
}

#aRow 
{
    background: rgba(0, 0, 0, 0.8);
    color: #084AD8;
    border-style: solid;
    border-color: rgba(8, 74, 216, 0.8);
}

@media (min-width: 768px)
{
    #about 
    {
        min-height: 100vh;
    }
}

.col-sm-6 
{
    -webkit-transfrom-style: preserve-3d;
    -moz-transfrom-style: preserve-3d;
    transfrom-style: preserve-3d;
}

.col-sm-6 .row 
{
    height: auto 0;
    border-style: solid;
    color: #084AD8;
}

.andrew img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.austin img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

i
{
    display: none;
}

.col-sm-8 
{
    margin-left: 15px;
    margin-right: 15px;
}

@media (min-width: 768px) {

    .col-sm-8 
    {
        margin-left: 50%;
        margin-right: 50%;
    }
    .col-sm-6 .row 
    {
        height: auto 0;
        border-style: solid;
        color: #084AD8;
    }
}

@media (min-width: 1000px) {
    .col-sm-6 .row 
    {
        height: auto 0;
        border-style: solid;
        color: #084AD8;
    }
}

@media (min-width: 1300px) {
    .col-sm-6 .row 
    {
        height: auto 0;
        border-style: solid;
        color: #084AD8;
    }
}

#websites 
{
    overflow: auto;
    margin-left: 15px;
    margin-right: 15px;
    display: block;
    min-height: 0 auto;
}

#websites h2 
{
    padding-top: 20px !important;
    text-transform: uppercase;
    font-weight: bold;
}

#websites .btn
{
     margin-top: 20px !important;
}

#websites p
{
    margin-top: 20px !important;
}

#websites h2 
{
     text-transform: uppercase;
}

#websites .btn
{
     margin-top: 10px;
}

.mobileTopHoverFixStart
{
    border-color: white !important;
    color: white !important;
    background: white !important;
}

.mobileQuoteHoverFixStart
{
    border-color: #99301B !important;
    color: #99301B !important;
    background-color: #99301B !important;
}

.mobileTopHoverFixEnd
{
    border-color: white !important;
    color: white !important;
    background: transparent !important;
}

.mobileQuoteHoverFixEnd
{
    border-color: #99301B !important;
    color: #99301B !important;
    background-color: transparent !important;
}

#websites h3
{
     text-transform: uppercase;
}

#websites p
{
    color: white;transparent
}

.col-sm-10  
{
    display: block;
    height: auto 0;
    border-style: solid;
    color: #084AD8;
    clear:both;
}

@media (min-width: 768px) {
    #websites
    {
        min-height: 100vh;
    }

    .col-sm-10 
    {
    margin-top: 1vh;
        height: auto 0;
        border-style: solid;
        color: #084AD8;
    }
}

@media (min-width: 1000px) {
    .col-sm-10
    {
    }
}

@media (min-width: 1300px) {
    .col-sm-10
    {
    }
}


#contact h2 
{
    padding-top: 20px !important;
    text-transform: uppercase;
    font-weight: bold;
}

#contact .btn
{
     margin-top: 20px !important;
}

#contact p
{
    margin-top: 5px !important;
    padding-bottom: 5px !important;
}

#contact h2 
{
    color: #99301B;
     text-transform: uppercase;
}

#contact .btn
{
     margin-top: 10px;
}

#contact h3
{
     text-transform: uppercase;
}

#contact p
{
    color: white;
}

#contact i
{
     margin-top: 10px;
}

.on-service 
{
    background: black;
    color: white;
}

.mobile-mode
{
    background: white !important;
}

.mobile-mode a
{
    color: black !important;    
}

.mobile-mode a:hover
{
    color: #084AD8 !important;    
}

.mobile-mode .icon-bar
{
     background: black !important;
}

.mobile-mode #link6:hover span
{
    background: #084AD8 !important;    
}

.desktop-mode-start
{
    background: rgba(0, 0, 0, 0.4) !important;
}

.desktop-mode-start a
{
    color: white;    
}

.desktop-mode-start a:hover
{
    color: #084AD8 !important;    
}

.desktop-mode-continue
{
    background: black !important;
}

.desktop-mode-continue a
{
    color: white;    
}

.desktop-mode-continue a:hover
{
    color: #084AD8 !important;    
}

.serviceActive 
{
    color: #99301B !important;
}
.aboutActive 
{
    color: #99301B !important;
}
.websiteActive 
{
    color: #99301B !important;
}
.contactActive 
{
    color: #99301B !important;
}
.mainActive 
{
    color: #99301B !important;
}


.revealMe
{
     opacity: 0.0;
}

#contact 
{
    overflow: auto;
    display: block;
    min-height: auto 0;
    font-size: 1em;
    text-align: center;
    background-size: cover;
    color: white !important;
    background-image: url("../IMG/photo_4609_20080109.jpg");
}

#contact img
{
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
}

#contact h3
{
    font-weight: bold;
    color: #99301B !important;
}

#contact h2 
{
    font-weight: bold;
    color: #084AD8 !important;
     text-transform: uppercase;
}

#contact img
{
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px)
{
    #contact 
    {
        min-height: 100vh;
    }
}
#aRow2
{
        background: rgba(0, 0, 0, 0.8);
    color: #084AD8;
    border-style: solid;
    border-color: rgba(8, 74, 216, 0.8);
    margin-left: 0px;
    margin-right: 0px;
}

#aRow2 i 
{
}


#aRowParagraph p
{
     margin-bottom: 15%;
}

#aRow2 h1
{
    margin-top: 7.5%;
    text-align: center;
    font-weight: bold;
}

#aRow2 #mainRow 
{
    min-height: 33vh;
    height: 0 auto;
}

#aRow2 #questionRow i
{
     font-size: 100px;
}


.question h1
{
    font-weight: bold;
    text-transform: uppercase;
     font-size: 40px;
}

footer
{
    height: 40px;
    margin-top: 15px;
    color: white;
}

@media (min-width: 768px) {
    .question h1 
    {
         font-size: 30px;
    }
}

@media (min-width: 1000px) {
    .question h1 
    {
         font-size: 30px;
    }
}

@media (min-width: 1300px) {
    .question h1 
    {
         font-size: 37px;
    }
}

/*
Spacing data for areas.
*/
.margin-data 
{
     margin-top: 10%;
}

@media (min-width: 768px) {
    .margin-data 
    {
         margin-top: 5% !important;
    }
}

@media (min-width: 1000px) {
    .margin-data 
    {
         margin-top: 22.5% !important;
    }
}

@media (min-width: 1300px) {
    .margin-data 
    {
         margin-top: 32.5% !important;
    }
}

.margin-data2 
{
    overflow-x: hidden;
     margin-top: 10%;
}

@media (min-width: 768px) {
    .margin-data2 
    {
         margin-top: 7.5%;
    }
}

@media (min-width: 1000px) {
    .margin-data2 
    {
         margin-top: 10% !important;
    }
}

@media (min-width: 1300px) {
    .margin-data2 
    {
         margin-top: 12.5% !important;
    }
}

.websiteTopSpacing
{
     margin-top: 20px;
}

.margin-data3 
{
    padding-left: 15px;
    padding-right: 15px;
     margin-top: 10%;
}

@media (min-width: 768px) {
    .margin-data3 
    {
         margin-top: 30% !important;
    }
}

@media (min-width: 1000px) {
    .margin-data3 
    {
         margin-top: 30% !important;
    }
}

@media (min-width: 1300px) {
    .margin-data3 
    {
         margin-top: 27.5% !important;
    }
}