@charset "utf-8";
@keyframes fadeHeaderInDown {
 0% {
  opacity:0;
  transform:translate3d(0,-100%,0)
 }
 100% {
  opacity:1;
  transform:translate3d(0,0,0)
 }
}
@keyframes shadow {
 0% {
  transform:scale(1) translateY(0px)
 }
 100% {
  transform:scale(.8) translateY(75px)
 }
}
@keyframes ghost {
 0% {
  transform:scale(1) translateY(0px)
 }
 100% {
  transform:scale(1) translateY(-40px)
 }
}
html {
 overflow-x:hidden
}
button:focus,
*:focus {
 outline:none
}

button {
 background:0 0;
 border:none;
 padding:0
}
label {
 line-height:normal
}
hr {
 margin:20px 0
}
.p-relative {
 position:relative;
border-bottom: 1px solid #8c0404;
}
.before-none:after,
.after-none:after,
.none {
 display:none
}
.overlay {
 position:absolute;
 top:0;
 left:0;
 right:0;
 width:100%;
 height:100%
}
.overlay-bg-black {
 background:#000;
border-bottom: 1px solid #8c0404;
 opacity:.1
}
.overlay-2 {
 position:absolute;
 top:0;
 left:0;
 right:0;
 width:100%
}
.image-fith {
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:center;

}
.image-fit {
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:center;
border: 2px solid #8c0404
}
.image-fit1 {
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:center;

}
.transform-center {
 position:absolute;
 top:50%;
 left:0;
 right:0;
 transform:translate(0%,-50%);
 z-index:1
}
.bx-wrapper {
 box-shadow:0 0 8px rgba(0,0,0,.1)
}
[class^=flaticon-]:before,
[class*=" flaticon-"]:before {
 font-size:inherit;
 margin:0
}
.animate-img {
 position:relative;
 overflow:hidden
}
.animate-img:hover img {
 transform:scale(1.1);
 transition:.5s
}
.parallax {
 position:relative;
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat;
 background-attachment:fixed;
 transition:border .3s ease-in,box-shadow .3s ease-in,background .3s,opacity .3s ease-in
}
.normal-bg {
 position:relative;
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat;
 transition:border .3s ease-in,box-shadow .3s ease-in,background .3s,opacity .3s ease-in
}
.section-header {
 padding-bottom:10px;
 position:relative;
 display:flex;
 align-items:flex-end;
 justify-content:space-between
}
.section-header .sectionp-heading {
 max-width:100%;
 margin:0 auto 0 0
}
.section-header .section-heading h3:after {
 content:'';
 display:block;
 width:80px;
 height:2px;
 background:#248034;;
 margin-top:20px
}
.section-header .section-description {
 margin-bottom:20px;
 position:relative
}
.section-header.style-right {
 text-align:right
}
.section-header.style-right .section-heading {
 margin:0 0 0 auto
}
.section-header.style-right .section-heading h3:after {
 margin:20px 0 0 auto
}
.arrow-layout-2 .slick-arrow,
.arrow-layout-1 .slick-arrow {
 position:absolute;
 top:50%;
 z-index:10;
 transform:translate(0px,-50%);
 transition:.3s all;
 font-size:0;
 overflow:hidden;
 z-index:1
}
.arrow-layout-1 .slick-arrow:after {
 width:50px;
 height:50px;
 border:1px solid #fff;
 background:0 0;
 border-radius:50%;
 position:relative;
 overflow:hidden;
 color:#fff;
 font-size:20px;
 display:flex;
 align-items:center;
 justify-content:center;
 font-family:Flaticon
}
.arrow-layout-1 .slick-arrow:before {
 content:'';
 position:absolute;
 top:0;
 left:0;
 right:0;
 width:0%;
 background:#8c0404;
 border-radius:50%;
 z-index:-1;
 height:100%;
 transition:.5s all
}
.arrow-layout-1 .slick-arrow:hover:before {
 width:100%
}
.arrow-layout-1 .slick-prev {
 left:-100px
}
.arrow-layout-1 .slick-next {
 right:-100px
}
.arrow-layout-1 .slick-prev:after {
 content:"\f165"
}
.arrow-layout-1 .slick-next:after {
 content:"\f163"
}
.arrow-layout-1.slick-slider:hover .slick-prev {
 left:15px
}
.arrow-layout-1.slick-slider:hover .slick-next {
 right:15px
}
.arrow-layout-2 .slick-arrow {
 font-size:0;
 right:15px;
 top:-40px
}
.arrow-layout-2 .slick-arrow:after {
 background:#248034;
 border-color:#248034;
 color:#fff;
 font-family:flaticon;
 padding:15px;
 font-size:20px
}
.arrow-layout-2 .slick-prev {
 right:65px
}
.arrow-layout-2 .slick-next {
 right:15px
}
.arrow-layout-2 .slick-prev:after {
 content:"\f165"
}
.arrow-layout-2 .slick-next:after {
 content:"\f163"
}
.arrow-layout-2 .slick-arrow:hover:after {
 color:#fff;
 background:#000
}
.slick-dots {
 display:flex;
 align-items:center;
 justify-content:center;
 list-style:none;
 padding:0;
 margin-top:20px
}
.slick-dots li {
 padding:0;
 line-height:0
}
.slick-dots li button {
 font-size:0;
 width:12px;
 height:6px;
 border-radius:10px;
 background:#2d3e52;
 margin:0 5px;
 transition:.6s all;
 border:2px solid #2d3e52
}
.slick-dots li.slick-active button {
 width:24px;
 height:6px;
 border-radius:50px;
 background:#248034;
 border:2px solid #248034;
}
.page-item:first-child .page-link {
 border-top-left-radius:50px;
 border-bottom-left-radius:50px
}
.page-item:last-child .page-link {
 border-top-right-radius:50px;
 border-bottom-right-radius:50px
}
.page-link:focus {
 box-shadow:none;
 z-index:1
}
.page-item .page-link {
 padding:8px 20px;
 font-size:14px;
 line-height:1.5;
 border:2px solid #eee;
 color:#020202;
 border-radius:0
}
.page-item:hover .page-link,
.page-item.active .page-link {
 background-color:#000;
 border-color:#000;
 color:#fff
}

