body{font-family: 'Quattrocento Sans', sans-serif;font-size:18px;}
.content p, .service-font-p{color:#122b49;font-size:16px;font-family: 'Quattrocento Sans', sans-serif;}
.service-font-p { margin: 0 auto; padding: 20px; text-align:left;}
.service-font-p:first-of-type{padding-top: 40px;}
.content {margin-top:4%;}
.content a{color:#2f1ce3;}
.content h4 {font-size:48px;color:#122b49;font-family: 'Merriweather Sans', sans-serif;text-align:center;}
.title{margin:3%;}
.title h4, .nice-google-font-h1{font-family: 'Yellowtail', cursive;margin-bottom:-40px;font-size:120px;color:#e5e6e8;z-index: -9;position: relative;}
.service-content p{color:#122b49;font-size:16px;font-family: 'Quattrocento Sans', sans-serif;}
.service-content a{color:#2f1ce3;}
.service>a {margin-top: 30px;min-height: 87px;display: block;}
h2{color:#122b49;font-family: 'Merriweather Sans', sans-serif;font-size:72px;line-height:60px;font-weight:600;text-transform:uppercase;}
h3{color:#2f1ce3;font-family: 'Merriweather Sans', sans-serif;font-size:20px;line-height:28px;font-weight:600;text-transform:uppercase;}
.service-bottom-box {
    margin-top: -30px;
    margin-bottom: 40px;
}
.service-body-structure {
    position: relative;
    min-height: 993px;
    overflow: hidden;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: contain;
}
.service-body-structure-inner1 {
    float: left;
    width: 60%;
    height: 300px;
    margin-top: 20px;
}
.service-body-structure-inner2 {
    padding: 20px;
    float: left;
    background-color: #22282d;
    width: 40%;
    min-height: 340px;
}
.product-copy ul{column-count: 4;}
.service-body-structure-inner2 h2{color:#fff;font-size: 56px;line-height: 64px;}
.service-body-structure-inner2 p{
    color: #FFF;
}
.navbar-wrapper{margin-top:20px;}
.navbar{border-radius:0px;height: 70px;margin-bottom: 0;}
.navbar-blue{margin-top: 20px; background-color:#2f1ce3;filter: alpha(opacity=50);}
.navbar a{color:#fff;font-size:14px;font-family: 'Quattrocento Sans', sans-serif;text-transform:uppercase;height:70px;}
.nav>li>a:hover,.nav>li>a:after {text-decoration: none;background-color: rgba(0,0,0,0.1);transition: background-color 0.5s ease;}
.nav>li>a{padding-top: 30px;}
.nav>li.active {background-color: rgba(0,0,0,0.1);}
.nav>li:hover, .nav>li:after {background-color:#2f1ce3;}
.navbar-wrapper {position: absolute;top: 0;right: 0;left: 0;z-index: 20;}
.navbar-wrapper > .container {padding-right: 0;padding-left: 0;}
.navbar-wrapper .navbar {padding-right: 15px;padding-left: 15px;}
.navbar-wrapper .navbar .container {width: auto;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color: #2f1ce3;border-color: #2b19d1;}
.dropdown-menu {background-color: #2f1ce3;border-radius: 0px;}
.dropdown-menu>li>a {color: #fff;}
.dropdown-menu>li>a:hover {color: #fff;background-color: #2f1ce3;}
.dropdown-menu>li:hover {background-color: #2f1ce3 !important;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background-color:transparent!important;}
.carousel {height: 500px;margin-bottom: 60px;overflow: hidden;}
.carousel-caption {padding-bottom: 47px;}

.carousel .item {height: 500px;background-color: #777;overflow: hidden;width:100%;}
.carousel-inner > .item > img {height:500px; width:100%;object-position:0 0; object-fit: cover;}

.carousel-caption h1{font-family: 'Merriweather Sans', sans-serif;font-size:84px;line-height:72px;font-weight:600;text-transform:uppercase;} 
.carousel-caption p{font-family: 'Merriweather Sans', sans-serif;font-size:24px;line-height:28px;font-weight:200;color:#fff !important;} 
.product-copy ul{column-count: 1;}










.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 2s;
  transition-timing-function:linear;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.confirm-body{height:50vh;}


.pre{margin-top:3%;}
.pre h3{color:#122b49;font-size:24px;font-family: 'Merriweather Sans', sans-serif;}
.pre img{margin-top:20px;}
.pre-btn{list-style: none;margin-top:15%;}
.pre-btn li{margin-bottom:5%;}
.btn-outline{background-color: rgba(0, 0, 0, 0);transition: all .5s;border-radius:0px;border:2px #2f1ce3 solid;padding:8%;margin:2%;color:#2f1ce3;text-decoration: none;display: block;text-align:center;font-family: 'Droid Sans', sans-serif;font-size:18px;}
.btn-outline:hover{background-color:#2f1ce3;transition: all .5s;border-radius:0px;border:2px #2f1ce3 solid;padding:8%;margin:2%;color:#fff;text-decoration: none;}
.btn-arch{border-radius:0px;background-color:#2f1ce3;color:#fff;padding:2.5%;font-family: 'Droid Sans', sans-serif;font-size:14px;margin:2%;}
.btn-arch:hover{color:#fff;background-color:#1c41e3;transition: background-color 0.5s ease;}
.footer {position: relative;bottom: 0;  width: 100%;} 
.footer h5 {font-family: 'Merriweather Sans', sans-serif;font-size:48px;line-height:60px;text-transform:uppercase;text-align:center;color:#fff;font-weight:400;}
.footer p{color:#122b49;font-family: 'Quattrocento Sans', sans-serif;font-size:14px;margin:1%;}
.footer .jumbotron {margin-bottom: 0px;background: url(http://www.jjpu.com/); background-position: 0% 25%;background-size: cover; background-repeat: no-repeat;}
.navbar-brand {padding: 8px 15px; padding-top: 9px !important;}
.top-bar-phone {color: #FFF; padding-top: 28px; position: absolute;}
table.service-sizes, table.service-sizes caption {font-size: 11px;width: 100%;}
table.service-sizes tr.table-row-1 {background-color: #f7f7f7;}
table.service-sizes tr.table-row-0 {background-color: #ffffff; }
table.service-sizes td {padding-top: 10px; color: #777;}
table.service-sizes td.sizes-col2 {text-align: center;}
table.service-sizes td.sizes-col1 {text-align: left; padding-left: 10px;}
@media (max-width: 1760px) {
    .carousel-caption p {
        font-size: 26px;
    }
    .carousel-caption h1 {
        font-size: 76px;
    }
}

@media (max-width: 1450px) {
    .carousel-caption p {
        font-size: 20px;
    }
    .carousel-caption h1 {
        font-size: 62px;
    }
}

@media (max-width: 1200px) {
    .service-bottom-box {
        margin-top: 40px;
    }
    .service-body-structure {
        min-height: 1px;
        background-image: none !important;
    }
    .carousel-caption p {
        font-size: 18px;
    }
    .carousel-caption h1 {
        font-size: 50px;
    }
    .navbar a{color:#fff; font-size:14px; text-transform:uppercase;height:initial;background-color:#2f1ce3;}
    .top-bar-phone {display: none;}
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        background-color:#000;
        height: 54px;
    }
    .navbar-toggle .icon-bar {
        background-color: #FFF;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 0;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

@media (max-width: 991px) {
    .service-body-structure-inner1 {
        width: 100%;
    }
    .service-body-structure-inner2 {
        width: 100%;
    }
}    

@media (max-width: 360px) {
    .carousel-caption p {
        font-size: 16px;
    }
    .carousel-caption h1 {
        font-size: 46px;
    }
}

/* Normal Tablet Portrait */
@media screen and (min-width:750px) and (max-width:1000px) and (orientation: portrait){
    .confirm-body{height:56.5vh;}
}

/* Big Tablet Portrait */
@media screen and (min-width:1001px) and (max-width:1100px) and (orientation: portrait){
    .confirm-body{height:67vh;}
}

/* Big Tablet Landscape */
@media screen and (min-width:1101px) and (max-width:1370px) and (orientation: landscape){
    .confirm-body{height:54vh;}
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) {
.navbar-blue {margin-top:0px;}
.navbar-toggle {margin-top:28px;}
.service img{display:none;}
.service>a{display:none;}
.content h4{font-size:32px;}
.product-copy ul{column-count: 1;}
.service-body-structure-inner1 {height:0px;}
.order-header-text {padding:0px;}
.service-body-structure-inner2 h2 {font-size: 36px;line-height: 48px;}
#map{display:none;}
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}