.table tbody tr td {
padding: 1rem;
vertical-align: top;
border-top: 0px;
}
.table tbody tr:last-child td {
padding-bottom: 2rem;
padding-left: 1rem;
}
@media only screen and (max-width: 990px) {
.dropdown-toggle::after {
display: none !important;
}
}
/*.dropdown-menu {
position: relative !imporant;
}
-------------------------------------------------------*/
.main-menu>nav>ul>li:hover>a,
.main-menu>nav>ul>li.active>a,
form.search-box:hover button,
.search-btn:hover,
.main-menu>nav>ul>li>ul>li:hover>a,
.main-menu>nav>ul>li>ul>li>ul>li:hover>a,
.link,
.menu-list button:hover,
.menu-list button.active,
.menu-text h4>span,
.menu-text h4 a:hover,
.special-text>span.menu-price,
.special-text h4 a:hover,
.single-blog>h4 a:hover,
.blog-text>a:hover,
.footer-widget-text>span .text-color,
.mean-container a.meanmenu-reveal,
.mean-container .mean-nav ul li a:hover,
.account-btn a:hover,
.header-links a:hover,
.carousel-style-one .owl-nav>div:hover,
.login-info>span a,
.slider-two-area .banner-btn .default-btn:hover span,
.slider-two-area .banner-btn .default-btn:active span,
.slider-two-area .banner-btn .default-btn:focus span,
.menu-list button:hover,
.menu-list button.active,
.gallery-list button:hover,
.gallery-list button.active,
.slider-two-area .banner-btn .default-btn:hover span,
.text-white .banner-btn .default-btn:hover span,
.text-white .banner-btn .default-btn:active span,
.text-white .banner-btn .default-btn:focus span,
.video-popup:hover,
.video-popup:active,
.video-popup:focus,
.single-testimonial h5,
.testimonial-area .owl-dots .owl-dot.active,
.sidebar-search-form>button,
.widget-list li a:hover,
.single-sidebar-widget .video-popup,
.blog-post-text h5 a:hover,
.single-sidebar-widget>h4,
.blog-author-info>h4,
.author-links>a:hover,
.comment-reply button {
color: var(--brand-secondary);
}
.menu-text h4>span {
color: #444;
}
.menu-text .price {
position: absolute;
right: 9px;
top: 5px;
font-size: 16px;
font-weight: bold;
}
.menu-text h4 {
margin-right: 139px;
}
.menu-item a {
color: #343a40;
width: 100%;
}
..main-menu>nav>ul>li:hover>a,
.main-menu>nav>ul>li.active>a,
form.search-box:hover button,
.search-btn:hover,
.main-menu>nav>ul>li>ul>li:hover>a,
.main-menu>nav>ul>li>ul>li>ul>li:hover>a,
.link,
.menu-list button:hover,
.menu-list button.active,
.menu-text h4>span,
.menu-text h4 a:hover,
.special-text>span.menu-price,
.special-text h4 a:hover,
.single-blog>h4 a:hover,
.blog-text>a:hover,
.footer-widget-text>span .text-color,
.mean-container a.meanmenu-reveal,
.mean-container .mean-nav ul li a:hover,
.account-btn a:hover,
.header-links a:hover,
.carousel-style-one .owl-nav>div:hover,
.login-info>span a,
.slider-two-area .banner-btn .default-btn:hover span,
.slider-two-area .banner-btn .default-btn:active span,
.slider-two-area .banner-btn .default-btn:focus span,
.menu-list button:hover,
.menu-list button.active,
.gallery-list button:hover,
.gallery-list button.active,
.slider-two-area .banner-btn .default-btn:hover span,
.text-white .banner-btn .default-btn:hover span,
.text-white .banner-btn .default-btn:active span,
.text-white .banner-btn .default-btn:focus span,
.video-popup:hover,
.video-popup:active,
.video-popup:focus,
.single-testimonial h5,
.testimonial-area .owl-dots .owl-dot.active,
.sidebar-search-form>button,
.widget-list li a:hover,
.single-sidebar-widget .video-popup,
.blog-post-text h5 a:hover,
.single-sidebar-widget>h4,
.blog-author-info>h4,
.author-links>a:hover,
.comment-reply button .default-btn,
.carousel-style-dot .owl-dots .owl-dot:hover,
.carousel-style-dot .owl-dots .owl-dot.active,
.active.day,
.datepicker thead tr:nth-child(2),
.form-box.required::before,
.blog-date,
#mc_embed_signup_scroll>button,
.social-icons>a:hover,
.mean-container .mean-nav ul li a.mean-expand:hover,
.mean-container a.meanmenu-reveal span,
#scrollUp,
.mean-container .mean-nav ul li a.mean-expand:hover,
.mean-container a.meanmenu-reveal span,
#scrollUp,
.bg-color,
.carousel-style-one .owl-nav>div,
.modal-content .close,
.gallery-image a::after,
.service-item:hover .service-image-hover::before,
.up-event-date,
.team-hover::after,
.sidebar-search-form>button:hover,
.sidebar-tag a:hover {
background-color: var(--brand-secondary);
}
.gallery-item a .hover-dir {
background: rgba(255, 90, 96, 0.6) none repeat scroll 0 0;
}
.carousel-style-dot .owl-dots .owl-dot,
.social-icons>a:hover,
.sidebar-tag a:hover {
border-color: #ff5d60;
}
.blog-date {
box-shadow: 0 0 30px 0 rgba(255, 90, 96, 0.3);
}
/*-------------------------------------------------------*/
.about h1 {
padding-top: 20px;
padding-bottom: 40px;
}
.about5 .col-sm-12 .row:first-child {
padding-bottom: 20px;
}
.about1 .col-sm-4 {
color: #fff;
padding: 30px;
}
.contact-us {
padding: 40px 20px;
}
.contact-us h1 {
padding-bottom: 40px;
}
.gallery1-indicators li {
float: left;
margin: 3px;
list-style-type: none;
cursor: pointer;
}
.gallery1-indicators li img {
width: 100px;
}
.gallery .img-responsive {
width: 100%;
}
.gallery1-indicators li:hover {
outline: 3px solid rgba(200, 200, 200, .5);
}
.gallery3 div[class^="col-"] {
padding-right: 0;
padding-left: 0;
}
.gallery1 .gallery-thumbnails img {
height: 100px;
}
body {
font-size: 14px;
-webkit-font-smoothing: antialiased;
font-family: "Arial", Sans-serif;
font-weight: 400;
color: #676767;
line-height: 26px;
}
h1 {
font-size: 38px;
line-height: 62px;
margin-bottom: 7px
}
h2 {
font-size: 34px;
line-height: 44px;
margin-bottom: 7px
}
h3 {
font-size: 22px;
line-height: 34px;
margin-bottom: 7px
}
h4 {
font-size: 18px;
line-height: 32px;
margin-bottom: 7px
}
h5 {
font-size: 16px;
line-height: 26px;
margin-bottom: 7px
}
h6 {
font-size: 14px;
line-height: 24px;
margin-bottom: 7px
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #444;
letter-spacing: 0px;
font-weight: normal;
-webkit-font-smoothing: antialiased;
font-family: "Arial", Sans-serif;
font-weight: 500
}
p {
padding-bottom: 12px;
}
a {
color: red;
text-decoration: none;
transition: color 0.2s;
-moz-transition: color 0.2s;
-webkit-transition: color 0.2s
}
.breadcrumb {
background-color: transparent;
padding: 1rem 0rem;
}
a:hover {
color: inherit
}
.lupp-section {
padding: 44px 0px 40px 0px;
}
.lupp-section .map,
.lupp-section.banner {
padding: 0px;
}
.btn {
padding: 8px;
margin: 0px 0px 0px 0px;
border-radius: 2px;
padding: 9px 17px;
text-decoration: none;
}
.btn-primary {
color: #fff;
background-color: #f6653c !important;
border: none;
}
.hero,
.hero h1,
.hero h2,
.hero h3,
.hero h4,
.hero h5,
.hero h6 {
color: #fff;
}
.cta1 {
color: #fff;
padding-top: 100px;
padding-bottom: 100px;
}
.main-header .navbar-default {
background: none;
border: none;
}
.main-header {
background-color: #fdfdfd;
width: 100%;
padding-top: 0px;
padding-bottom: 0px;
}
.main-header.affix {
top: 0;
z-index: 1000;
}
.main-header .navbar-nav {
float: none !important;
margin: auto !important;
}
.main-header .navbar-brand {
padding: 0px;
margin: 0px;
display: table;
}
.main-header .navbar-brand span {
display: table-cell;
vertical-align: middle;
}
.main-header .navbar-brand img {
float: left;
max-width: 200px;
max-height: 100%;
transition: max-width .5s ease;
-moz-transition: max-width .5s ease;
-webkit-transition: max-width .5s ease;
}
.main-header.affix .navbar-brand img {
max-height: 48px;
}
.banner .carousel-inner .item img {
width: 100%;
}
.carousel-caption h1 {
color: #fff;
}
.about7 {
padding-top: 75px;
padding-bottom: 75px;
}
.about7 .icon,
.about7 .circle-icon {
background-color: #eeedec;
border-radius: 999px 999px 999px 999px;
-moz-border-radius: 999px 999px 999px 999px;
-webkit-border-radius: 999px 999px 999px 999px;
-o-border-radius: 999px 999px 999px 999px;
display: inline-block;
font-size: 30px;
height: 90px;
line-height: 90px;
max-width: 100%;
position: relative;
text-align: center;
vertical-align: middle;
margin-bottom: 26px;
width: 90px;
word-spacing: 1px;
transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
}
.about7 .circle-icon {
background-color: rgba(0, 0, 0, 0.021);
border-color: rgba(0, 0, 0, 0.05);
background: none repeat scroll 0 0 transparent;
border: 1px solid #eeedec;
height: 88px;
left: 1px;
position: absolute;
top: 1px;
transition-duration: 225ms;
-moz-transition-duration: 225ms;
-webkit-duration: 225ms;
-o-transition-duration: 225ms;
transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-webkit-transition-property: all;
transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7);
-moz-transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7);
-o-transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7);
-webkit-transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7);
vertical-align: middle;
width: 88px;
word-spacing: 1px;
z-index: 1;
}
.circle-icon i {
line-height: 70px;
}
.about7 .col-md-3:hover .icon {
background-color: #444;
color: #fff !important;
}
.about7 .col-md-3:hover .circle-icon {
background-clip: content-box;
color: #fff;
padding: 5px;
border: 1px solid #ddd;
transform: scale(1.18);
}
.home-paragraph {
padding-top: 65px;
padding-bottom: 65px;
text-align: center;
background-color: #2ac4ea;
color: #fff;
}
.home-container {
padding-top: 60px;
padding-bottom: 60px;
}
.media.col-md-4,
.media.col-md-4:first-child {
margin-top: 30px;
}
.works {
background-color: #eee;
width: 300px;
margin: auto;
}
.works h4 {
padding-top: 50px;
padding-bottom: 50px;
text-align: center;
}
.work {
padding: 0;
margin: 0;
height: 300px;
background-size: cover;
background-position: center center;
}
.work img {
display: block;
position: absolute;
z-index: 0;
height: 100%;
width: 100%;
}
.work-overlay {
height: 0;
transition: all .2s;
background-color: rgba(66, 244, 226, .85);
color: #fff;
position: absolute;
width: 100%;
text-align: center;
overflow: hidden;
display: flex;
justify-content: center;
align-content: center;
flex-direction: column;
}
.work:hover .work-overlay {
height: 100%;
}
.cta3 {
padding-top: 75px;
background-color: #8fa3a1;
color: #fff;
}
.cta3 .img-wrapper {
margin: 50px 50px 0;
}
#post-carousel {
background-color: #7371fc;
padding-top: 60px;
padding-bottom: 60px;
}
#post-carousel .item {
min-height: 400px;
}
#post-carousel .fa {
padding: 20px;
border: 2px solid #c2bafc;
border-radius: 50%;
}
#post-carousel .msg {
line-height: 200%;
margin: 30px;
font-size: 18px;
}
#post-carousel .carousel-indicators {
bottom: 60px;
}
.carousel-indicators li,
.carousel-indicators li.active {
margin: 0 4px;
}
.carousel-indicators li.active {
position: relative;
top: 1px;
}
footer.main-footer {
padding-top: 30px;
padding-bottom: 30px;
color: #bbb;
background-color: #222;
}
.about-container.container {
padding-left: 0;
padding-right: 0;
}
.about-container .col-md-6 {
padding-left: 10px;
padding-right: 10px;
}
.cta4 {
background-color: #dce2de;
}
.cta4 .btn {
background-color: #5be587;
color: #fff;
padding: 20px;
box-shadow: 0 3px 0 #33bf5f;
border: 0;
margin-left: 30px;
margin-right: 30px;
border-radius: 7px;
}
.pt-60 {
padding-top: 60px;
}
.pb-60 {
padding-bottom: 60px;
}
.contact-us-form .form-control {
box-shadow: inner 0 1px 2px #ccc;
background-color: #fafafa;
/*border:none;*/
border-radius: 0;
padding: 25px 10px;
}
.contact-us-form-container textarea {
min-height: 250px;
}
.contact-us-form-container input[type="submit"] {
float: right;
}
.contact-us-form textarea.form-control {
min-height: 250px;
}
.contact-us-form .btn-primary {
background-color: #222;
color: #fff;
}
.contact-us-form input,
.contact-us-form textarea {
width: 100%;
}
.main-header .navbar-center-image {
border: 1px solid #777;
display: block;
width: 300px;
text-align: center;
letter-spacing: 2px;
font-size: 30px;
}
h1 small,
h2 small {
color: #777;
}
.owl-theme .owl-dots {
top: -40px;
position: relative;
}
input[type=number] {
padding: 4px;
}
.grid-item p {
padding-bottom: 0px;
}
/*catering menu*/
.menu-text {
padding: 9px;
width: 100%;
}
.menu-footer {
position: absolute;
bottom: 9px;
right: 9px;
}
.menu-footer .btn {
padding: 4px 12px;
}
@media screen and (min-width: 768px) {
input[type=number] {
padding: .375rem .75rem;
}
.navbar_brand img {
max-width: 120px;
margin: 0px;
padding-bottom: 12px;
}
.navbar-nav>li {
padding: 0 18px;
}
.about-container .col-md-6 {
padding-left: 30px;
padding-right: 30px;
}
.about-container.container {
padding-left: 15px;
padding-right: 15px;
}
.work {
height: 250px;
}
.works {
width: auto;
}
.gallery1-indicators li img {
width: 50px;
}
.main-header .navbar-center-image {
border: 1px solid #777;
display: block;
width: 300px;
text-align: center;
letter-spacing: 2px;
font-size: 30px;
}
h1 small,
h2 small {
color: #777;
}
}
@media screen and (min-width: 992px) {
.navbar-nav>li {
padding: 0 45px;
}
.work {
height: 300px;
}
.menu-text h4 {
margin-right: 140px;
}
}
@media screen and (min-width: 1200px) {}
.lupp-section.hero {
min-height: 400px;
}
.dyear {
width: 88px
}
.dmonth {
width: 128px
}
.dday {
width: 74px
}
.dhour,
.dmin {
width: 74px
}
.addon-unit {
padding-left: 8px !important;
}
input[type=radio] {
position: absolute;
margin: 4px 0 0;
line-height: normal;
margin-left: -20px;
}
.radio label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer;
}
.caption-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.carousel-caption {
position: absolute;
width: 100%;
height: 30%;
left: auto;
right: auto;
bottom: auto;
top: auto;
margin: auto;
}
.carousel-caption.left {
left: 0;
}
.carousel-caption.right {
right: 0;
}
.carousel-caption.center {
right: 0;
left: 0;
}
.carousel-caption.top {
top: 0;
}
.carousel-caption.bottom {
bottom: 0;
}
.carousel-caption.middle {
top: 0;
bottom: 0;
}
.banner-caption-btn-group .btn {
margin: 10px;
}
.owl-item .item {
height: 277px;
}
.carousel-caption {
transform: scale(.5);
}
@media screen and (min-width: 674px) {
.owl-item .item {
height: 535px;
}
.carousel-caption {
transform: scale(.7);
width: 50%;
}
}
@media screen and (min-width: 765px) {
.owl-item .item {
height: 625px;
}
.carousel-caption {
transform: scale(.9);
}
}
@media screen and (min-width: 982px) {
.owl-item .item {
height: 750px;
}
}