p {
 font-size:16px;
 line-height:1.8;
 margin-bottom:20px;
 font-family:source sans pro,sans-serif
}
a {
 color:#000;
 text-decoration:none;
 transition:.5s
}
a:focus,
a:hover {
 color:#8c0404;
 text-decoration:none;
 transition:.5s
}
dl,
ol,
ul {
 margin-top:0;
 margin-bottom:0
}

ul.custom {
 list-style:none;
 padding:0
}
ul.custom-flex {
 list-style:none;
 padding:0;
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 ;
}
blockquote {
 background-color:#fff;
 position:relative;
 display:flex;
 align-items:center;
 padding:30px;
 padding-left:70px;
 border-left:2px solid #8c0404
}

blockquotep {
 background-color:#fff;
 position:relative;
 display:flex;
 align-items:center;
 padding:30px;
 padding-left:70px;

}
blockquote span {
 width:50px;
 height:50px;
 background:#8c0404;
 display:flex;
 align-items:center;
 justify-content:center;
 padding:0 15px;
 font-size:16px;
 margin-right:0;
 position:absolute;
 left:0;
 top:0
}
blockquote p {
 font-size:16px;
 font-style:italic;
 margin:0;
 font-weight:500;
 word-break:break-word;
 margin-bottom:0
}

iframe {
 border:none;
 width:100%
}
img {
 max-width:100%;
 width:auto;
 height:auto;
 transition:.5s
}
table th,
table td {
 border:0px solid #dfdfdf;
 padding:0px 15px 0px 15px;
}
table {
 border:1px solid #dfdfdf;
 padding:15px;
 width:100%
}
.fs-12 {
 font-size:12px
}
.fs-14 {
 font-size:14px
}
.fs-16 {
 font-size:16px
}
.fs-18 {
 font-size:18px
}
.fs-20 {
 font-size:20px
}
.fw-100 {
 font-weight:100
}
.fw-400 {
 font-weight:400
}
.fw-500 {
 font-weight:500
}
.fw-600 {
 font-weight:600
}
.fw-700 {
 font-weight:700
}
.no-margin {
 
padding: 0px 8px 0px;
}
.no-padding {
 padding:0
}
.full-width {
 width:100%;
padding: 5px;
}
.full-height {
 height:100%
}
.sectionp-padding {
 padding:20px 0;
border-top: 1px solid #8c0404;
border-bottom: 1px solid #8c0404;
}

