/* Global Styles */

html,
body {
    height: 100%;
}

@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'),
    url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2)
    format('woff2');
  font-display: swap;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

.list-group ul li {
    margin-left: -40px;
}

.address-card { border-bottom: 4px solid #FFD034; box-shadow: 0 0.5px 0 0 #ffffff inset, 0 1px 2px 0 #B3B3B3; background-color: #fdfdfd; margin-bottom: 20px; }
.address-card .card-image { border: 0px solid red; display: table-cell; vertical-align:middle; }
.address-card .card-image img { margin: 0 20px; }
.address-card .card-content { border-left: 1px solid #eeeeee; display: table-cell; vertical-align:middle; padding: 10px 20px; }
.address-card .name_block { background-color: #FF4C3B; padding: 12px 0; color: #fff; }
.address-card .name_block p { display: table-cell; width: 180px; text-align: center; font-size: 20px; }
.address-card .name_block h3 { display: table-cell; padding-left: 50px; }
.address-block ul li { margin-left: -40px; list-style-type: none; line-height: 27px; }
.address-block ul li span { display: table-cell; }
.address-block ul li p { display: table-cell; padding-left: 15px; }
.button { border-left:5px solid #005b96; background-color: #fff; padding: 10px; font-size: 22px; display: block; color: #005b96; text-decoration: none; margin-bottom: 20px;     box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35); border-left: 10px solid #FFD034; transition: all 0.5s ease; }
.button:hover { box-shadow: none; text-decoration: none; background-color: #fff0c2; }
.button p { font-size: 14px; color: #666; margin: 10px 0 0 0;  }
.button i { border: 1px solid #FFD034; border-radius: 50%; padding:10px 15px; margin-top: 10px; }
.button:hover i { background-color: #FFD034; color: #fff; }
.year-card { border:0px solid red; }
.year-card .year-block { padding: 60px 0; background-color: #FFD034; }
.year-card .year-block span { padding: 40px 30px; color:#FF4C3B; border-radius: 70px; background-color: #fff; color: #00a0b0; font-size: 25px; font-weight: bold;   }
.year-card .content-block { border:2px solid #FFD034; padding: 20px; line-height: 25px; font-size: 14px; background-color: #000000; }
.year-card .content-block label { color:#fff; }
.reckoner-button { border-color: #FFD034; color: #00a0b0; }
.reckoner-button i { border-color: #FFD034; }
.reckoner-button:hover i { background-color: #FFD034; }
.reckoner-button:hover { background-color: #fff0c2; }
.color-table { border-color: #b7c4c5 !important; }
.color-table tbody th { border-color: #b7c4c5 !important; }
.color-table tbody td { border-color: #b7c4c5 !important; }
footer { margin: 50px 0 0 0; background-color: #1e1e1e; }
footer h3 { color: #FF4C3B; }
footer ul li { list-style-type: none; margin-left: -35px; line-height: 27px; font-size: 16px; }
.footer { background-color: #121212; padding: 10px 0; }
.footer p { margin-bottom: 10px; color: #fff; }
footer ul li a { color: #FFD034; }
footer ul li a:hover { color: #fff; }
.navbar-header { font-size: 22px; margin-top: 10px; }
.content-format { margin-bottom: 20px; }
.content-format p { line-height: 25px; margin-bottom: 20px; text-align: justify; }
.content-format li { line-height: 25px; }
.content-format ol { margin-bottom: 20px; }
/* Responsive Styles */

@media print {
    body { display: none; }
}

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}