.sectionc-padding {
 padding:60px 0;
border-top: 1px solid #8c0404;
border-bottom: 1px solid #8c0404;

}

.sectionk-padding {
 padding:110px 0;
border-top: 1px solid #8c0404;


}
.section1-padding {
 padding:18px 0;
border-top: 1px solid #adabab;


}
.section-padding-top {
 padding-top:80px
}
.section-padding-bottom {
 padding-bottom:80px
}
.padding-10 {
 padding:10px
}
.padding-15 {
 padding:15px
}
.padding-20 {
 padding:20px
}
.mb-xl-20 {
 margin-bottom:20px
}
.mb1-xl-20 {
 margin-bottom:10px
}
.mb-xl-30 {
 margin-bottom:15px
}
.mb-xl-40 {
 margin-bottom:40px
}
.mb-xl-80 {
 margin-bottom:80px
}
.pb-xl-20 {
 padding-bottom:20px
}
.form-control-custom::placeholder {
 font-size:14px
}
.form-control-custom {
 height:40px;
 padding:0 15px;
 border-radius:0;
 border:2px solid #efefef;
 width:100%;
 background:#f5f5f5;
 font-size:14px;
 border-radius:50px
}
.form-control-custom:focus {
 border:2px solid #efefef;
 border-bottom:1px solid #8c0404;
 box-shadow:none
}
.btn-height,
button.btn-height {
 height:40px;
 line-height:1;
 padding:0
}
label.submit {
 height:15px;
 width:100%;
 clear:both
}
.custom-select {
 background-image:none
}
.custom-select:focus {
 box-shadow:none
}
.group-form .form-control-custom,
.group-form .form-control-custom:not(:last-child) {
 border-radius:50px;
 padding:0 40px 0 15px
}
.group-form .form-control-custom:focus {
 z-index:0
}
.group-form .form-control-custom.custom-select:focus {
 z-index:10
}
.group-form .input-group-append {
 position:absolute;
 height:40px;
 width:30px;
 background:#000;
 color:#fff;
 right:0;
 display:flex;
 align-items:center;
 justify-content:center;
 font-size:15px;
 border-radius:0 50px 50px 0;
 z-index:0;
 pointer-events:none
}
.group-form .custom-select {
 padding:0 30px 0 10px
}
.group-form .custom-select:after {
 border-bottom-color:#fff;
 border-right-color:#fff
}
.group-form .custom-select:before {
 content:'';
 background:#000;
 width:30px;
 height:40px;
 display:block;
 position:absolute;
 right:0;
 top:-2px;
 border-radius:0 50px 50px 0;
 margin-top:0
}
textarea.form-control {
 height:auto;
 padding:20px 15px 0
}
label.custom-checkbox input {
 position:absolute;
 opacity:0;
 cursor:pointer;
 height:0;
 width:0
}
label.custom-checkbox {
 display:block;
 position:relative;
 padding-left:30px;
 margin-bottom:10px;
 cursor:pointer;
 user-select:none;
 line-height:normal;
 font-size:14px
}
label.custom-checkbox:last-child {
 margin-bottom:10px
}
label.custom-checkbox .checkmark {
 position:absolute;
 top:0;
 left:0;
 border:1px solid #d4d4db;
 width:20px;
 height:20px;
 background-color:#fff;
 border-radius:0
}
label.custom-checkbox:hover input~.checkmark {
 background-color:#fff;
 border:1px solid #8c0404
}
label.custom-checkbox input:checked~.checkmark {
 background-color:#8c0404;
 border:1px solid #8c0404
}
.checkmark:after {
 content:"";
 position:absolute;
 display:none
}
label.custom-checkbox input:checked~.checkmark:after {
 display:block
}
label.custom-checkbox .checkmark:after {
 left:6px;
 top:2px;
 width:5px;
 height:9px;
 border:solid #fff;
 border-width:0 2px 2px 0;
 transform:rotate(45deg)
}
.btn-first {
 display:inline-block;
 padding:10px 20px;
 position:relative;
 transition:.5s all;
 background:0 0;
 color:inherit;
 border:1px solid transparent;
 font-size:14px;
 overflow:hidden;
 z-index:1;
 text-align:center;
 border-radius:50px;
 text-transform:uppercase
}
.btn-submit {
 border-color:#8c0404;
 color:#fff;
 background:#8c0404
}
.btn-small:before,
.btn-submit:before {
 content:'';
 position:absolute;
 top:0;
 left:0;
 right:0;
 height:100%;
 background-color:#000;
 width:0%;
 transition:.5s all;
 z-index:-1;
 border-radius:50px
}
.btn-small:hover,
.btn-submit:hover {
 color:#fff
}
.btn-small:focus,
.btn-submit:focus {
 background-color:#00a3c8;
 color:#fff
}
.btn-small:hover:before,
.btn-submit:hover:before {
 width:100%
}
.btn-second {
 display:inline-block;
 padding:0 20px;
 position:relative;
 transition:.5s all;
 background:0 0;
 color:inherit;
 border:1px solid transparent;
 font-size:14px;
 overflow:hidden;
 z-index:1;
 text-align:center;
 border-radius:50px;
 text-transform:uppercase
}
.btn-small {
 background:#000;
 border-color:#000;
 color:#fff
}
.btn-small:hover,
.btn-small:focus {
 border-color:#000
}
.bg-light-white {
 background-color:#f5f5f5
}
.bg-custom-white {
 background-color:#fff;
padding: 1px;
}

.bg-custom-whitem {
 background-color:#fff;
padding: 20px 30px 30px 30px;
color: #6b6a6a;
}

.bg-custom-whitem1 {
 background-color:#fff;
padding: 20px 30px 30px 30px;
color: #6b6a6a;
}
.bg1-custom-white {
 background-color:#fff;
padding: 20px;
}

.bg-custom-blue {
 background:#8c0404
}
.bg-light-black {
 background:#2d3e52
}
.text-custom-black {
 color:#248034;
padding: 6px;
}
.text-custom-white {
 color:#fff;
text-align: center;
}

.text-custom-whitef {
 color:#fff;

}
.text1-custom-white {
 color:#fff;
text-align: center;
}
.text-custom-blue {
 color:#8c0404
}
.text-light-dark {
 color:#6b6a6a;
text-align: justify;
}

.text-light-darkc {
 color:#6b6a6a;

}

.text-light-darkc {
 color:#6b6a6a;
text-align: center;
}
.text1-light-dark {
 color:#8c0404;
 font-size: 15px;
}
.text-light-black {
 color:#2d3e52
}
.text-yellow {
 color:#fdb714
}
.custom-accordion .card {
 background:#fff;
 border-color:#fff;
 border-radius:0
}
.custom-accordion .card .card-header {
 padding:0;
 background:#ededed;
 border-color:#ededed;
 border-radius:0
}
.custom-accordion .card .card-header .collapsebtn {
 font-size:16px;
 font-weight:500;
 display:flex;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
 align-items:center;
 padding:10px 15px;
 width:100%;
 background:#8c0404;
 color:#fff;
 cursor:pointer
}
.custom-accordion .card .card-header .collapsebtn.collapsed {
 background:#ededed;
 border-color:#ededed;
 color:#000
}
.custom-accordion .card .card-header .collapsebtn:before {
 content:'-';
 background:#fff;
 color:#376bff;
 width:20px;
 height:20px;
 border-radius:50%;
 margin-right:15px;
 font-size:20px;
 display:flex;
 align-items:center;
 line-height:normal;
 padding:0 6px
}
.custom-accordion .card .card-header .collapsebtn.collapsed:before {
 content:'+';
 background:#2d3e52;
 color:#fff;
 padding:0 4.5px
}
.custom-accordion .card .card-body {
 padding:15px 0
}
.header .navigation.sticky {
 animation-name:fadeHeaderInDown;
 position:fixed;
 top:0;
 left:0;
 right:0;
 z-index:22;
 background:#fff;
 animation-duration:1s;
 box-shadow:0 0 8px rgba(0,0,0,.1);
 animation-fill-mode:both;
 border-bottom: 1px solid #8c0404;
}
.navigation .main-navigation {
 display:flex;
 align-items:center;
 justify-content:space-between
}
.navigation .main-navigation .logo {
 margin:10px 0;
 width:200px
}
.navigation .main-navigation .main-menu .logo {
 display:none
}
.navigation .main-navigation .hamburger-menu {
 display:none;
 align-items:center;
 cursor:pointer
}
.navigation .main-navigation .hamburger-menu .menu-btn span {
 background:#000;
 height:2px;
 width:25px;
 margin-bottom:5px;
 display:block;
 transition:.3s
}
.navigation .main-navigation .hamburger-menu .menu-btn span:last-child {
 margin-bottom:0
}
.navigation .main-navigation .hamburger-menu .menu-btn.active {
 position:relative;
 top:-4px;
 transition:.3s
}
.navigation .main-navigation .hamburger-menu .menu-btn.active span:first-child {
 transform:rotate(45deg);
 transition:.3s;
 position:relative;
 top:7.4px
}
.navigation .main-navigation .hamburger-menu .menu-btn.active span:nth-child(2) {
 display:none
}
.navigation .main-navigation .hamburger-menu .menu-btn.active span:last-child {
 transform:rotate(-45deg);
 transition:.3s
}
.navigation .main-navigation .main-menu .cta-btn,
.navigation .main-navigation .main-menu {
 display:flex;
 align-items:center
}
.navigation .main-navigation .main-menu .cta-btn {
 margin-left:15px
}
.navigation .main-navigation .main-menu>nav>ul>.menu-item.active>a {
 color:#8c0404;
 font-weight:500
}
.navigation .main-navigation .main-menu>nav>ul>.menu-item {
 padding:22px 0
}
.navigation .main-navigation .main-menu>nav>ul>.menu-item>a {
 text-transform:uppercase;
 padding:0 15px;
 position:relative
}
.menu-item-has-children>a>.arrow:after,
.menu-item-has-megamenu>a>.arrow:after {
 display:inline-block;
 margin-left:.55em;
 content:"\f107";
 font-family:'font awesome 5 free';
 font-weight:900
}
.menu-item-has-children .sub-menu {
 position:absolute;
 top:100%;
 left:50px;
 right:0;
 width:200px;
 opacity:0;
 visibility:hidden;
 background:#8c0404;
 transition:.3s all;
 z-index:1
}
.menu-item-has-children:hover>.sub-menu {
 opacity:1;
 visibility:visible;
 left:0
}
.menu-item-has-megamenu .megamenu .megamenu-nav ul>.menu-item>a,
.menu-item-has-children .sub-menu>.menu-item>a {
 display:block;
 border-top:1px solid #8c0404;
 white-space:nowrap;
 padding:12px 20px 12px 18px;
 position:relative
}
.menu-item-has-megamenu .megamenu .megamenu-nav ul>.menu-item>a,
.menu-item-has-children .sub-menu>.menu-item.active>a,
.menu-item-has-children .sub-menu>.menu-item:hover>a {
 background:#000;
 color:#fff
}
.menu-item-has-children .sub-menu .menu-item-has-children>a>.arrow:after {
 position:absolute;
 right:15px;
 transform:rotate(-90deg);
 top:15px
}
.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu {
 left:100%;
 top:0
}
.menu-item-has-megamenu {
 position:static
}
.menu-item-has-megamenu .megamenu {
 position:absolute;
 top:100%;
 left:50px;
 right:0;
 width:97.4%;
 opacity:0;
 visibility:hidden;
 background:#8c0404;
 transition:.3s all;
 padding-bottom:10px
}
.menu-item-has-megamenu:hover>.megamenu {
 opacity:1;
 left:15px;
 visibility:visible
}
.menu-item-has-megamenu .megamenu .megamenu-nav ul>.menu-item {
 margin-bottom:10px
}
.main-banner .slide-item {
 height:800px;
 position:relative;
 z-index:1;
 margin:0

}
.main-banner .slide-item:before {
 content:'';
 position:absolute;
 top:0;
 left:0;
 right:0;
 height:100%;
 width:100%;
 background-color:#000;
 opacity:.1
}
.slider-content {
 width:60%;
 margin-left:20%
}
.slider-content h1 {
 font-size:50px
}
.slider-content ul {
 margin-bottom:20px
}
.slider-content ul li {
 display:flex;
 align-items:center;
 font-size:20px;
 margin-bottom:10px
}




.slider-content ul li i {
 color:#8c0404;
 font-size:22px;
 margin-right:15px;
 width:27px;
 height:22px;
 text-align:center
}
.banner-tabs .tab-pane [class^=col-],
.banner-tabs .tab-pane [class*=" col-"] {
 padding-left:10px;
 padding-right:10px
}
.banner-tabs {
 margin-top:0
}
.banner-tabs .tabs .nav-tabs .nav-item .nav-link {
 background:#ffffff8c;
 color:#000;
 font-weight:500;
 letter-spacing:1px
}
.tabs .nav-tabs {
 border:none
}
.tabs .nav-tabs .nav-item {
 text-align:center;
 margin-bottom:0;
 margin-right:5px
}
.tabs .nav-tabs .nav-item .nav-link:hover,
.tabs .nav-tabs .nav-item .nav-link.active {
 background:#8c0404;
 color:#fff;
 border:none;
 border-bottom:2px solid #8c0404
}
.tabs .nav-tabs .nav-item .nav-link.active:before {
 content:"";
 bottom:-8px;
 left:calc(50% - 6px);
 position:absolute;
 display:block;
 width:0;
 height:0;
 border-left:6px solid transparent;
 border-right:6px solid transparent;
 border-top:6px solid #8c0404
}
.tabs .nav-tabs .nav-item .nav-link {
 background:#fff;
 border-radius:0;
 border:none;
 border-bottom:2px solid #8c0404;
 color:#000;
 font-weight:600;
 padding:12px 40px;
 display:block;
 z-index:10;
 position:relative
}
.tabs .nav-tabs .nav-item .nav-link:after {
 content:'';
 position:absolute;
 top:0;
 left:0;
 right:0;
 height:100%;
 background-color:#000;
 width:0%;
 transition:.5s all;
 z-index:-1
}
.tabs .nav-tabs .nav-item .nav-link:hover:after {
 width:100%
}
.about-us .about-left-side .section-header {
 padding-bottom:0
}
.about-us .about-left-side ul {
 columns:2;
 margin-bottom:15px
}
.about-us .about-left-side ul li {
 font-size:14px;
 margin-bottom:5px
}
.about-us .about-left-side ul li i {
 margin-right:10px
}
.about-us .about-left-side .signature span {
 margin-bottom:10px;
 display:block
}
.about-us .about-right-side .about-img {
 position:relative;
 overflow:hidden;
 width:100%
}
.about-us .about-right-side .about-img img {
 position:relative;
border: 6px solid #ccc9c9;
}
.slide-item {
 margin:4px 0
}

.ratings span {
 cursor:pointer
}
.our-work-sec .row {
 margin:0 -5px
}
.our-work-sec .row>div {
 padding:0 5px 10px
}
.our-work-sec .work-sec.first-box {
 height:calc(100% - 10px)
}
.our-work-sec .work-sec .text-wrapper {
 width:100%;
 background:0 0;
 background:linear-gradient(to bottom,transparent,#000);
 position:absolute;
 left:0;
 bottom:0;
 line-height:1;
 padding:100px 20px 20px
}
.our-work-sec .work-sec .text-wrapper h2 {
 text-transform:uppercase;
 transform:translateY(20px) translateZ(0);
 transition:all .3s cubic-bezier(.77,0,.175,1)
}
.our-work-sec .work-sec .text-wrapper p {
 opacity:0;
 transform:translateY(20px) translateZ(0);
 transition:all .3s cubic-bezier(.77,0,.175,1)
}
.our-work-sec .work-sec:hover .text-wrapper h2 {
 transform:translateY(-5px) translateZ(0)
}
.our-work-sec .work-sec:hover .text-wrapper p {
 opacity:.8;
 transition-delay:.2s;
 transform:translateY(0) translateZ(0)
}
.service-box .service-wrapper {
 display:flex;
 align-items:center
}
.service-box .service-wrapper .service-img {
 flex:0 0 250px;
 max-width:250px;
 height:180px
}
.service-box .service-wrapper .service-text {
 flex:0 0 calc(100% - 250px);
 max-width:calc(100% - 250px);
 width:100%
}
.our-team {
 background-image:url(../images/esteno-trattoria.jpg)
}
.our-team .overlay-bg-black {
 opacity:.5
}
.our-team .team-block .lower-content {
 border:1px solid #8c0404;
 padding-top:5px;
 transition:.3s all;
 background-color:#fff
}
.our-team .team-block .lower-content h4 {
 margin-bottom:5px;
 margin-top:-5px
}
.why-choose-box .why-choose-wrapper .why-choose-img:before {
 content:'';
 position:absolute;
 left:50%;
 top:50%;
 width:70px;
 height:70px;
 background:#fff;
 margin:0;
 border-radius:50%;
 z-index:2;
 transform:translate(-50%,-50%)
}
.why-choose-box .why-choose-wrapper .why-choose-img>.row {
 margin:0 -10px
}
.why-choose-box .why-choose-wrapper .why-choose-img>.row>div {
 padding:10px;
 cursor:pointer
}
.why-choose-box .why-choose-wrapper .why-choose-img .text-wrapper {
 width:100%;
 background:0 0;
 background:linear-gradient(to bottom,transparent,#000);
 position:absolute;
 left:0;
 bottom:0;
 line-height:1;
 padding:0 10px 10px
}
.why-choose-box .why-choose-wrapper .why-choose-img .text-wrapper h6 {
 text-transform:uppercase;
 transform:translateY(10px) translateZ(0);
 transition:all .3s cubic-bezier(.77,0,.175,1)
}
.blog-details .post .post-wrapper .blog-meta .post-meta-box .post-meta .post-date,
.our_articles .post .post-wrapper .post-img .post-date {
 text-align:center;
 width:70px;
 margin-top:0;
 z-index:2;
 position:absolute;
 right:0;
 bottom:0;
 text-transform:capitalize
}
.blog-details .post .post-wrapper .blog-meta .post-meta-box .post-meta .post-date .year,
.our_articles .post .post-wrapper .post-img .post-date .year {
 background-color:#000
}
.blog-details .post .post-wrapper .blog-meta .post-meta-box .post-meta .post-date .date,
.our_articles .post .post-wrapper .post-img .post-date .date {
 font-size:30px;
 line-height:1.1;
 padding:7px 0
}
.our_articles .post .post-wrapper .blog-meta .post-heading h2 {
 margin-top:-10px
}
.blog-button {
 background:#248034;
 padding:2px 0;
 margin-bottom:3px
}
.blog-button:hover {
 background:#000;
 transition:.5s
}
.blog-button a {
 color:#fff;
 font-size:16px
}
.footer {
 background-color:#000
}
.footer>.container>.row>div:last-child .footer-box {
 margin-bottom:0
}
.footer .footer-box h4 {
 font-size:24px
}
.footer .footer-box h4:after {
 content:'';
 display:block;
 width:80px;
 height:2px;
 background:#fff;
 margin-top:20px
}
.footer .footer-box .socials li {
 margin-right:15px
}
.footer .footer-box .socials li a {
 display:flex;
 align-items:center;
 justify-content:center;
 background-color:transparent;
 border:2px solid #fff;
 width:36px;
 height:36px;
 font-size:16px;
 line-height:34px;
 border-radius:100%
}
.footer .footer-box .socials li:hover a {
 background-color:#8c0404;
 border-color:#8c0404;
 color:#fff
}
.footer .footer-box .links li {
 margin-bottom:5px
}
.footer .footer-box .links li:before {
 background:#fff;
 height:2px;
 content:'';
 width:10px;
 display:inline-block;
 margin-top:0;
 vertical-align:middle;
 margin-right:5px
}
.footer .footer-box .instagram {
 display:flex;
 flex-wrap:wrap
}
.footer .footer-box .instagram li {
 width:33%;
 height:68px
}


.gallery .tabs .nav-tabs {
 justify-content:center
}
.gallery .gallery-item {
 height:auto;
 position:relative;
 overflow:hidden
}
.gallery .gallery-item .popup:before {
 position:absolute;
 top:50%;
 opacity:0;
 color:#fff;
 font-size:26px;
 font-family:"font awesome 5 free";
 font-weight:900;
 content:"\f002";
 pointer-events:none;
 z-index:9000;
 transition:.5s all;
 transform:translate(-100%,-50%);
 left:0;
 right:0;
 text-align:center;
 line-height:.5
}
.gallery .gallery-item .popup:after {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 opacity:0;
 background-color:#8c0404;
 content:'';
 transition:.5s all;
 margin:10px;
 transform:translateX(-100%)
}
.gallery .gallery-item:hover .popup:before,
.gallery .gallery-item:hover .popup:after {
 opacity:1;
 transform:translateX(0%)
}
.text-light-darkg{
  color: #6b6a6a;
  text-align: justify;
  line-height: 1.5;
}