@media(max-width: 991px) {
.custom-align-center {
text-align: center;
}
.custom-align-left {
text-align: left;
}
.custom-align-right {
text-align: right;
}
}
[class^="flaticon-"]:before, 
[class*=" flaticon-"]:before, 
[class^="flaticon-"]:after, 
[class*=" flaticon-"]:after {
margin-left: 0;
}
.top:after,
.bottom:after,
.left:after,
.right:after {
display: none;
}
.content-left-align {
padding-left: calc(calc(100% - 1170px)/2);
}
@media only screen and (max-width: 1199px) {
.content-left-align {
padding-left: 15px;
padding-right: 15px;
}
}
.content-right-align {
padding-right: calc(calc(100% - 1170px)/2);
}
@media only screen and (max-width: 1199px) {
.content-right-align {
padding-left: 15px;
padding-right: 15px;
}
}
@media only screen and (max-width: 991px) {
.mobile-align-center .title-text-button {
text-align: center !important;
}
}
@media only screen and (max-width: 767px) {
.image-full img {
width: 100%;
}
}
.bouncing-bubble-animation {
-webkit-animation: bouncebubble infinite 5s;
animation: bouncebubble infinite 5s;
}
@-webkit-keyframes bouncebubble {
1% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
50% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
75% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
}  .btn-fill-dark {
position: relative;
display: inline-block;
border: none;
border-radius: 30px;
font-size: 16px;
font-family: 'Barlow', sans-serif;
font-weight: 700;
color: #ffffff;
background: #f43127;
padding: 15px 30px;
z-index: 1;
line-height: 1.6;
letter-spacing: 1px;
overflow: hidden;
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
.btn-fill-dark:before {
position: absolute;
content: "";
left: inherit;
right: 0;
top: 0;
z-index: -1;
height: 100%;
width: 0;
border-radius: 30px;
background: #fcb302;
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
.btn-fill-dark:hover:before {
width: 100%;
right: inherit;
left: 0;
}
.btn-fill-dark:hover {
color: #ffffff;
}
.btn-fill-dark i {
margin-left: 8px;
-webkit-transition: all 140ms ease-in-out;
transition: all 140ms ease-in-out;
}
.btn-fill-dark:hover i {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
.btn-fill-dark:focus {
outline: none;
} .btn-fill-light {
position: relative;
display: inline-block;
border: none;
border-radius: 30px;
font-size: 16px;
font-weight: 700;
color: #ffffff;
padding: 15px 30px;
background-color: #fcb302;
overflow: hidden;
z-index: 1;
line-height: 1.6;
letter-spacing: 1px;
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
.btn-fill-light:before {
position: absolute;
content: "";
left: inherit;
right: 0;
top: 0;
z-index: -1;
height: 100%;
width: 0;
border-radius: 30px;
background: #ffffff;
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
.btn-fill-light:hover:before {
width: 100%;
right: inherit;
left: 0;
}
.btn-fill-light:hover {
color: #000000;
}
.btn-fill-light i {
font-size: 16px;
margin-left: 8px;
-webkit-transition: all 140ms ease-in-out;
transition: all 140ms ease-in-out;
}
.btn-fill-light:hover i {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
} .btn-fill-black {
position: relative;
display: inline-block;
border: none;
border-radius: 30px;
font-size: 16px;
font-weight: 700;
color: #ffffff;
padding: 15px 30px;
background-color: #111111;
line-height: 1.6;
z-index: 1;
overflow: hidden;
letter-spacing: 1px;
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
.btn-fill-black:before {
position: absolute;
content: "";
left: inherit;
right: 0;
top: 0;
z-index: -1;
height: 100%;
width: 0;
border-radius: 30px;
background: #f43127;
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
.btn-fill-black:hover:before {
width: 100%;
left: 0;
right: inherit
}
.btn-fill-black:hover {
color: #ffffff;
}
.btn-fill-black i {
font-size: 16px;
margin-left: 8px;
-webkit-transition: all 140ms ease-in-out;
transition: all 140ms ease-in-out;
}
.btn-fill-black:hover i {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
.btn-fill-black:focus {
outline: none;
} .btn-fill-white {
position: relative;
display: inline-block;
border: none;
border-radius: 30px;
font-size: 16px;
font-weight: 700;
color: #111111;
padding: 15px 30px;
background-color: #ffffff;
line-height: 1.6;
z-index: 1;
overflow: hidden;
letter-spacing: 1px;
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
.btn-fill-white:before {
position: absolute;
content: "";
left: inherit;
right: 0;
top: 0;
z-index: -1;
height: 100%;
width: 0;
border-radius: 30px;
background: #f43127;
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
.btn-fill-white:hover:before {
width: 100%;
left: 0;
right: inherit
}
.btn-fill-white:hover {
color: #ffffff;
}
.btn-fill-white i {
font-size: 16px;
margin-left: 8px;
-webkit-transition: all 140ms ease-in-out;
transition: all 140ms ease-in-out;
}
.btn-fill-white:hover i {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
.btn-fill-white:focus {
outline: none;
} .btn-fill-red-white {
position: relative;
display: inline-block;
border: none;
border-radius: 30px;
font-size: 16px;
font-weight: 700;
color: #ffffff;
padding: 15px 30px;
background-color: #f43127;
line-height: 1.6;
z-index: 1;
overflow: hidden;
letter-spacing: 1px;
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
.btn-fill-red-white:before {
position: absolute;
content: "";
left: inherit;
right: 0;
top: 0;
z-index: -1;
height: 100%;
width: 0;
border-radius: 30px;
background: #ffffff;
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
.btn-fill-red-white:hover:before {
width: 100%;
left: 0;
right: inherit
}
.btn-fill-red-white:hover {
color: #111111;
}
.btn-fill-red-white i {
font-size: 16px;
margin-left: 8px;
-webkit-transition: all 140ms ease-in-out;
transition: all 140ms ease-in-out;
}
.btn-fill-red-white:hover i {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
.btn-fill-red-white:focus {
outline: none;
} .sec-title .rtin-title {
color: #111111;
font-size: 40px;
line-height: 1.2;
margin-bottom: 10px;
position: relative;
}
.sec-title .sub-title {
color: #f43127;
font-size: 18px;
font-weight: 600;
letter-spacing: 2px;
line-height: 1;
font-family: 'Barlow', sans-serif;
}
.sec-title.style1 .sub-title {
margin-bottom: 30px;
}
.sec-title.left {
text-align: left;
}
.sec-title.center {
text-align: center;
}
.sec-title.right {
text-align: right;
}
.barshow .rtin-title {
margin-bottom: 30px;
padding-bottom: 18px;
position: relative;
}
.barshow .title-bar {
position: absolute;
content: "";
bottom: 0;
left: 0;
height: 5px;
width: 33px;
background: #f43127;
border-radius: 4px;
}
.center.barshow .title-bar {
right: 0;
margin: 0 auto;
}
.right.barshow .title-bar {
right: 0;
left: inherit;
}
.sec-title .rtin-icon i {
font-size: 46px;
color: #444444;
}
.sec-title.style1 .rtin-img {
display: inline-block;
margin-bottom: 12px;
} .sec-title.style2 .sec-title-holder span {
line-height: 1;
display: inline-block;
margin-bottom: 10px;
}
.sec-title.style2 .rtin-title {
margin-bottom: 0;
}
.sec-title.style2 .sub-title {
margin-bottom: 7px;
}
.sec-title.style2 .rtin-text {
margin-top: 10px;
}
.sec-title.style2.barshow .rtin-text {
margin-top: 15px;
}
.sec-title.style2 .rtin-text {
width: 50%;
margin: 15px auto 0;
}
@media only screen and (max-width: 1199px) {
.sec-title.style2 .rtin-text {
width: 60%;
}
}
@media only screen and (max-width: 991px) {
.sec-title.style2 .rtin-text {
width: 75%;
}
}
@media only screen and (max-width: 767px) {
.sec-title.style2 .rtin-text {
width: 100%;
}
} .sec-title.style3 .sub-title {
margin-bottom: 5px;
}
.sec-title.style3 .rtin-title span {
display: block;
} .sec-title.style4 .rtin-title {
display: block;
position: relative;
color: #111111;
font-size: 18px;
margin-bottom: 25px;
padding-bottom: 18px;
line-height: 1.4;
z-index: 2;
}
.sec-title.style4 .rtin-title:after {
content: "";
height: 5px;
width: 33px;
background-color: #f43127;
border-radius: 4px;
position: absolute;
bottom: 0;
left: 1px;
} .section-style-1 {
position: relative;
z-index: 2;
}
.section-style-1:after {
content: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/element/shape5.png);
position: absolute;
bottom: -45px;
right: 0;
z-index: -1;
} .section-style-2 {
position: relative;
z-index: 2;
}
.section-style-2:before {
content: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/element/shape7.png);
position: absolute;
top: -10px;
left: 0;
right: 0;
z-index: 8;
overflow: hidden;
text-align: center;
} .section-style-3 {
position: relative;
z-index: 2;
}
.section-style-3:after {
content: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/element/bottom_shape.png);
position: absolute;
left: 0;
bottom: -38px;
right: 0;
z-index: 8;
overflow: hidden;
text-align: center;
} .section-style-4 {
position: relative;
z-index: 2;
}
.section-style-4:before {
content: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/element/shape3.png);
position: absolute;
bottom: 0;
left: 0;
line-height: 0;
z-index: -1;
}
.section-style-4:after {
content: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/element/shape4.png);
position: absolute;
top: 0;
right: 0;
line-height: 0;
z-index: -1;
}
.section-style-5 {
position: relative;
z-index: 2;
}
.section-style-5:after {
content: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/element/shape7.png);
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
-webkit-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1);
z-index: 2;
}
@media(max-width: 1199px) {
.section-style-1:before,
.section-style-1:after,
.section-style-5:after {
display: none;
}
} .title-text-button .rtin-title {
font-size: 40px;
color: #111111;
line-height: 1.2;
position: relative;
margin-bottom: 18px;
}
.text-style2.barhide .rtin-title {
margin-bottom: 10px;
}
.title-text-button .subtitle {
font-size: 18px;
color: #f43127;
font-weight: 600;
letter-spacing: 2px;	
font-family: 'Barlow', sans-serif;
}
.title-text-button .rtin-content {
font-size: 16px;
}
.title-text-button {
margin: 0 auto;
}
.title-text-button.left {
text-align: left;
}
.title-text-button.center {
text-align: center;
}
.title-text-button.right {
text-align: right;
}
.title-text-button .rtin-button {
margin-top: 30px;
}
.title-text-button.text-style1 .subtitle {
margin-bottom: 8px;
position: relative;
display: inline-block;
}
.title-text-button.text-style2 .subtitle {
margin-bottom: 20px;
}
.title-text-button ul {
margin: 25px 0 30px;
padding: 0;
list-style: none;
clear: both;
overflow: hidden;
}
.title-text-button ul li {
font-size: 17px;
font-weight: 500;
text-align: left;
color: #111111;
padding-left: 30px;
position: relative;
margin-bottom: 8px;
}
.title-text-button ul li:last-child {
margin-bottom: 0;
}
.title-text-button ul.single-list li:after {
content: "\f058";
font-family: 'Font Awesome 5 Free';
font-size: 18px;
font-weight: 600;
color: #f43127;
position: absolute;
top: 0;
left: 0;
}
.title-text-button.right ul li {
text-align: right;
padding-right: 30px;
}
.title-text-button.right ul li:after {
right: 0;
left: inherit;
}
.title-text-button ul.dubble-list li {
width: 50%;
float: left;
}
.title-text-button ul.dubble-list li:after {
content: "\f14a";
font-family: 'Font Awesome 5 Free';
font-size: 20px;
font-weight: 600;
color: #f43127;
position: absolute;
top: 0;
left: 0;
}
.limited-offer {
position: relative;
}
.limited-offer:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
clip-path: polygon(0 0, 100% 0, 94% 50%, 100% 100%, 0 100%, 0% 100%);
background-color: #fcb302;
width: 100%;
height: 100%;
}
.limited-offer .delivery {
color: #fff;
z-index: 2;
position: relative;
padding: 0 30px 0px 15px;
}
@media(max-width: 991px) {
.custom-align-center .title-text-button {
text-align: center;
}
.title-text-button ul.dubble-list li {
float: inherit;
width: 100%;
padding-right: 0;
}
}
@media(max-width: 767px) {
.sec-title .rtin-title br,
.title-text-button .rtin-title br {
display: none;
}
} .banner-slide-style3 .rtin-content {
margin: 0 auto;
max-width: 70%;
}
.banner-slide-style3 .rtin-img {
line-height: 1;
display: inline-block;
margin-bottom: 8px;
}
@media(max-width: 991px) {
.banner-slide-style3 .rtin-content {
max-width: 85%;
}
}
@media(max-width: 767px) {
.banner-slide-style3 .rtin-content {
max-width: 100%;
}
}
.banner-slide-style3 .btn-fill-dark {
border-radius: 0;
padding: 14px 24px;
}
.banner-slide-style3 .btn-fill-dark:before {
border-radius: 0;
} .rt-owl-nav-1.slider-nav-enabled .owl-carousel .owl-nav i:before {
content: "\f064";
}
.rt-owl-nav-1.slider-nav-enabled .owl-carousel .owl-nav .owl-prev i {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.owl-theme .owl-controls .owl-prev {
left: -45px;
opacity: 1 !important;
font-size: 18px !important;
margin: 0 4px !important;
height: 40px;
width: 40px;
border-radius: 0 !important;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 40%;
border: 2px solid #444444;
line-height: 1.4;
}
.owl-theme .owl-controls .owl-prev i {
line-height: 30px;
color: #ffffff;
transition: all 0.3s ease-out;
}
.owl-theme .owl-controls .owl-prev:hover i {
color: #ffffff;
transition: all 0.3s ease-out;
}
.owl-theme .owl-controls .owl-next {
right: -45px;
opacity: 1 !important;
font-size: 18px !important;
margin: 0 4px !important;
height: 40px;
width: 40px;
border-radius: 0 !important;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 40%;
border: 2px solid #444444;
line-height: 1.4;
}
.owl-theme .owl-controls .owl-next i {
line-height: 30px;
color: #ffffff;
transition: all 0.3s ease-out;
}
.owl-theme .owl-controls .owl-next:hover {
transition: all 0.3s ease-out;
}
.owl-theme .owl-controls .owl-next:hover i {
color: #ffffff;
transition: all 0.3s ease-out;
}
.rt-owl-nav-1 .section-title-holder {
margin-bottom: 35px;
}
.rt-owl-nav-1.slider-nav-enabled .owl-carousel .owl-nav {
margin-top: 0;
}
.rt-owl-nav-1.slider-nav-enabled .owl-carousel .owl-nav > div {
display: inline-block;
border-radius: 50%;
height: 56px;
width: 56px;
line-height: 56px;
visibility: hidden;
opacity: 0;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
color: #ffffff;
background-color: #f43127;
-webkit-box-shadow: 0px 0 2px 0px rgba(207, 213, 224, 0.75);
box-shadow: 0px 0 2px 0px rgba(207, 213, 224, 0.75);    
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
.rt-owl-nav-1.slider-nav-enabled .owl-carousel:hover .owl-nav > div {
visibility: visible;
opacity: 1;
}
.rt-owl-nav-1.slider-nav-enabled .owl-carousel .owl-nav > div:hover {
background-color: #fcb302;
color: #ffffff;
}
.rt-owl-nav-1.slider-nav-enabled .owl-carousel .owl-prev {
left: 0;
}
.rt-owl-nav-1.slider-nav-enabled .owl-carousel .owl-next {
right: 0;
}
.rt-owl-nav-1.slider-nav-enabled .owl-carousel .owl-nav i {
font-size: 20px;
}
.rt-owl-nav-1.slider-dot-enabled .owl-carousel .owl-dots .owl-dot {
position: relative;
}
.rt-owl-nav-1.slider-dot-enabled .owl-carousel .owl-dot span {
background: #c2c2c2;
width: 12px;
height: 12px;
border-radius: 50%;
margin: 0 4px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rt-owl-nav-1.slider-dot-enabled .owl-carousel .owl-dot:hover span {
background: #f43127;
}
.rt-owl-nav-1.slider-dot-enabled .owl-carousel .owl-dot.active span {
background: #f43127;
border-radius: 6px;
width: 22px;
height: 6px;
}
.rt-owl-nav-1 .owl-theme .owl-dots {
display: flex;
align-items: center;
margin-top: 30px !important;
}
.rt-owl-nav-1 .owl-theme .owl-dots .owl-dot span {
margin: 0px 5px;
}
.rt-owl-nav-1 .owl-nav {
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rt-owl-nav-1:hover .owl-nav {
opacity: 1;
} .rt-owl-nav-2.slider-nav-enabled .owl-carousel .owl-nav > div {
border-radius: 50%;
color: #111111;
cursor: pointer;
display: inline-block;
height: 50px;
width: 50px;
line-height: 52px;
visibility: hidden;
opacity: 0;
text-align: center;
background: #f4f4f4;
outline: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-box-shadow: 0px 1px 1px 0px rgba(207, 213, 224, 0.75);
box-shadow: 0px 1px 1px 0px rgba(207, 213, 224, 0.75);
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
.rt-owl-nav-2.slider-nav-enabled .owl-carousel:hover .owl-nav > div {
visibility: visible;
opacity: 1;
}
.rt-owl-nav-2.slider-nav-enabled .owl-carousel .owl-prev {
left: 0;
}
.rt-owl-nav-2.slider-nav-enabled .owl-carousel .owl-next {
right: 0;
}
.rt-owl-nav-2.slider-nav-enabled .owl-carousel .owl-nav > div:hover {
background-color: #fcb302;
color: #ffffff;
}
.rt-owl-nav-2.slider-nav-enabled .owl-carousel .owl-nav i {
font-size: 22px;
}
.rt-owl-nav-2.slider-nav-enabled .owl-carousel .owl-nav {
margin-top: 0;
}
.rt-owl-nav-2.slider-dot-enabled .owl-carousel .owl-dots {
display: block !important;
}
.rt-owl-nav-2.slider-dot-enabled .owl-carousel .owl-dot span {
background: #c2c2c2;
width: 15px;
height: 15px;
border: none;
border-radius: 50%;
margin: 0 4px;
transition: all 0.3s ease 0s;
}
.rt-owl-nav-2.slider-dot-enabled .owl-carousel .owl-dot:hover span {
background: #f43127;
box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.3);
}
.rt-owl-nav-2.slider-dot-enabled .owl-carousel .owl-dot.active span {
background: #f43127;
box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.3);
}
.rt-owl-nav-2 .owl-theme .owl-dots {
margin-top: 30px !important;
}  .wp-block-themepunch-revslider .custom.tparrows {
border-radius: 50%;
width: 60px !important;
height: 60px !important;
background: #ffffff !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.wp-block-themepunch-revslider .custom.tparrows:before {
line-height: 50px !important;
color: #f43127 !important;
font-size: 20px !important;
}
.wp-block-themepunch-revslider .custom.tparrows:hover {
background: #f43127 !important;
color: #ffffff !important;
}
.wp-block-themepunch-revslider .custom.tparrows:hover:before {
color: #ffffff !important;
}
.wp-block-themepunch-revslider .custom.tparrows:before {
content: "\f064" !important;
font-family: "Font Awesome 5 Free" !important;
font-weight: 600;
cursor: pointer;
font-size: 20px !important;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 9;
left: 0;
right: 0;
}
.wp-block-themepunch-revslider .custom.tparrows.tp-leftarrow:before {
-webkit-transform: translateY(-50%) scaleX(-1);
-ms-transform: translateY(-50%) scaleX(-1);
transform: translateY(-50%) scaleX(-1);
} .custom2 .hephaistos.tparrows {
border-radius: 50%;
width: 100px !important;
height: 100px !important;
background: #ffffff !important;
letter-spacing: 4px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.custom2 .hephaistos.tparrows:before {
line-height: 50px !important;
color: #111111 !important;
font-size: 14px !important;
}
.custom2 .hephaistos.tparrows:hover {
background: #fcb302 !important;
color: #ffffff !important;
}
.custom2 .hephaistos.tparrows:hover:before {
color: #ffffff !important;
}
.custom2 .tp-leftarrow.hephaistos {
border-radius: 0 50% 50% 0;
}
.custom2 .tp-leftarrow.hephaistos:before {
content: "PREV" !important;
cursor: pointer;
font-size: 14px !important;
position: absolute;
text-align: center;
top: 50%;
writing-mode: vertical-rl;
text-orientation: mixed;
font-family: 'Barlow', sans-serif !important;
font-weight: 700;
margin-top: 4px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 9;
right: 5px;
}
.custom2 .tp-rightarrow.hephaistos:before {
content: "NEXT" !important;
cursor: pointer;
font-size: 14px !important;
position: absolute;
text-align: center;
top: 50%;
writing-mode: vertical-rl;
text-orientation: mixed;
font-family: 'Barlow', sans-serif !important;
font-weight: 700;
margin-top: 4px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 9;
left: 5px;
}
.free-delivery br {
display: none;
}
.free-delivery {
padding: 5px 30px 6px 15px;
position: relative;
z-index: 1;
display: inline-block;
color: #ffffff;
background: #f43127;
margin: 0 5px 5px 0;
}
.free-delivery .r1, 
.free-delivery .r2, 
.free-delivery .r3 {
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 0;
content: '';
border-top: solid 30px transparent;
border-bottom: solid 30px transparent;
}
.free-delivery .r2 {
top: 3px;
border-bottom-width: 22px;
}
.free-delivery .r3 {
top: 0px;
border-top-width: 18px;
border-right: solid 13px #F4ECDF;
border-bottom-width: 19px;
}
ul.slide-feature-list {
margin: 0;
padding: 0;
list-style: none;
}
ul.slide-feature-list li {
margin-bottom: 7px;
}
ul.slide-feature-list li i {
color: #f43127;
font-size: 24px;
margin-right: 10px;
}
@media(max-width: 425px) {
ul.slide-feature-list li i {
font-size: 20px;
}
} .custom .tp-bullet {
width: 12px;
height: 12px;
position: absolute;
background: #a1a1a1;
cursor: pointer;
box-sizing: content-box;
border-radius: 50%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.custom .tp-bullet:hover {
background-color: #a1a1a1;
}
.custom .tp-bullet.selected {
-webkit-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4);
background-color: #f43127 !important;
} a.slider-button {
position: relative;
display: inline-block;
border: none;
border-radius: 30px;
font-size: 16px;
font-family: 'Barlow', sans-serif;
font-weight: 700;
color: #ffffff;
padding: 15px 30px;
z-index: 1;
line-height: 1.6;
letter-spacing: 1px;
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a.slider-button:after {
position: absolute;
content: "";
left: 0;
top: 0;
z-index: -2;
height: 100%;
width: 100%;
border-radius: 30px;
background: #f43127;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a.slider-button:before {
position: absolute;
content: "";
left: inherit;
right: 0;
top: 0;
z-index: -1;
height: 100%;
width: 0;
border-radius: 30px;
background: #fcb302;
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
a.slider-button:hover {
color: #000000;
}
a.slider-button:hover:before {
left: 0;
right: inherit;
width: 100%;
}
a.slider-button i {
font-size: 20px !important;
padding-right: 8px;
}
@media(max-width: 991px) {
a.slider-button {
padding: 16px 24px;
font-size: 15px;
}
}
@media(max-width: 480px) {
a.slider-button {
padding: 13px 18px;
font-size: 14px;
}
}
a.slider-button-2 {
position: relative;
display: inline-block;
border: none;
border-radius: 30px;
font-size: 16px;
font-family: 'Barlow', sans-serif;
font-weight: 700;
background-color: #fcb302;
color: #ffffff;
padding: 15px 30px;
z-index: 1;
line-height: 1.6;
letter-spacing: 1px;
overflow: hidden;
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
a.slider-button-2:before {
position: absolute;
content: "";
left: inherit;
right: 0;
top: 0;
z-index: -1;
height: 100%;
width: 0;
border-radius: 30px;
background: #ffffff;
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
a.slider-button-2:hover {
color: #000000;
}
a.slider-button-2:hover:before {
left: 0;
right: inherit;
width: 100%;
}
a.slider-button-2 i {
font-size: 20px !important;
margin-right: 8px;
} .info-box {
position: relative;
}
.info-box .rtin-title {
font-size: 22px;
margin-bottom: 10px;
line-height: 1.3;
}
.info-box .rtin-title a {
color: #111111;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.info-box .rtin-title a:hover {
color: #f43127;
}
.info-box ul {
list-style: none;
margin: 0;
padding: 0;
}
.info-box ul li {
margin-bottom: 0px;
}
.info-box ul li:last-child {
margin-bottom: 0px;
}
.info-box .rtin-img img {
border-radius: 4px;
}
.info-box .rtin-item .rtin-text {
font-size: 15px;
color: #000000;
margin-bottom: 3px;
}
.info-box .rtin-item .rtin-start {
font-size: 14px;
font-weight: 700;
color: #000000;
margin-bottom: 3px;
position: relative;
}
.info-box .rtin-item .rtin-price {
font-weight: 800;
color: #f43127;
letter-spacing: 1px;
} .info-style1 {
border-radius: 10px;
background-color: #ffffff;
padding: 30px 25px 25px;
margin-bottom: 30px;
-webkit-box-shadow: 0 6px 46px 0 rgba(0, 0, 0, 0.11);
box-shadow: 0 6px 46px 0 rgba(0, 0, 0, 0.11);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.info-style1 .rtin-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.info-style1:hover {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
.info-style1 .rtin-item .rtin-price {
font-size: 26px;
position: relative;
padding-left: 15px;
display: inline-block;
}
.info-style1 .rtin-item .rtin-price .price-symbol {
font-size: 18px;
position: absolute;
left: 0;
top: -2px;
}
.info-style1 .rtin-item .rtin-price .price-unit {
font-size: 18px;
}
.info-style1 .rtin-item .rtin-icon {
color: #f43127;
margin-left: 15px;
line-height: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.info-style1 .rtin-item .rtin-icon i:before {
font-size: 50px;
margin-left: 0;
}
.info-style1 .rtin-item .rtin-icon img {
width: 50px;
height: 100%;
}
.info-style1 .rtin-item .rtin-start:after {
content: "";
height: 2px;
width: 38px;
background-color: #dfdfdf;
border-radius: 5px;
position: absolute;
top: 50%;
margin-left: 10px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.info-style1 .rtin-item .rtin-button {
margin-top: 15px;
}
@media(max-width: 375px) {
.info-style1 .rtin-item {
display: block;
text-align: center;
}
.info-style1 .rtin-item .rtin-media {
margin-top: 20px;
}
.info-style1 .rtin-item .rtin-start:after {
display: none;
}
} .info-style2 {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.info-style2 .rtin-item {
position: relative;
margin-bottom: 30px;
background-color: #ffffff;
border: 1px solid #e7e7e7;
border-radius: 4px;
padding: 30px;
position: relative;
}
.info-style2 .rtin-item .rtin-price {
font-size: 26px;
}
.info-style2 .rtin-item .rtin-price .price-symbol {
font-size: 18px;
}
.info-style2 .rtin-item .rtin-price .price-unit {
font-size: 18px;
}
.info-style2 .rtin-item .rtin-icon {
display: inline-block;
margin-bottom: 20px;
text-align: center;
border-radius: 50%;
-webkit-box-shadow: 0 5px 29px 0 rgba(0, 0, 0, 0.33);
box-shadow: 0 5px 29px 0 rgba(0, 0, 0, 0.33);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.info-style2 .rtin-item .rtin-icon i:before {
font-size: 68px;
}
.info-style2 .rtin-item .rtin-img {
display: block;
}
.info-style2 .rtin-item .rtin-img img {
margin-bottom: 30px;
}
.info-style2 .rtin-item .rtin-icon img {
width: 50px;
height: 100%;
}
.info-style2 .rtin-item .rtin-button {
border-top: 1px solid #e7e7e7;
margin-top: 20px;
padding-top: 20px;
} .info-style3 .rtin-item .rtin-serial {
font-size: 22px;
font-weight: 500;
color: #000000;
font-family: 'Barlow', sans-serif;
height: 46px;
width: 46px;
line-height: 46px;
border-radius: 50%;
background-color: #fcb302;
text-align: center;
margin-right: 20px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.info-style3 .rtin-item:hover .rtin-serial {
color: #ffffff;
background-color: #f43127;
}
.info-style3.info-box .rtin-item .rtin-text {
font-size: 16px;
} .info-style4 .rtin-item {
position: relative;
border-radius: 14px;
min-height: 292px;
z-index: 2;
box-shadow: 0 13px 35px 0 rgba(10, 22, 39, 0.38);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.info-style4 .rtin-item .rtin-content {
border-radius: 10px;
overflow: hidden;
position: relative;
padding: 30px 40px 30px;
}
.info-style4 .rtin-item .rtin-price {
position: relative;
font-size: 36px;
padding-left: 16px;
display: inline-block;
}
.info-style4 .rtin-item .rtin-price .price-symbol {
font-size: 20px;
position: absolute;
left: 0;
top: -5px;
}
.info-style4 .rtin-item .rtin-price .price-unit {
font-size: 20px;
}
.info-style4 .rtin-item .rtin-media {
position: absolute;
right: 0;
top: 50%;
z-index: -1;
transform: translateY(-50%);
}
.info-style4 .rtin-item .rtin-icon {
color: #f43127;
margin-left: 15px;
line-height: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.info-style4 .rtin-item .rtin-icon i:before {
font-size: 50px;
margin-left: 0;
}
.info-style4 .media-image .rtin-img img {
transform: scale(1);
-webkit-transition: all 0.43s ease-in-out;
transition: all 0.43s ease-in-out;
}
.info-style4 .media-image:hover .rtin-img img {
transform: scale(1.06);
}
.info-style4 .rtin-item .rtin-icon img {
width: 50px;
height: 100%;
}
.info-style4 .rtin-item .rtin-button a {
position: relative;
display: inline-block;
border-radius: 30px;
font-size: 15px;
font-family: 'Barlow', sans-serif;
font-weight: 700;
color: #000000;
padding: 12px 30px;
background-color: #ffffff;
overflow: hidden;
z-index: 1;
line-height: 1.6;
letter-spacing: 1px;
box-shadow: 0 7px 18px 0 rgba( 0,0,0, 0.32);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.info-style4 .rtin-item .rtin-button a:before {
position: absolute;
content: "";
left: 0;
top: 0;
z-index: -1;
height: 100%;
width: 100%;
border-radius: 30px;
background: #fcb302;
transform: translateX(-95%);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.info-style4 .rtin-item .rtin-button a:hover:before {
transform: translateX(0);
}
.info-style4 .rtin-item .rtin-button {
margin-top: 15px;
}
@media(max-width: 480px) {
.info-style4 .rtin-item {
text-align: center;
}
.info-style4 .rtin-item .rtin-content {
position: initial;
padding: 30px;
}
.info-style4 .rtin-item .rtin-media {
position: inherit;
right: 0;
top: 0;
transform: inherit;
}
} .info-style5 .rtin-item {
position: relative;
border-radius: 14px;
min-height: 292px;
text-align: center;
overflow: hidden;
z-index: 2;
box-shadow: 0 35px 40px 0 rgba(10, 22, 39, 0.10);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.info-style5 .rtin-item .rtin-header {
background: #f43127;
border-radius: 0 0 30% 30%;
padding: 40px 15px 90px;
}
.info-style5 .rtin-item .rtin-title {
color: #ffffff;
}
.info-style5 .rtin-item .rtin-title a {
color: #ffffff;
}
.info-style5 .rtin-item .rtin-title a:hover {
color: #e2e0e0;
}
.info-style5 .rtin-item .rtin-text {
font-size: 15px;
color: #ffffff;
margin-bottom: 15px;
}
.info-style5 .rtin-item .rtin-button {
display: inline-block;
margin-top: 12px;
}
.info-style5 .rtin-item .rtin-button .info-button {
position: relative;
overflow: hidden;
border: 2px solid #fcb302;
border-radius: 30px;
color: #ffffff;
padding: 8px 15px;
line-height: 1.2;
font-size: 14px;
font-weight: 600;
z-index: 2;
}
.info-style5 .rtin-item .rtin-button .info-button:before {
position: absolute;
content: "";
left: inherit;
right: 0;
top: 0;
z-index: -1;
height: 100%;
width: 0;
border-radius: 30px;
background: #fcb302;
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
.info-style5 .rtin-item .rtin-button .info-button:hover:before {
width: 100%;
right: inherit;
left: 0;
}
.info-style5 .rtin-item .rtin-button .info-button i {
margin-right: 8px;
}
.info-style5 .rtin-item .rtin-media {
position: relative;
margin-top: -48px;
}
.info-style5 .rtin-item .rtin-content .rtin-img {
position: relative;
display: block;
overflow: hidden;
margin-bottom: -10px;
}
.info-style5 .rtin-item .rtin-media .rtin-img:after {
position: absolute;
content: "";
background: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/element/shape20.png);
background-repeat: no-repeat;
background-size: contain;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.info-style5 .rtin-item .rtin-content .rtin-img img {
margin-bottom: -30px;
}
.info-style5 .rtin-item .rtin-media:before {
position: absolute;
content: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/element/shape18.png);
left: 70px;
top: -30px;    
transform: scale(0);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.info-style5 .rtin-item .rtin-media:after {
position: absolute;
content: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/element/shape19.png);
right: 70px;
top: -30px;
transform: scale(0);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.info-style5 .rtin-item.media-icon .rtin-media {
margin-top: 0;
padding: 30px 0;
}
.info-style5 .rtin-item.media-icon .rtin-media .rtin-icon {
font-size: 80px;
} .info-style5 .rtin-item:hover .rtin-media:before {
top: -50px;
transform: scale(1);
}
.info-style5 .rtin-item:hover .rtin-media:after {
top: -50px;
transform: scale(1);
} .info-style6 .media-icon .rtin-icon {
font-size: 60px;
}
.info-style6 .rtin-item .rtin-content {
margin-left: 15px;
}
.info-style6 .rtin-item .rtin-button .info-button {
color: #111111;
font-weight:  500;
}
.info-style6 .rtin-item .rtin-button .info-button i {
margin-left: 8px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.info-style6 .rtin-item .rtin-button .info-button:hover i {
margin-left: 12px;
}
.info-style6 .rtin-item .rtin-img {
display: inline-block;
width: 58px;
} .info-style7 .rtin-item {
position: relative;
overflow: hidden;
z-index: 2;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.info-style7 .rtin-item .rtin-title {
color: #ffffff;
}
.info-style7 .rtin-item .rtin-title a {
color: #ffffff;
}
.info-style7 .rtin-item .rtin-title a:hover {
color: #e2e0e0;
}
.info-style7 .rtin-item .rtin-text {
font-size: 15px;
color: #ffffff;
margin-bottom: 5px;
line-height: 1.6;
}
.info-style7 .rtin-item .rtin-button {
position: absolute;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
margin-top: 12px;
transform: translateY(70px);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.info-style7 .rtin-item:hover .rtin-button {
transform: translateY(-65px);
opacity: 1;
visibility: visible;
}
.info-style7 .rtin-item .rtin-button .info-button {
position: relative;
display: inline-block;
overflow: hidden;
background: #f43127;
border-radius: 0;
color: #ffffff;
padding: 14px 26px;
line-height: 1.2;
font-size: 14px;
font-weight: 600;
z-index: 2;
}
.info-style7 .rtin-item .rtin-button .info-button:before {
position: absolute;
content: "";
left: inherit;
right: 0;
top: 0;
z-index: -1;
height: 100%;
width: 0;
border-radius: 2px;
background: #fcb302;
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
.info-style7 .rtin-item .rtin-button .info-button:hover:before {
width: 100%;
right: inherit;
left: 0;
}
.info-style7 .rtin-item .rtin-button .info-button i {
margin-left: 8px;
}
.info-style7 .rtin-item .rtin-icon {
display: inline-block;
position: relative;
font-size: 60px;
margin-bottom: 15px;
}
.info-style7 .rtin-item .rtin-content {
padding: 160px 15px 30px;
position: relative;
}
.info-style7 .rtin-item .rtin-content:after {
position: absolute;
content: "";
width: 673px;
height: 169px;
left: 50%;
-webkit-transform: translateX(-47%);
-ms-transform: translateX(-47%);
transform: translateX(-47%);
bottom: -30px;
background: #000000;
-webkit-filter: blur(60.7px);
filter: blur(60.7px);
opacity: 0;
-webkit-transition: height 0.4s;
-o-transition: height 0.4s;
transition: height 0.4s;
}
.info-style7 .rtin-item:hover .rtin-content::after {
width: 835px;
height: 355px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -160px;
-webkit-filter: blur(60.7px);
filter: blur(60.7px);
opacity: 1;
z-index: -1;
}
.info-style7 .rtin-item .rtin-content .rtin-img {
position: relative;
display: block;
margin-bottom: 15px;
min-height: 50px;
}
.info-style7 .rtin-item .rtin-content .rtin-img:before {
position: absolute;
content: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/element/service_element_white.png);
left: 0;
right: 0;
top: -55px;    
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.info-style7 .rtin-item .rtin-content .rtin-img:after {
position: absolute;
content: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/element/service_element_colorful.png);
left: 0;
right: 0;
top: -55px; 
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.info-style7 .rtin-item:hover .rtin-content .rtin-img:before {
opacity: 0;
visibility: hidden;
}
.info-style7 .rtin-item:hover .rtin-content .rtin-img:after {
opacity: 1;
visibility: visible;
}
.info-style7 .rtin-item .rtin-icon:before {
position: absolute;
content: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/element/shape18.png);
left: 70px;
top: -30px;    
transform: scale(0);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.info-style7 .rtin-item .rtin-icon:after {
position: absolute;
content: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/element/shape19.png);
right: 70px;
top: -30px;
transform: scale(0);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.info-style7 .rtin-item .rtin-header {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} .info-style7 .rtin-item:hover .rtin-header {
transform: translateY(-65px);
}
.info-style7 .rtin-item:hover .rtin-icon:before {
top: -50px;
transform: scale(1);
}
.info-style7 .rtin-item:hover .rtin-icon:after {
top: -50px;
transform: scale(1);
} .info-style8 {
transition: all 0.3s ease-out;
}
.info-style8 .rtin-item {
position: relative;
padding: 0 20px;
position: relative;
}
.info-style8 .rtin-item > span {
margin-bottom: 20px;
text-align: center;
border-radius: 50%;
background-color: red;
width: 60px;
height: 60px;
transition: all 0.3s ease-in-out;
display: inline-flex;
align-items: center;
justify-content: center;
}
.info-style8 .rtin-item .rtin-icon i:before {
font-size: 40px;
}
.info-style8 .rtin-item .rtin-img img {
width: 30px;
height: 30px;
}
.info-style8 .rtin-item .rtin-icon img {
width: 50px;
height: 100%;
}
.info-style8 .rtin-item .rtin-button {
margin-top: 20px;
} .about-image-text .about-content .rtin-title {
font-size: 40px;
color: #111111;
line-height: 1.2;
margin-bottom: 24px;
}
.about-image-text .about-content .sub-rtin-title {
font-size: 18px;
color: #f43127;
font-weight: 600;
margin-bottom: 10px;
letter-spacing: 2px;
display: block;
}
.about-image-text .about-content .rtin-content {
color: #646464;
}
.about-image-text .about-content .rtin-title span {
font-weight: 300;
}
.about-image-text .about-content .rtin-title span.primary-color {
font-weight: 700;
}
.about-image-text .about-content .rtin-title span.secondary-color {
font-weight: 700;
}
.about-image-text ul {
margin: 20px 0 0;
padding: 0;
list-style: none;
}
.about-image-text ul li {
font-size: 17px;
font-weight: 500;
text-align: left;
color: #111111;
padding-left: 30px;
position: relative;
margin-bottom: 8px;
}
.about-image-text ul li:last-child {
margin-bottom: 0;
}
.about-image-text ul li:after {
content: "\f058";
font-family: 'Font Awesome 5 Free';
font-size: 18px;
font-weight: 600;
color: #f43127;
position: absolute;
top: 0;
left: 0;
}
.about-layout-style1 .about-image {
height: 100%;
}
.about-layout-style1 .about-image img {
border-radius: 4px;
height: 100%;
object-fit: cover;
}
.about-layout-style1 .about-content {
position: relative;
}
@media (max-width: 991px) {
.about-layout-style1 .about-image {
margin-top: 30px;
text-align: center;
}
.about-layout-style1 .about-image img {
width: 100%;
}
}
.about-image-text .about-content .rtin-button {
margin-top: 30px;
}
.button-square .title-text-button .btn-fill-dark {
border-radius: 0;
}
.button-square .title-text-button .btn-fill-dark:before {
border-radius: 0;
} .about-layout-style2 {
position: relative;
}
.about-layout-style2 {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.about-layout-style2 > .single-item {
flex: 0 0 50%;
max-width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.about-layout-style2 > .single-item > img {
height: 100%;
object-fit: cover;
}
.about-layout-style2 > .single-item:last-child {
padding-left: 90px;
padding-top: 110px;
padding-bottom: 120px;
padding-right: calc(calc(100% - 1170px)/2);
}
@media only screen and (max-width: 1199px) {
.about-layout-style2 > .single-item:last-child {
padding-left: 60px;
}
}
@media only screen and (max-width: 991px) {
.about-layout-style2 {
flex-direction: column-reverse;
}
.about-layout-style2 > .single-item {
flex: 0 0 100%;
max-width: 100%;
}
.about-layout-style2 > .single-item > img {
width: 100%;
}
.about-layout-style2 > .single-item:last-child {
padding-left: 15px;
padding-right: 15px;
padding-top: 80px;
padding-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.about-layout-style2 > .single-item:last-child {
padding-top: 50px;
padding-bottom: 60px;
}
} .about-layout-style3 {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.about-layout-style3 > .single-item {
flex: 0 0 50%;
max-width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.about-layout-style3 > .single-item > img {
height: 100%;
object-fit: cover;
}
.about-layout-style3 > .single-item:first-child {
padding-right: 50px;
padding-top: 110px;
padding-bottom: 120px;
padding-left: calc(calc(100% - 1170px)/2);
}
@media only screen and (max-width: 1199px) {
.about-layout-style3 > .single-item:first-child {
padding-right: 30px;
}
}
@media only screen and (max-width: 991px) {
.about-layout-style3 {
display: block;
}
.about-layout-style3 > .single-item:first-child {
padding-right: 15px;
padding-top: 80px;
padding-bottom: 80px;
}
.about-layout-style3 > .single-item {
flex: 0 0 100%;
max-width: 100%;
}
.about-layout-style3 > .single-item > img {
width: 100%;
}
}
@media only screen and (max-width:767px) {
.about-layout-style3 > .single-item:first-child {
padding-top: 60px;
padding-bottom: 60px;
}
} .rtin-skills {
overflow: hidden;
}
.rtin-skills .rtin-skill-each {
margin-top: 20px;
}
.rtin-skills .rtin-skill-each .rtin-name {
color: #8d8c8c;
font-size: 16px;
line-height: 1.5;
margin-bottom: 10px;
}
.rtin-skills .rtin-skill-each .progress {
background-color: #dad2d2;
border-radius: 4px;
box-shadow: none;
height: 10px;
overflow: visible;
margin: 0;
}
.rtin-skills .rtin-skill-each .progress .progress-bar {
position: relative;
background-color: #f43127;
border-radius: 4px;
height: 10px;
overflow: inherit;
animation-duration: 1.5s;
animation-delay: 1.2s;
animation-name: fadeInLeft;
}
.rtin-skills .rtin-skill-each .progress .progress-bar > span {
font-size: 12px;
color: #f43127;
position: absolute;
right: 0;
top: -28px;
padding: 5px;
line-height: 1;
}
.rtin-skills .rtin-skill-each .progress .progress-bar > span:before,
.rtin-skills .rtin-skill-each .progress .progress-bar > span::after {
border: medium solid transparent;
content: " ";
height: 0;
position: absolute;
top: 100%;
width: 0;
}
.rtin-skills .rtin-skill-each .progress .progress-bar > span:before {
border-top-color: #f43127;
border-width: 5px;
left: 50%;
margin-left: -5px;
} ul.rating {
margin-bottom: 15px;
padding: 0;
}
ul.rating li {
display: inline;
}
ul.rating li i {
color: #999999;
}
ul.rating li.star-rate i {
color: #ff8f00;
} .event-default .rtin-item {
margin-bottom: 30px;
position: relative;
z-index: 1;
overflow: hidden;
box-shadow: 0 18px 48px 0 rgba(0, 0, 0, 0.1);
}
.event-default .no-gutters .rtin-item {
margin-bottom: 0px;
}
.event-default .gutters-5 .rtin-item {
margin-bottom: 10px;
}
.event-default .rtin-content .event-button {
margin-top: 20px;
}
.event-default .rtin-content .event-button .btn-fill-dark {
font-size: 15px;
padding: 12px 30px;
}
.event-default .event-more-button {
margin-top: 30px;
text-align: center;
} .event-grid-layout1 .rtin-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-color: #ffffff;
border-radius: 5px;
}
.event-grid-layout1 .rtin-item .rtin-figure {
position: relative;
overflow: hidden;
height: 100%;
margin-right: 40px;
}
.event-grid-layout1 .rtin-item .single-item {
flex: 0 0 50%;
max-width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.event-grid-layout1 .rtin-item .rtin-content {
padding-right: 30px;
padding-top: 30px;
padding-bottom: 40px;
}
.event-grid-layout1 .rtin-item .rtin-figure img {
height: 100%;
object-fit: cover;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.event-grid-layout1 .rtin-item:hover .rtin-figure img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.event-grid-layout1 .rtin-figure .event-date {
font-family: 'Barlow', sans-serif;
position: absolute;
top: 20px;
left: 20px;
background-color: #fcb302;
border-radius: 5px;
padding: 12px 20px;
font-size: 24px;
font-weight: 700;
color: #ffffff;
line-height: 1.2;
text-align: center;
}
.event-grid-layout1 .rtin-figure .event-date span {
display: block;
font-size: 18px;
font-weight: 500;
}
.event-grid-layout1 .rtin-content .rtin-title {
font-size: 24px;
margin-bottom: 15px;
}
.event-grid-layout1 .rtin-content .rtin-title a {
color: #000000;
}
.event-grid-layout1 .rtin-content .rtin-title a:hover {
color: #f43127;
}
.event-grid-layout1 .rtin-content .event-text {
margin-bottom: 10px;
}
.event-grid-layout1 .rtin-content .rtin-info {
margin-top: 10px;
}
.event-grid-layout1 .rtin-content .rtin-info span {
color: #111111;
margin-right: 20px;
font-size: 15px;
font-weight: 500;
display: block;
}
.event-grid-layout1 .rtin-content .rtin-info span i {
color: #fcb302;
padding-right: 8px;
}
.event-grid-layout1 .rt-grid-item:last-child .rtin-item {
margin-bottom: 0;
}
@media (max-width: 767px) {
.event-grid-layout1 .rtin-item {
display: inherit;
}
.event-grid-layout1 .rtin-item .single-item {
flex: inherit;
max-width: inherit;
display: inherit;
}
.event-grid-layout1 .rtin-item .rtin-content {
padding-left: 30px;
padding-top: 25px;
padding-bottom: 30px;
}
.event-grid-layout1 .rtin-item .rtin-figure {
margin-right: 0;
}
.event-grid-layout1 .rtin-item .rtin-figure img {
width: 100%;
margin-right: 0;
}
} .event-grid-layout2 .rtin-item {
margin-bottom: 30px;
background-color: #ffffff;
box-shadow: 0 18px 48px 0 rgba(0, 0, 0, 0.1);
padding: 30px;
border-radius: 5px;
text-align: center;
position: relative;
z-index: 1;
}
.event-grid-layout2 .rtin-figure {
position: relative;
}
.event-grid-layout2 .rtin-figure img {
border-radius: 5px;
}
.event-grid-layout2 .rtin-figure .event-date {
font-family: 'Barlow', sans-serif;
position: absolute;
top: 20px;
left: 20px;
background-color: #fcb302;
border-radius: 5px;
padding: 12px 20px;
font-size: 24px;
font-weight: 700;
color: #ffffff;
line-height: 1.2;
text-align: center;
}
.event-grid-layout2 .rtin-figure .event-date span {
display: block;
font-size: 18px;
font-weight: 500;
}
.event-grid-layout2 .rtin-item .rtin-title {
font-size: 28px;
margin-bottom: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.event-grid-layout2 .rtin-item .rtin-title a {
color: #000000;
}
.event-grid-layout2 .rtin-item .rtin-title a:hover {
color: #f43127;
}
.event-grid-layout2 .rtin-content .event-text {
margin-top: 12px;
}
.event-grid-layout2 .rtin-content .rtin-info {
margin-top: 12px;
}
.event-grid-layout2 .rtin-content .rtin-info span {
color: #111111;
margin-right: 20px;
font-size: 15px;
font-weight: 500;
}
.event-grid-layout2 .rtin-content .rtin-info span:last-child {
margin-right: 0px;
}
.event-grid-layout2 .rtin-content .rtin-info span i {
color: #fcb302;
padding-right: 8px;
}
.event-grid-layout2 .rtin-item .rtin-content {
padding-top: 22px;
padding-left: 20px;
padding-right: 20px;
}
@media(max-width: 767px) {
.event-grid-layout2 .rtin-item .rtin-title {
font-size: 24px;
}
.event-grid-layout2 .rtin-content .rtin-info span {
display: block;
margin-right: 0;
}
.event-grid-layout2 .rtin-item .rtin-content {
padding-left: 0;
padding-right: 0;
}
} @media(max-width: 991px) {
.single-panpie_event .content-area {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media(max-width: 767px) {
.single-panpie_event .content-area {
padding-top: 80px;
padding-bottom: 80px;
}
}
.event-single .single-event-inner .post-thumb {
position: relative;
}
.event-single .single-event-inner .post-thumb img {
border-radius: 5px;
}
.event-single .single-event-inner .post-thumb .event-date {
font-family: 'Barlow', sans-serif;
position: absolute;
top: 20px;
left: 20px;
background-color: #fcb302;
border-radius: 5px;
padding: 12px 20px;
font-size: 24px;
font-weight: 700;
color: #ffffff;
line-height: 1.2;
text-align: center;
}
.event-single .single-event-inner .post-thumb .event-date span {
display: block;
font-size: 18px;
font-weight: 500;
} .rtin-event-wrap h3 {
display: block;
position: relative;
font-size: 24px;
margin-bottom: 25px;
line-height: 1.4;
z-index: 2;
}
.rtin-event-wrap .rtin-event-info {
list-style: none;
margin: 0;
padding: 0;
}
.rtin-event-wrap .rtin-event-info li {
color: #111111;
font-size: 15px;
font-weight: 500;
margin-bottom: 6px;
}
.rtin-event-wrap .rtin-event-info li i {
color: #fcb302;
padding-right: 8px;
}
.rtin-event-wrap .rtin-event-info li:last-child {
margin-bottom: 0;
}
.rtin-event-wrap .rtin-event-info li span {
font-size: 18px;
font-weight: 700;
min-width: 190px;
display: inline-block;
}
.rtin-event-wrap .single-event-button {
margin-top: 25px;
}
.rtin-event-wrap .single-event-button .btn-fill-dark {
font-size: 15px;
padding: 14px 30px;
} .rt-related-event {
margin-top: 50px;
}
.event-default.rt-related-event .rtin-item {
margin-bottom: 0;
}
.event-default.rt-related-event .rtin-item h3 {
font-size: 22px;
line-height: 1.2;
}
.event-default.rt-related-event .rtin-item .item-icon a {
height: 50px;
width: 50px;
line-height: 50px;
font-size: 18px;
} .team-default .rtin-content ul {
list-style: none;
margin: 0;
padding: 0;
}
.team-default .rtin-content .rtin-title {
font-size: 24px;
margin-bottom: 4px;
line-height: 1.2;
}
.team-default .rtin-content .rtin-title a {
color: #111111;
}
.team-default .rtin-content .rtin-title a:hover {
color: #f43127;
}
.team-default .rtin-content .rtin-designation {
color: #f43127;
font-size: 15px;
font-weight: 500;
margin-bottom: 12px;
}
.team-default .team-button {
text-align: center;
margin-top: 40px;
} .team-multi-layout-1 .rtin-item .rtin-content-wrap {
position: relative;
z-index: 1;
border-radius: 10px;
margin-bottom: 30px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
.team-multi-layout-1 .owl-carousel .rtin-item .rtin-content-wrap {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}
.team-multi-layout-1 .owl-carousel .owl-stage-outer {
padding: 0 20px;
width: calc(100% + 30px);
margin-left: -20px;
}
.team-multi-layout-1 .rtin-item .rtin-content-wrap figure {
position: relative;
overflow: hidden;
border-radius: 10px 10px 0 0;
margin: 0;
text-align: center;
}
.team-multi-layout-1 .rtin-item .rtin-content-wrap figure img {
-webkit-transition: all 160ms ease-in-out;
transition: all 160ms ease-in-out;
}
@media(max-width:767px) {
.team-multi-layout-1 .rtin-item .rtin-content-wrap figure img {
width: 100%;
}
}
.team-multi-layout-1 .rtin-item:hover .rtin-content-wrap figure img {
-webkit-transform: translateX(59px);
-moz-transform: translateX(59px);
-ms-transform: translateX(59px);
transform: translateX(59px);
opacity: 0.8;
}
.team-multi-layout-1 .rtin-item .rtin-content-wrap .mask-wrap {
background: #fff;
border-radius: 0 0 10px 10px;
padding: 25px 30px 10px;
}
.team-multi-layout-1 .rtin-item .rtin-social {
left: 0;
position: absolute;
top: 0;
padding: 10px;
margin: 0;
height: 100%;
z-index: 2;
background: #fcb302;
list-style: none;
display: flex;
flex-direction: column;
justify-content: center;
transform: translateX(-100%);
-webkit-transition: all 160ms ease-in-out;
transition: all 160ms ease-in-out;
}
.team-multi-layout-1 .rtin-item:hover .rtin-social {
-webkit-transform: translateX(0);
-moz-transform: translateX(-42%) translateY(-50%) rotate(90deg);
-ms-transform: translateX(-42%) translateY(-50%) rotate(90deg);
transform: translateX(0);
}
.team-multi-layout-1 .rtin-item .rtin-social li {
margin-bottom: 10px;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0;
-webkit-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
.team-multi-layout-1 .rtin-item:hover .rtin-social li {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.team-multi-layout-1 .rtin-item:hover .rtin-social li:nth-child(2n) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.team-multi-layout-1 .rtin-item:hover .rtin-social li:nth-child(3n) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.team-multi-layout-1 .rtin-item:hover .rtin-social li:nth-child(4n) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.team-multi-layout-1 .rtin-item:hover .rtin-social li:nth-child(5n) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.team-multi-layout-1 .rtin-item:hover .rtin-social li:nth-child(6n) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.team-multi-layout-1 .rtin-item .rtin-social li:last-child {
margin-bottom: 0;
}
.team-multi-layout-1 .rtin-item .rtin-social li a {
color: #111111;
font-size: 16px;
width: 40px;
height: 40px;
line-height: 40px;
background: #ffffff;
display: block;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-multi-layout-1 .rtin-item .rtin-social li a:hover {
color: #f43127;
} .team-default.team-multi-layout-2 .rtin-content .rtin-title a {
color: #ffffff;
}
.team-default.team-multi-layout-2 .rtin-content .rtin-title a:hover {
color: #ececec;
}
.team-default.team-multi-layout-2 .rtin-content .rtin-designation {
color: #ffffff;
}
.team-default.team-multi-layout-2 .rtin-content p {
color: #ffffff;
}
.team-multi-layout-2 .rtin-item {
position: relative;
z-index: 1;
border-radius: 10px;
text-align: center;
margin-bottom: 30px;
background: #ffffff;
-webkit-box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.06);
}
.team-multi-layout-2 .rtin-content-wrap .rtin-thums {
position: relative;
overflow: hidden;
border-radius: 10px 10px 0 0;
margin: 0px 0 -40px;
display: inline-block;
width: 100%;
}
.team-multi-layout-2 .rtin-content-wrap .rtin-thums img {
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;
}
.team-multi-layout-2 .rtin-item:hover .rtin-content-wrap .rtin-thums img {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
opacity: 0.7;
}
.team-multi-layout-2 .rtin-content-wrap .mask-wrap {
border-radius: 0 0 10px 10px;
padding: 25px 30px 10px;
position: relative;
z-index: 1;
background: #f43127;
}
.team-multi-layout-2 .rtin-social {
position: absolute;
margin: 0;
padding: 0px 5px;
width: 100%;
top: auto;
bottom: 0;
}
.team-multi-layout-2 .rtin-social li {
display: inline-block;
margin-right: 3px;
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
visibility:  hidden;
-webkit-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.team-multi-layout-2 .rtin-item:hover .rtin-social li {
-webkit-transform: translateY(-60px);
transform: translateY(-60px);
opacity: 1;
visibility:  visible;
}
.team-multi-layout-2 .rtin-item:hover .rtin-social li:nth-child(2n) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.team-multi-layout-2 .rtin-item:hover .rtin-social li:nth-child(3n) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.team-multi-layout-2 .rtin-item:hover .rtin-social li:nth-child(4n) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.team-multi-layout-2 .rtin-item:hover .rtin-social li:nth-child(5n) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.team-multi-layout-2 .rtin-item:hover .rtin-social li:nth-child(6n) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.team-multi-layout-2 .rtin-social li:last-child {
margin-right: 0;
}
.team-multi-layout-2 .rtin-social li a {
color: #ffffff;
font-size: 16px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 45px;
height: 45px;
line-height: 45px;
background: #fcb302;
display: block;
border-radius: 50%;
}
.team-multi-layout-2 .rtin-social li a:hover {
background: #f43127;
color: #ffffff;
} .team-default .no-gutters .rtin-item {
margin-bottom: 0;
}
.team-default.team-multi-layout-3 .rtin-content .rtin-title a {
color: #ffffff;
}
.team-default.team-multi-layout-3 .rtin-content .rtin-title a:hover {
color: #ececec;
}
.team-default.team-multi-layout-3 .rtin-content .rtin-designation {
color: #ffffff;
font-weight: 400;
}
.team-default.team-multi-layout-3 .rtin-content p {
color: #ffffff;
}
.team-multi-layout-3 .rtin-item {
position: relative;
z-index: 1;
text-align: center;
margin-bottom: 30px;
background: #ffffff;    
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-multi-layout-3 .rtin-item .rtin-content .rtin-title {
opacity: 0;
visibility:  hidden;
transform: translateY(20px);
-webkit-transition: all 160ms ease-in-out;
-o-transition: all 160ms ease-in-out;
transition: all 160ms ease-in-out;
transition-delay: 0.4s;
}
.team-multi-layout-3 .rtin-item:hover .rtin-content .rtin-title {
opacity: 1;
visibility:  visible;
transform: translateY(0);
}
.team-multi-layout-3 .rtin-item .rtin-content .rtin-designation {
opacity: 0;
visibility:  hidden;
transform: translateY(20px);
-webkit-transition: all 160ms ease-in-out;
-o-transition: all 160ms ease-in-out;
transition: all 160ms ease-in-out;
transition-delay: 0.6s;
}
.team-multi-layout-3 .rtin-item:hover .rtin-content .rtin-designation {
opacity: 1;
visibility:  visible;
transform: translateY(0);
}
.team-multi-layout-3 .rtin-item .rtin-content ul {
opacity: 0;
visibility:  hidden;
transform: translateY(20px);
-webkit-transition: all 160ms ease-in-out;
-o-transition: all 160ms ease-in-out;
transition: all 160ms ease-in-out;
transition-delay: 0.8s;
}
.team-multi-layout-3 .rtin-item:hover .rtin-content ul {
opacity: 1;
visibility:  visible;
transform: translateY(0);
}
.team-multi-layout-3 .rtin-item .rtin-content p {
opacity: 0;
visibility:  hidden;
transform: translateY(50px);
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
transition-delay: 0.8s;
}
.team-multi-layout-3 .rtin-item:hover .rtin-content p {
opacity: 1;
visibility:  visible;
transform: translateY(0);
}
.team-multi-layout-3 .rtin-item .rtin-content-wrap {
position: relative;
overflow: hidden;
}
.team-multi-layout-3 .rtin-item .rtin-content-wrap .rtin-thums {
position: relative;
background-color: #000000;
border-radius: 0;
display: inline-block;
width: 100%;
}
.team-multi-layout-3 .rtin-item .rtin-content-wrap .rtin-thums img {
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;
}
.team-multi-layout-3 .rtin-item:hover .rtin-content-wrap .rtin-thums img {
opacity:  0.7;
}
.team-multi-layout-3 .rtin-item .rtin-content-wrap .mask-wrap .rtin-content {
position: absolute;
left: 0;
right: 0;
bottom: -100%;
opacity: 0;
z-index: 1;
padding: 30px 30px 15px;
visibility: hidden;
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;
}
.team-multi-layout-3 .rtin-item:hover .rtin-content-wrap .mask-wrap .rtin-content {
bottom: 0;
opacity: 1;
visibility: visible;
}
.team-multi-layout-3 .rtin-item .rtin-content-wrap .rtin-content:after {
position: absolute;
content: "";
background-color: #f43127;
background-image: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/element/shape25.png);
background-position: center bottom;
background-size: contain;
background-repeat: no-repeat;
left: 0;
bottom: -100%;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0;
visibility: hidden;
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;
}
.team-multi-layout-3 .rtin-item:hover .rtin-content-wrap .rtin-content:after {
bottom: 0;
opacity: 1;
visibility: visible;
}
.team-default.team-multi-layout-3 .rtin-content ul {
margin-bottom: 15px;
}
.team-multi-layout-3 .rtin-social li {
display: inline-block;
margin-right: 15px;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.team-multi-layout-3 .rtin-social li:last-child {
margin-right: 0;
}
.team-multi-layout-3 .rtin-social li a {
display: block;
color: #ffffff;
font-size: 16px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-multi-layout-3 .rtin-social li a:hover {
color: #fcb302;
} .team-multi-layout-4 .rtin-item {
position: relative;
z-index: 1;
border-radius: 10px;
text-align: center;
margin-bottom: 30px;
}
.team-multi-layout-4 .rtin-item .rtin-thums {
position: relative;
overflow: hidden;
display: inline-block;
width: 100%;
}
.team-multi-layout-4 .rtin-item .rtin-thums:after {
position: absolute;
content: "";
width: 100%;
height: 169px;
left: 50%;
-webkit-transform: translateX(-47%);
-ms-transform: translateX(-47%);
transform: translateX(-47%);
bottom: -30px;
background: rgba(0,0,0,0.8);
-webkit-filter: blur(60.7px);
filter: blur(60.7px);
opacity: 0;
-webkit-transition: height 0.4s;
-o-transition: height 0.4s;
transition: height 0.4s;
}
.team-multi-layout-4 .rtin-item:hover .rtin-thums:after {
width: 835px;
height: 355px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -160px;
-webkit-filter: blur(60.7px);
filter: blur(60.7px);
opacity: 1;
}
.team-multi-layout-4 .rtin-item .mask-wrap {
margin: -66px 30px 0;
padding: 25px 30px 10px;
position: relative;
z-index: 1;
background: #ffffff;
-webkit-box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.07);
box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.07);
}
.team-multi-layout-4 .rtin-item .mask-wrap:after {
position: absolute;
content: "";
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
background: #f43127;
height: 3px;
width: 80px;
-webkit-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.team-multi-layout-4 .rtin-item:hover .mask-wrap:after {
width: 100%;
}
.team-multi-layout-4 .rtin-item .rtin-content .rtin-designation {
color: #787676;
}
.team-multi-layout-4 .rtin-social {
position: absolute;
margin: 0;
padding: 0px 5px;
width: 100%;
top: auto;
bottom: 40px;
z-index: 2;
}
.team-multi-layout-4 .rtin-social li {
display: inline-block;
margin-right: 3px;
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
visibility:  hidden;
-webkit-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.team-multi-layout-4 .rtin-item:hover .rtin-social li {
-webkit-transform: translateY(-60px);
transform: translateY(-60px);
opacity: 1;
visibility:  visible;
}
.team-multi-layout-4 .rtin-item:hover .rtin-social li:nth-child(2n) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.team-multi-layout-4 .rtin-item:hover .rtin-social li:nth-child(3n) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.team-multi-layout-4 .rtin-item:hover .rtin-social li:nth-child(4n) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.team-multi-layout-4 .rtin-item:hover .rtin-social li:nth-child(5n) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.team-multi-layout-4 .rtin-item:hover .rtin-social li:nth-child(6n) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.team-multi-layout-4 .rtin-social li:last-child {
margin-right: 0;
}
.team-multi-layout-4 .rtin-social li a {
color: #ffffff;
font-size: 16px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 45px;
height: 45px;
line-height: 45px;
background: transparent;
display: block;
border: 2px solid #dfdbdb;
border-radius: 50%;
}
.team-multi-layout-4 .rtin-social li a:hover {
background: #f43127;
border: 2px solid transparent;
}
@media(max-width: 991px){
.team-grid-style6 > div {
display: flex;
justify-content: center;
}
} .team-single .rtin-thumb {
background-color: #f9fafc;
border-radius: 10px;
text-align: center;
position: relative;
z-index: 2;
}
.team-single .rtin-thumb img {
width: 100%;
border-radius: 10px;
}
.team-single .rtin-heading {
margin-bottom: 25px;
line-height: 1;
}
.team-single .rtin-heading h2 {
color: #111111;
font-size: 36px;
line-height: 1.3;
margin-bottom: 10px;
margin-top: -7px;
}
.team-single .rtin-heading .designation {
font-size: 16px;
color: #f43127;
font-weight: 600;
}
.team-single .rtin-heading .designation span {
font-size: 18px;
color: #f43127;
font-weight: 600;
}
.team-single .rtin-content {
padding-right: 30px;
}
.team-single .rtin-content a {
color: #444444;
}
.team-single .rtin-content a:hover {
color: #f43127;
}
.team-single .rtin-content ul li {
display: inline-block;
margin-right: 5px;
font-size: 16px;
color: #444444;
}
.team-single ul.rtin-social {
margin: 30px 0 0px 0;
padding: 0;
list-style: none;
}
.team-single ul.rtin-social li a {
font-size: 20px;
text-align: center;
color: #ffffff;
background: #fcb302;
border-radius: 4px;
width: 44px;
height: 44px;
line-height: 44px;
display: block;
}
.team-single .rtin-content ul.rtin-social li a:hover {
background-color: #f43127;
color: #ffffff;
}
.team-single .rtin-content ul li:last-child {
margin-right: 0;
} .team-single .rtin-team-skill-info {
margin-top: 30px;
display: flex;
justify-content: space-between;
}
.team-single .rtin-team-skill-info .team-skill-wrap {
width: 100%;
}
.team-single .rtin-team-info {
padding-right: 30px;
width: 55%;
}
.team-single .rtin-team-info ul {
list-style: none;
margin: 0;
padding: 0;
}
.team-single .rtin-team-info ul li {
display: block;
color: #111111;
font-weight: 500;
margin-right: 0;
margin-bottom: 10px;
}
.team-single .rtin-team-info ul li span {
color: #8d8c8c;
font-weight: 400;
}
.team-single .rtin-team-info a {
color: #111111;
}
.team-single .rtin-team-info a:hover {
color: #f43127;
}
.team-single .rtin-team-skill-info h4 {
display: block;
position: relative;
color: #111111;
font-size: 24px;
margin-bottom: 30px;
line-height: 1.4;
z-index: 2;
}
.team-single .team-contact-wrap {
margin-top: 60px;
background: #ffffff;
border-radius: 10px;
margin-bottom: 0;
}
.team-single .team-contact-wrap h3 {
display: block;
position: relative;
color: #111111;
font-size: 24px;
margin-bottom: 30px;
line-height: 1.4;
z-index: 2;
}
.team-single .rt-related-post {
margin-top: 120px;
margin-bottom: 0;
padding-top: 110px;
border-top: 1px solid #ebebeb;
}
.team-single .rt-related-post .title-section h3 {
font-size: 28px;
}
@media(max-width: 1199px) {
.team-single .rtin-content {
padding-right: 0;
}
}
@media(max-width:991px) {
.single-panpie_team .content-area {
padding-top: 110px;
padding-bottom: 70px;
}
.team-single .team-contact-wrap {
padding-top: 100px;
}
.team-single .team-skill-wrap {
margin-top: 25px;
}
.team-single .rtin-thumb {
margin-top: 40px;
}
.team-single .rtin-team-skill-info {
display: inherit;
}
.team-single .rtin-team-info {
width: 100%;
}
.team-single .rt-related-post {
margin-top: 80px;
padding-top: 80px;
}
}
@media(max-width:767px) {
.single-panpie_team .content-area {
padding-top: 80px;
padding-bottom: 50px;
}
.team-single .team-contact-wrap {
padding-top: 40px;
}
} .gallery-default .rtin-item {
margin-bottom: 30px;
}
.gallery-default .no-gutters .rtin-item {
margin-bottom: 0px;
}
.gallery-default .rtin-figure img {
border-radius: 4px;
}
@media(max-width: 575px) {
.gallery-default .rtin-figure img {
width: 100%;
}
}
.gallery-default .gallery-button {
margin-top: 20px;
text-align: center;
}
.gallery-button {
text-align: center;
}
.mfp-image-holder .mfp-content {
max-width: 900px;
}
.mfp-image-holder button.mfp-arrow {
opacity: 1;
}
.mfp-image-holder button.mfp-arrow:hover {
background: transparent;
}
.mfp-image-holder button.mfp-arrow-right:hover:after {
border-left: 17px solid #f43127;
}
.mfp-image-holder button.mfp-arrow-left:hover:after {
border-right: 17px solid #f43127;
} .gallery-multi-layout-1 .rtin-item {
position: relative;
overflow: hidden;
text-align: center;
border-radius: 5px;
}
.gallery-multi-layout-1 .rtin-item:after {
content: "";
background-color: rgba(223, 28, 43, 1);
border-radius: 5px;
position: absolute;
top: 25px;
bottom: 25px;
left: 25px;
right: 25px;
z-index: 1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gallery-multi-layout-1 .rtin-item:hover:after {
visibility: visible;
opacity: 1;
}
.gallery-multi-layout-1 .rtin-item .rtin-content {
position: absolute;
top: 50%;
left: 0;
right: 0;
z-index: 2;
visibility: hidden;
opacity: 0;
padding: 0 25px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gallery-multi-layout-1 .rtin-item:hover .rtin-content {
visibility: visible;
opacity: 1;
}
.gallery-multi-layout-1 .rtin-item h3 {
position: relative;
margin-bottom: 5px;
visibility:  hidden;
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
-webkit-transition: 0s .3s;
-o-transition: 0s .3s;
transition: 0s .3s;
}
.gallery-multi-layout-1 .rtin-item:hover h3 {
visibility:  visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: .5s cubic-bezier(0,.71,0,1);
-o-transition: .5s cubic-bezier(0,.71,0,1);
transition: .5s cubic-bezier(0,.71,0,1);    
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s;
}
.gallery-multi-layout-1 .rtin-item h3 a {
color: #ffffff;
}
.gallery-multi-layout-1 .rtin-item h3 a:hover {
color: #fcb302;
}
.gallery-multi-layout-1 .rtin-item .rtin-content p {
color: #ffffff;
width: 80%;
margin: 0 auto;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.gallery-multi-layout-1 .rtin-item .rtin-content .rtin-cat {
font-weight: 500;
padding: 0 15px 5px;
visibility:  hidden; 
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
-webkit-transition: 0s .3s;
-o-transition: 0s .3s;
transition: 0s .3s;
}
.gallery-multi-layout-1 .rtin-item:hover .rtin-content .rtin-cat {
visibility:  visible;
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: .5s cubic-bezier(0,.71,0,1);
-o-transition: .5s cubic-bezier(0,.71,0,1);
transition: .5s cubic-bezier(0,.71,0,1);
}
.gallery-multi-layout-1 .rtin-item .rtin-content .rtin-cat a {
color: #ffffff;
}
.gallery-multi-layout-1 .rtin-item .item-icon {
margin-top: 15px;
}
.gallery-multi-layout-1 .rtin-item .item-icon a {
display: inline-block;
height: 60px;
width: 60px;
line-height: 60px;
background-color: #ffffff;
border-radius: 50%;
font-size: 24px;
color: #000000;
margin-right: 5px;
}
.gallery-multi-layout-1 .rtin-item .item-icon a:hover {
background-color: #fcb302;
color: #ffffff;
}
.gallery-multi-layout-1 .rtin-item .port-read-more {
color: #ffffff;
}
.gallery-multi-layout-1 .rtin-item .port-read-more {
display: block;
color: #ffffff;
font-size: 18px;
font-weight: 600;
margin-top: 18px;
letter-spacing: 2px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gallery-multi-layout-1 .rtin-item .port-read-more:hover {
color: #cccccc;
}
.gallery-multi-layout-1 .rtin-item .port-read-more i {
margin-left: 4px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gallery-multi-layout-1 .rtin-item .port-read-more:hover i {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
} .gallery-multi-layout-2 .rtin-item {
position: relative;
background: #ffffff;
-webkit-box-shadow: 0px 8px 48px 0px rgba(105, 105, 105, 0.1);
box-shadow: 0px 8px 48px 0px rgba(105, 105, 105, 0.1);
border-radius: 5px;
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
.gallery-multi-layout-2 .rtin-item:hover {
-webkit-box-shadow: 0px 8px 48px 0px rgba(105, 105, 105, 0.15);
box-shadow: 0px 8px 48px 0px rgba(105, 105, 105, 0.15);
}
.gallery-multi-layout-2 .rtin-item .rtin-figure {
position: relative;
overflow: hidden;
border-radius: 5px 5px 0 0;
}
.gallery-multi-layout-2 .rtin-item .rtin-figure:after {
content: "";
height: 100%;
width: 100%;
background-color: rgba(223, 28, 43, 0.6);
border-radius: 5px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gallery-multi-layout-2 .rtin-item:hover .rtin-figure:after {
visibility: visible;
opacity: 1;
}
.gallery-multi-layout-2 .rtin-item .rtin-figure img {
border-radius: 4px 4px 0 0;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gallery-multi-layout-2 .rtin-item:hover .rtin-figure img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.gallery-multi-layout-2 .rtin-item .item-icon {
position: absolute;
top: 45%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
visibility: hidden;
opacity: 0;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gallery-multi-layout-2 .rtin-item:hover .item-icon {
visibility: visible;
opacity: 1;
top: 50%;
}
.gallery-multi-layout-2 .rtin-item .item-icon a {
display: inline-block;
height: 60px;
width: 60px;
line-height: 60px;
background-color: #ffffff;
border-radius: 50%;
font-size: 24px;
color: #000000;
margin-right: 5px;
}
.gallery-multi-layout-2 .rtin-item .item-icon a:hover {
background-color: #fcb302;
color: #ffffff;
}
.gallery-multi-layout-2 .rtin-item .rtin-figure .rtin-sl {
font-size: 48px;
font-weight: 600;
color: #ffffff;
font-family: "Poppins", sans-serif;
position: absolute;
bottom: 0;
left: 22px;
}
.gallery-multi-layout-2 .rtin-item h3 {
margin-bottom: 5px;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.gallery-multi-layout-2 .rtin-item h3 a {
color: #000000;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gallery-multi-layout-2 .rtin-item h3 a:hover {
color: #f43127;
}
.gallery-multi-layout-2 .rtin-item .rtin-cat {
font-weight: 600;
margin-bottom: 14px;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.gallery-multi-layout-2 .rtin-item .rtin-cat a {
color: #f43127;
}
.gallery-multi-layout-2 .rtin-item .rtin-cat a:hover {
color: #fcb302;
}
.gallery-multi-layout-2 .rtin-item .rtin-content {
padding: 20px;
text-align: center;
}
.gallery-multi-layout-2 .rtin-item .rtin-content p {
color: #646464;
margin-bottom: 10px;
margin-top: 10px;
} .gallery-multi-layout-3 .rtin-item {
position: relative;
overflow: hidden;
background: #ffffff;
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
.gallery-multi-layout-3 .rtin-item .rtin-figure {
position: relative;
overflow: hidden;
}
.gallery-multi-layout-3 .rtin-item .rtin-figure img {
border-radius: 0;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gallery-multi-layout-3 .rtin-item:hover .rtin-figure img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.gallery-multi-layout-3 .rtin-item h3 {
margin-bottom: 5px;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.gallery-multi-layout-3 .rtin-item h3 a {
color: #000000;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gallery-multi-layout-3 .rtin-item h3 a:hover {
color: #f43127;
}
.gallery-multi-layout-3 .rtin-item .rtin-cat {
font-weight: 600;
margin-bottom: 14px;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.gallery-multi-layout-3 .rtin-item .rtin-cat a {
color: #f43127;
}
.gallery-multi-layout-3 .rtin-item .rtin-cat a:hover {
color: #fcb302;
}
.gallery-multi-layout-3 .rtin-item .rtin-content {
padding: 20px;
position: absolute;
transform: translateY(0px);
background: #fff;
width: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gallery-multi-layout-3 .rtin-item:hover .rtin-content {
transform: translateY(-99%);
opacity: 1;
visibility: visible;
}
.gallery-multi-layout-3 .rtin-item .rtin-content p {
color: #646464;
margin-bottom: 10px;
margin-top: 10px;
}
.gallery-multi-layout-3 .rtin-item .item-icon {
position: absolute;
right: 0;
top: 24px;
}
.gallery-multi-layout-3 .rtin-item .item-icon a {
display: inline-block;
font-size: 24px;
color: #000000;
margin-right: 5px;
}
.gallery-multi-layout-3 .rtin-item .item-icon a:hover {
color: #fcb302;
} @media(max-width:991px) {
.post-type-archive-panpie_gallery .content-area,
.tax-panpie_gallery_category .content-area {
padding-top: 110px;
padding-bottom: 70px;
}
.single-panpie_gallery .content-area {
padding-top: 110px;
padding-bottom: 100px;
}
}
@media(max-width:767px) {
.post-type-archive-panpie_gallery .content-area,
.tax-panpie_gallery_category .content-area {
padding-top: 90px;
padding-bottom: 50px;
}
.single-panpie_gallery .content-area {
padding-top: 90px;
padding-bottom: 50px;
}
}
.gallery-single .rtin-thumbnail,
.gallery-single .single-gallery-slider {
margin-bottom: 30px;
}
.gallery-single .rtin-thumbnail img,
.gallery-single .single-gallery-slider img {
border-radius: 10px;
width: 100%;
}
.gallery-single h3.port-info-title {
display: block;
position: relative;
color: #111111;
font-size: 30px;
margin-bottom: 25px;
padding-bottom: 18px;
line-height: 1.4;
z-index: 2;
}
.gallery-single h3.port-info-title:after {
content: "";
height: 5px;
width: 33px;
background-color: #f43127;
border-radius: 4px;
position: absolute;
bottom: 0;
left: 1px;
}
.gallery-single .gallery-details > ul {
list-style: none;
margin: 0;
background: #f7f7f7;
border-radius: 10px;
margin-bottom: 30px;
padding: 30px 30px 22px;
box-shadow: 0 8px 12px 0 rgba(222 ,222 ,222, 0.8);
}
.gallery-single .gallery-details ul.rtin-gallery-info li:last-child {
margin-bottom: 0px;
}
.gallery-single .gallery-details ul.rtin-gallery-info li .rtin-label {
color: #111111;
font-weight: 600;
display: inline-block;
margin-right: 10px;
position: relative;
}
.gallery-single .gallery-details ul ul.rating {
margin: 0;
padding: 0 0 0 5px;
}
.gallery-single .gallery-details ul.rtin-gallery-info li.port-rating {
display: inline-flex;
}
.gallery-single .gallery-details ul.rtin-gallery-info li.port-rating li {
display: inline;
}
.gallery-single .gallery-details ul.rtin-gallery-info li a {
color: #444444;
}
.gallery-single .gallery-details ul.rtin-gallery-info li a:hover {
color: #f43127;
}
.gallery-single ul.rtin-gallery-info .rtin-social {
display: inline-flex;
margin: 0;
padding: 0
}
.gallery-single .gallery-details ul.rtin-gallery-info .rtin-social li {
margin-right: 15px;
margin-bottom: 0;
min-width: inherit;
}
.gallery-single .single-port-button {
margin-top: 40px;
}
.gallery-single .single-port-button {
margin-top: 20px;
}
@media(min-width:992px) and (max-width:1199px) {
.gallery-single ul.rtin-gallery-info .rtin-social li {
margin-right: 10px;
}
}
.gallery-single .rtin-thumbnail {
margin: 0 0 40px 0;
}
.gallery-single .gallery-details ul.rtin-gallery-info li {
margin-bottom: 7px;
color: #444444;
font-weight: 500;
display: inline-block;
min-width: 33%;
}
.gallery-single ul.rtin-gallery-info .rtin-social li:last-child {
margin-right: 0;
}
.gallery-single ul.rtin-gallery-info .rtin-social li a {
margin-right: 0;
}
.gallery-single .rtin-gallery-content h3 {
font-size: 24px;
}
.gallery-single .rtin-gallery-content p {
margin-bottom: 30px;
padding: 0 40px;
}
.gallery-single .rtin-gallery-content img {
border-radius: 10px;
}
.rt-related-gallery .title-section {
margin-top: 40px;
}
@media(max-width: 1199px) {
.gallery-single .gallery-details ul.rtin-gallery-info li {
width: 49%;
}
}
@media(max-width: 767px) {
.gallery-single .gallery-details > ul {
padding: 30px;
}
.gallery-single .gallery-details ul.rtin-gallery-info li {
width: 100%;
}
}
@media(max-width: 480px) {
.gallery-single .rtin-gallery-content p {
padding: 0;
}
} .default-testimonial .rtin-item .rtin-title {
font-size: 22px;
font-weight: 600;
color: #111111;
}
.default-testimonial .rtin-item .rtin-designation {
font-size: 16px;
font-style: italic;
color: #646464;
}
.default-testimonial .rtin-item .rating {
margin-bottom: 8px;
padding-top: 8px;
}
.default-testimonial .rtin-item .rating li {
font-size: 16px;
}
.default-testimonial .rtin-item .rtin-figure img {
border-radius: 50%;
width: 90px;
display: inline-block;
-webkit-box-shadow: rgba(32, 32, 32, 0.45) 0px 15px 32px 0px;
box-shadow: rgba(32, 32, 32, 0.45) 0px 15px 32px 0px;
}
.rtin-testimonial-1 .rtin-item {
position: relative;
z-index: 1;
padding: 0px 15px 0px;
text-align: center;
border-radius: 4px;
}
.rtin-testimonial-1 .rtin-item .rtin-figure {
margin-bottom: 20px;
margin-top: 40px;
}
.rtin-testimonial-1 .rtin-item .item-icon {
margin-bottom: -40px;
}
.rtin-testimonial-1 .rtin-item .item-icon i {
font-size: 60px;
color: #eaeaea;
}
.rtin-testimonial-1 .rtin-item .rtin-title {
margin-bottom: 2px;
}
.rtin-testimonial-1 .rtin-item .rtin-content {
width: 80%;
margin: 0 auto;	
}
.rtin-testimonial-1 .rtin-item .rtin-content p {
color: #444444;
font-size: 24px;
font-style: italic;
line-height: 1.6;
margin-bottom: 30px;
}
.rtin-testimonial-1 .owl-theme .owl-dots {
margin-top: 40px !important;
justify-content: center;
}
.rtin-testimonial-1 .rtin-item .rtin-content svg {
margin-bottom: 10px;
}
.rtin-testimonial-1 .rtin-item .rtin-content svg path {
fill: #f43127;
stroke: #f43127;
}
@media(max-width: 991px) {
.rtin-testimonial-1 .rtin-item .rtin-content {
width: 90%;
}
}
@media(max-width: 480px) {
.rtin-testimonial-1 .rtin-item .rtin-content {
width: 100%;
}
}
.rtin-testimonial-grid .rtin-item {
margin-bottom: 30px;
padding: 40px 30px;
-webkit-box-shadow: 0 14px 28px 0 rgba(10, 22, 39, 0.09);
box-shadow: 0 14px 28px 0 rgba(10, 22, 39, 0.09);
}
.rtin-testimonial-1.rtin-testimonial-grid .rtin-item .rtin-figure {
margin-top: 0;
}
.rtin-testimonial-1.rtin-testimonial-grid .rtin-item .rtin-content {
width: inherit;
}
.rtin-testimonial-1.rtin-testimonial-grid .rtin-item .rtin-content p {
font-size: 17px;
} .rtin-testimonial-2 .rtin-item {
border-radius: 4px;
position: relative;
z-index: 2;
text-align: left;
}
.rtin-testimonial-2 .rtin-item .rtin-content {
position: relative;
}
.rtin-testimonial-2 .rtin-item .rtin-content p {
font-size: 18px;
color: #444444;
font-style: italic;
}
.default-testimonial.rtin-testimonial-2 .rtin-item .rtin-title {
margin-bottom: 0px;
}
.rtin-testimonial-2 .rtin-item .rtin-title span {
color: #111111;
}
.rtin-testimonial-2 .rtin-item .rtin-figure {
margin-bottom: 30px;
margin-top: 20px;
}
.default-testimonial.rtin-testimonial-2 .rtin-item .rtin-figure img {
box-shadow: none;
}
.default-testimonial.rtin-testimonial-2 .rtin-item .rating {
padding-top: 0;
} .post-default .rtin-item-post .rtin-content h3 {
font-size: 24px;
line-height: 1.4;
margin-bottom: 18px;
}
.post-default .rtin-item-post .rtin-content h3 a {
color: #111111;
}
.post-default .rtin-item-post .rtin-content h3 a:hover {
color: #f43127;
}
.post-default ul.post-grid-meta {
margin-bottom: 10px;
padding-left: 0;
}
.post-default ul.post-grid-meta li {
display: inline-block;
color: #7a7a7a;
font-size: 15px;
font-weight: 400;
position: relative;
border-radius: 30px;
margin-bottom: 3px;
margin-right: 15px;
line-height: 1;
}
.post-default ul.post-grid-meta li:last-child {
margin-right: 0;
}
.post-default ul.post-grid-meta li i {
color: #fcb302;
margin-right: 7px;
}
.post-default ul.post-grid-meta li a {
color: #7a7a7a;
}
.post-default ul.post-grid-meta li a:hover {
color: #f43127;
}
.post-default ul.post-grid-meta li.item-comment a {
color: #7a7a7a;
font-weight: 400;
}
.post-default ul.post-grid-meta li.item-comment a span {
color: #444444;
font-weight: 700;
}
.post-default .rtin-item-post .rtin-img img {
width: 100%;
max-width: 100%;
transform: scale(1);
-webkit-transition: all 180ms ease-in-out;
transition: all 180ms ease-in-out;
}
.post-default .rtin-item-post:hover .rtin-img img {
transform: scale(1.1);
} .post-grid-style1 .rtin-item-post .rtin-img {
border-radius: 10px;
overflow: hidden;
position: relative;
}
.post-grid-style1 .rtin-item-post {
background: #ffffff;
border-radius: 10px;
position: relative;
margin-bottom: 30px;
-webkit-box-shadow: 0 0 48px 0 rgba(155, 155, 155, 0.15);
box-shadow: 0 0 48px 0 rgba(155, 155, 155, 0.15);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.post-grid-style1 .rtin-item-post .rtin-content {
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 25px;
padding: 22px 30px 8px;
background: #ffffff;
border-radius: 20px;
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
.post-grid-style1 .rtin-item-post:hover .rtin-content {
bottom: 10px;
}
.post-grid-style1 .rtin-item-post .rtin-content p {
margin-bottom: 18px;
}
@media(max-width: 991px) {
.post-grid-style1 .rtin-item-post .rtin-content {
padding-left: 25px;
padding-right: 25px;
}
} .post-grid-style2 .rtin-item-post .rtin-img {
border-radius: 15px 15px 0 0;
overflow: hidden;
position: relative;
}
.post-grid-style2 .rtin-item-post {
background: #ffffff;
border-radius: 15px;
position: relative;
margin-bottom: 30px;
-webkit-box-shadow: 0 0 48px 0 rgba(155, 155, 155, 0.15);
box-shadow: 0 0 48px 0 rgba(155, 155, 155, 0.15);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.post-grid-style2 .rtin-item-post:hover {
-webkit-box-shadow: 0 0 48px 0 rgba(155, 155, 155, 0.25);
box-shadow: 0 0 48px 0 rgba(155, 155, 155, 0.25);
}
.post-grid-style2 .rtin-item-post .rtin-content {
padding: 30px 30px 25px;
background: #fff;
z-index: 2;
position: relative;
border-radius: 0px 0px 15px 15px;
}
.post-grid-style2 .rtin-item-post.no_image .rtin-content {
margin-top: 0;
}
.post-grid-style2 .rtin-item-post .rtin-content p {
margin-bottom: 18px;
}
.post-default.post-grid-style2 ul.post-grid-meta {
margin-bottom: 14px;
}
.post-default.post-grid-style2 ul.post-grid-meta > li:after {
display: none;
}
.post-default.post-grid-style2 .blog-btn {
color: #646464;
font-size: 15px;
font-weight: 600;
font-family: 'Barlow', sans-serif;
}
.post-default.post-grid-style2 .blog-btn i {
padding-left:  8px;
-webkit-transition: all 140ms ease-in-out;
-o-transition: all 140ms ease-in-out;
transition: all 140ms ease-in-out;
}
.post-default.post-grid-style2 .blog-btn:hover {
color: #f43127;
}
.post-default.post-grid-style2 .blog-btn:hover i {
padding-left: 14px;
} .post-grid-style3 .blog-box {
background: #ffffff;
border-radius: 15px;
position: relative;
margin-bottom: 30px;
-webkit-box-shadow: 0 0 48px 0 rgba(155, 155, 155, 0.15);
box-shadow: 0 0 48px 0 rgba(155, 155, 155, 0.15);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.post-grid-style3 .blog-box:hover {
-webkit-box-shadow: 0 0 48px 0 rgba(155, 155, 155, 0.25);
box-shadow: 0 0 48px 0 rgba(155, 155, 155, 0.25);
}
.post-grid-style3 .blog-box .rtin-img {
border-radius: 15px 15px 0 0;
overflow: hidden;
position: relative;
}
.post-grid-style3 .blog-box .rtin-img img {
width: 100%;
max-width: 100%;
transform: scale(1);
-webkit-transition: all 180ms ease-in-out;
transition: all 180ms ease-in-out;
}
.post-grid-style3 .blog-box:hover .rtin-img img {
transform: scale(1.1);
}
.post-grid-style3 .blog-box .rtin-content {
padding: 30px 30px 25px;
background: #fff;
z-index: 2;
position: relative;
border-radius: 15px;
}
.post-grid-style3 .blog-box .rtin-content h3 {
font-size: 30px;
line-height: 1.4;
margin-bottom: 18px;
}
.post-grid-style3 .list-blog .blog-box .rtin-content h3 {
font-size: 22px;
line-height: 1.2;
margin-bottom: 15px;
}
.post-grid-style3 .blog-box .rtin-content h3 a {
color: #111111;
}
.post-grid-style3 .blog-box .rtin-content h3 a:hover {
color: #f43127;
}
.post-grid-style3 .blog-box .rtin-content p {
margin-bottom: 18px;
}
.post-grid-style3 .blog-box ul.post-grid-meta {
margin-bottom: 10px;
}
.post-grid-style3 .blog-box ul.post-grid-meta > li:after {
display: none;
}
.post-grid-style3 .blog-box .blog-btn {
color: #646464;
font-size: 15px;
font-weight: 600;
font-family: 'Barlow', sans-serif;
}
.post-grid-style3 .blog-box .blog-btn i {
padding-left:  8px;
-webkit-transition: all 140ms ease-in-out;
-o-transition: all 140ms ease-in-out;
transition: all 140ms ease-in-out;
}
.post-grid-style3 .blog-box .blog-btn:hover {
color: #f43127;
}
.post-grid-style3 .blog-box .blog-btn:hover i {
padding-left:  14px;
}
.post-grid-style3 .list-blog .blog-box {
display: flex;
}
.post-grid-style3 .list-blog .blog-box .rtin-img {
border-radius: 15px 0 0 15px;
width: 255px;
}
.post-grid-style3 .list-blog .blog-box .rtin-img a {
display: block;
height: 100%;
}
.post-grid-style3 .list-blog .blog-box .rtin-img img {
height: 100%;
object-fit: cover;
}
@media(max-width: 991px) {
.post-grid-style3 .list-blog .blog-box .rtin-img {
width: 200px;
}
}
@media(max-width: 425px) {
.post-grid-style3 .list-blog .blog-box {
display: inline-block;
}
.post-grid-style3 .list-blog .blog-box .rtin-img {
border-radius: 15px 15px 0 0;
width: auto;
}
} .post-grid-style4 .rtin-item-post .rtin-img {
overflow: hidden;
position: relative;
}
.post-grid-style4 .rtin-item-post {
position: relative;
margin-bottom: 30px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.post-grid-style4 .rtin-item-post:hover {
-webkit-box-shadow: 0 0 48px 0 rgba(155, 155, 155, 0.15);
box-shadow: 0 0 48px 0 rgba(155, 155, 155, 0.15);
}
.post-grid-style4 .rtin-item-post .rtin-content {
padding: 30px 30px 25px;
background: #fff;
border: 1px solid #d7d9d9;
border-top: none;
z-index: 2;
position: relative;
}
.post-grid-style4 .rtin-item-post.no_image .rtin-content {
margin-top: 0;
}
.post-grid-style4 .rtin-item-post .rtin-content p {
margin-bottom: 18px;
}
.post-default.post-grid-style4 ul.post-grid-meta {
margin-bottom: 14px;
}
.post-default.post-grid-style4 ul.post-grid-meta > li:after {
display: none;
}
.post-default.post-grid-style4 .blog-btn {
color: #646464;
font-size: 15px;
font-weight: 600;
font-family: 'Barlow', sans-serif;
}
.post-default.post-grid-style4 .blog-btn i {
padding-left:  8px;
-webkit-transition: all 140ms ease-in-out;
-o-transition: all 140ms ease-in-out;
transition: all 140ms ease-in-out;
}
.post-default.post-grid-style4 .blog-btn:hover {
color: #f43127;
}
.post-default.post-grid-style4 .blog-btn:hover i {
padding-left: 14px;
} .post-slider-style3 .owl-carousel .owl-stage-outer {
padding: 0 20px;
width: calc(100% + 40px);
margin-left: -20px;
}
.post-slider-style3 .rtin-item-post {
-webkit-box-shadow: 0 0 15px 0 rgba(155, 155, 155, 0.15);
box-shadow: 0 0 15px 0 rgba(155, 155, 155, 0.15);
}
.post-slider-style3 .rtin-item-post:hover {
-webkit-box-shadow: 0 0 15px 0 rgba(155, 155, 155, 0.25);
box-shadow: 0 0 15px 0 rgba(155, 155, 155, 0.25);
} .offer-active .rt-price-table-box .offer {
position: absolute;
top: 46px;
left: -72px;
transform: rotate(-50deg);
font-size: 18px;
color: #ffffff;
font-weight: 700;
background-color: #f43127;
padding: 4px 20px;
-webkit-clip-path: polygon(16% 0, 86% 0, 100% 100%, 0% 100%);
clip-path: polygon(16% 0, 86% 0, 100% 100%, 0% 100%);
z-index: 2;
width: 245px;
text-align: center;
}
.offer-active .rt-price-table-box .popular-shape:after {
content: "";
height: 170px;
width: 244px;
background-color: #f43127;
transform: rotate(-50deg);
position: absolute;
top: 45px;
left: 6px;
z-index: -2;
-webkit-clip-path: polygon(0 0, 100% 0, 86% 100%, 16% 100%);
clip-path: polygon(0 0, 100% 0, 86% 100%, 16% 100%);
}
.default-pricing .rt-price-table-box ul li i {
font-size: 14px;
color: #f43127;
margin-right: 7px;
}
.default-pricing .shadow-on {
-webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.02);
box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.02);
}
.default-pricing.active-class .shadow-on,
.default-pricing .shadow-on:hover {
-webkit-box-shadow: 0 12px 35px 0 rgba(0, 0, 0, 0.09);
box-shadow: 0 12px 35px 0 rgba(0, 0, 0, 0.09);
} .rtin-pricing-layout1 {
position: relative;
margin-bottom: 30px;
z-index: 2;
-webkit-transition: all 0.45s ease-in-out;
-o-transition: all 0.45s ease-in-out;
transition: all 0.45s ease-in-out;
}
.rtin-pricing-layout1 .price-header {
margin-bottom: 25px;
text-align: center;
}
.rtin-pricing-layout1 .price-header .rtin-title {
font-size: 24px;
font-weight: 700;
color: #111111;
margin-bottom: 8px;
}
.rtin-pricing-layout1 .rtin-pricing-price {
text-align: center;
}
.rtin-pricing-layout1 .rtin-pricing-price .rtin-price {
font-size: 80px;
font-weight: 600;
color: #f43127;
line-height: 1;
position: relative;
}
.rtin-pricing-layout1 .rtin-price .price-symbol {
color: #646464;
font-size: 24px;
font-weight: 400;
vertical-align: top;
display: inline-block;
margin-top: 8px;
margin-right: 2px;
}
.rtin-pricing-layout1 .rtin-price .price-unit {
font-size: 16px;
font-weight: 400;
color: #646464;
display: block;
}
.rtin-pricing-layout1 .rt-price-table-box ul {
list-style: none;
margin: 35px 0 20px 0;
padding: 35px 50px 0 50px;
border-top: 1px solid #e5e5e5;
}
.rtin-pricing-layout1 .rt-price-table-box ul li {
color: #444444;
font-size: 16px;
margin-bottom: 15px;
}
.rtin-pricing-layout1 .rt-price-table-box ul li:last-child {
margin-bottom: 0;
}
.rtin-pricing-layout1 .rt-price-table-box {
position: relative;
background: #ffffff;
border-radius: 4px;
padding: 50px 0px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtin-pricing-layout1 .rt-price-table-box .rtin-price-button {
margin: 30px 50px 0 50px;
text-align: center;
}
.rtin-pricing-layout1 .rt-price-table-box .btn-fill-dark {
padding: 20px 25px;
width: 100%;
text-align: center;
-webkit-box-shadow: 0 12px 35px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 12px 35px 0 rgba(0, 0, 0, 0.3);
}
@media (max-width: 1199px) {
.rtin-pricing-layout1 .rt-price-table-box ul,
.rtin-pricing-layout1 .rt-price-table-box .rtin-price-button {
padding-left: 30px;
padding-right: 30px;
}
}
@media(max-width: 991px) {
.rtin-pricing-layout1 .rt-price-table-box ul {
text-align: center;
}
} .rtin-pricing-layout2 {
position: relative;
margin-bottom: 30px;
z-index: 1;
-webkit-transition: all 0.45s ease-in-out;
-o-transition: all 0.45s ease-in-out;
transition: all 0.45s ease-in-out;
}
.rtin-pricing-layout2 .rt-price-table-box .header-wrap {
position: relative;
background: #f43127;
border-radius: 4px 4px 0 0;
text-align: center;
z-index: 1;
-webkit-transition: all 0.45s ease-in-out;
-o-transition: all 0.45s ease-in-out;
transition: all 0.45s ease-in-out;
}
.rtin-pricing-layout2 .rt-price-table-box .header-wrap:after {
content: '';
position: absolute;
bottom: -100%;
right: -15%;
border-top: 272px solid #fff;
width: 130%;
background: #fff;
border-radius: 50%;
z-index: -1;
}
.rtin-pricing-layout2 .rt-price-table-box {
background: #ffffff;
position: relative;
border-radius: 4px;
overflow: hidden;
-webkit-transition: all 0.45s ease-in-out;
-o-transition: all 0.45s ease-in-out;
transition: all 0.45s ease-in-out;
}
.rtin-pricing-layout2 .price-header {
margin-top: 30px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtin-pricing-layout2 .price-header .rtin-title {
font-size: 14px;
font-weight: 400;
color: #ffffff;
margin-bottom: 25px;
background: #fcb302;
display: inline-block;
padding: 8px 20px;
border-radius: 30px;
min-width: 180px;
-webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.45s ease-in-out;
-o-transition: all 0.45s ease-in-out;
transition: all 0.45s ease-in-out;
}
.rtin-pricing-layout2 .price-header .rtin-sub-title {
color: #85868a;
font-size: 18px;
font-weight: 400;
margin-bottom: 30px;
}
.rtin-pricing-layout2 .rtin-pricing-price {
padding-top: 50px;
}
.rtin-pricing-layout2 .rtin-pricing-price .rtin-price {
font-size: 60px;
font-weight: 700;
color: #ffffff;
line-height: 1;
position: relative;
}
.rtin-pricing-layout2 .rtin-price .price-symbol {
color: #ffffff;
font-size: 24px;
font-weight: 400;
vertical-align: top;
display: inline-block;
margin-top: 8px;
margin-right: 2px;
}
.rtin-pricing-layout2 .rtin-price .price-unit {
font-size: 16px;
font-weight: 400;
color: #ffffff;
margin-top: 6px;
}
.rtin-pricing-layout2 .rt-price-table-box ul {
list-style: none;
margin: 0 0 20px 0;
padding: 0;
display: block;
position: relative;
top: -1px;
z-index: 2;
background: #ffffff;
text-align: center;
}
.rtin-pricing-layout2 .rt-price-table-box ul li {
font-size: 16px;
color: #444444;
padding: 10px 20px;
}
.rtin-pricing-layout2 .rt-price-table-box .rtin-price-button {
margin: 10px 20px 60px;
text-align: center;
}
.rtin-pricing-layout2 .rt-price-table-box .rtin-price-button a {
text-align: center;
}
.rtin-pricing-layout2 .rt-price-table-box .panpie-button-1 {
padding: 12px 45px;
}
.rtin-pricing-layout2:hover .rt-price-table-box .price-header .rtin-title,
.rtin-pricing-layout2.active-class .rt-price-table-box .price-header .rtin-title {
background: #f43127;
}
.rtin-pricing-layout2:hover .rt-price-table-box .header-wrap,
.rtin-pricing-layout2.active-class .rt-price-table-box .header-wrap {
background: #fcb302;
}
@media(max-width: 991px) {
.rtin-pricing-layout2.active-class {
bottom: 0px;
transform: scaleY(1);
}
} .rtin-logo-slider .rtin-item {
padding: 10px 20px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtin-logo-slider .rtin-item img {
filter: grayscale(1);
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtin-logo-slider .rtin-item:hover img {
filter: grayscale(0);
opacity: 0.7;
}
.rtin-logo-slider .rtin-item {
margin: 20px 15px;
text-align: center;
}
.rtin-logo-slider .rt-owl-carousel .rtin-item img {
width: auto;
display: inline-block;
} .rtin-logo-grid .rtin-item {
background: #f5f5f5;
padding: 10px 20px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtin-logo-grid .rtin-item img {
filter: grayscale(1);
opacity: 0.5;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtin-logo-grid .rtin-item:hover img {
filter: grayscale(0);
opacity: 1;
}
.rtin-logo-grid .rtin-item {
margin: 0px 15px 30px;
text-align: center;
}
.rtin-logo-grid .rt-owl-carousel .rtin-item img {
width: auto;
display: inline-block;
} .chef-box .chef-box-content {
margin-top: 20px;
}
.chef-box .chef-box-content .chef-date {
font-size: 17px;
font-weight: 500;
color: #e30025;
margin-bottom: 8px;
display: block;
}
.chef-box .chef-box-content h3 {
font-size: 20px;
font-weight: 700;
}
.chef-box .chef-box-content h3 a {
color: #111111;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.chef-box .chef-box-content h3 a:hover {
color: #e30025;
}
.chef-box .chef-box-content .rtin-cat {
border-top: 1px solid #e9e9e9;
margin-top: 18px;
padding-top: 18px;
}
.chef-box .chef-box-content .rtin-cat a {
color: #444444;
}
.chef-box .chef-box-content .rtin-cat a:hover {
color: #f89f24;
}
.chef-box .chef-box-content .rtin-cat i {
color: #f89f24;
padding-right: 8px;
} .rtin-address-default .rtin-item {
margin-bottom: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.rtin-address-default .rtin-item:last-child {
margin-bottom: 0px;
}
.rtin-address-default .rtin-title {
font-size: 20px;
margin-bottom: 5px;
}
.rtin-address-default .rtin-content {
margin-bottom: 20px;
}
.rtin-address-default .rtin-item .rtin-icon i {
color: #fcb302;
font-size: 26px;
margin-right: 20px;
margin-top: 5px;
line-height: 1;
}
.rtin-address-default .rtin-item .rtin-icon i:before {
margin-left: 0;
}
.rtin-address-default .rtin-item .rtin-info {
font-size: 16px;
}
.rtin-address-default .rtin-item .rtin-info h3 {
color: #111111;
font-size: 20px;
margin-bottom: 10px;
}
.rtin-address-default .rtin-item .rtin-info a {
color: #646464;
}
.rtin-address-default .rtin-item .rtin-info a:hover {
color: #fcb302;
}
.rtin-address-default .rtin-item .rtin-info ul {
list-style: none;
margin: 0;
padding: 0;
}
.rtin-address-default .rtin-item .rtin-info ul li {
display: block;
}
.address-style2 .rtin-item .rtin-icon {
background-image: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/element/shape26.png);
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
text-align: center;
line-height: 1;
margin-right: 20px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.address-style2 .rtin-item .rtin-icon i {
margin-top: 0;
font-size: 40px;
padding: 20px 28px 24px;
text-align: center;
margin-right: 0;
line-height: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.address-style2 .rtin-item .rtin-info,
.address-style2 .rtin-item .rtin-info a {
color: #111111;
font-size: 20px;
font-weight: 500;
}
.address-style2 .rtin-item:hover .rtin-icon {
transform: rotate(45deg);
}
.address-style2 .rtin-item:hover .rtin-icon i {
transform: rotate(-45deg);
color: #f43127;
} .rtin-contact-info .rtin-title {
font-size: 20px;
margin-bottom: 5px;
}
.rtin-contact-info ul {
list-style: none;
margin: 0;
padding: 0;
}
.rtin-contact-info ul li {
color: #646464;
margin-bottom: 15px;
}
.rtin-contact-info ul li:last-child {
margin-bottom: 0px;
}
.rtin-contact-info ul li a {
color: #646464;
}
.rtin-contact-info ul li a:hover {
color: #f43127;
}
.rtin-contact-info ul li i {
padding-right: 10px;
width: 25px;
color: #f43127;
}
.rtin-contact-info .rtin-text {
font-size: 16px;
}  .cta-style1 .action-box h2 {
font-size: 44px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 12px;
}
.cta-style1 .action-box h3 {
font-size: 30px;
font-weight: 500;
margin-bottom: 20px;
}
@media(max-width: 991px) {
.cta-style1 .action-box {
text-align: center;
}
}
@media(max-width: 767px) {
.cta-style1 .action-box h2 {
font-size: 30px;
}
.cta-style1 .action-box h3 {
font-size: 24px;
}
} .cta-style2 .action-box {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.cta-style2 .cta-content {
flex: 1;
}
.cta-style2 .action-box h2 {
font-size: 40px;
line-height: 1.2;
margin-bottom: 15px;
}
.cta-style2 .action-box p {
margin-bottom: 0;
}
.cta-style2 .action-box .rtin-phone {
display: inline-block;
color: #ffffff;
background: #fcb302;
border-radius: 30px;
margin-bottom: 0;
margin-left: 25px;
padding: 8px 25px;
box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.15);
}
.cta-style2 .action-box .rtin-phone span {
font-size: 24px;
font-weight: 500;
}
.cta-style2 .action-box .rtin-phone i {
padding-right: 10px;
}
.cta-style2 .action-box .rtin-phone a {
color: #ffffff;
font-size: 28px;
}
@media(max-width: 767px) {
.cta-style2 .action-box {
display: block;
text-align: center;
}
}
@media(max-width: 480px) {
.cta-style2 .action-box .rtin-phone {
margin-top: 30px;
margin-left: 0;
padding-right: 18px;
padding-left: 18px;
}
.cta-style2 .action-box .rtin-phone span {
font-size: 18px;
}
.cta-style2 .action-box .rtin-phone a {
font-size: 20px;
}
}
.button-square .cta-style2 .action-box .rtin-phone {
border-radius: 50px;
padding: 18px 30px;
} .cta-style3 .action-box {
display: flex;
align-items: center;
}
.cta-style3 .action-box h2 {
font-size: 36px;
line-height: 1.2;
margin-bottom: 0;
}
.cta-style3 .action-box p {
margin-bottom: 0;
margin-top: 15px;
}
.cta-style3 .action-box .rtin-button {
text-align: right;
}
.cta-style3 .action-box .rtin-button .btn-fill-black {
border-radius: 50px;
margin-right: 15px;
padding-top: 13px;
padding-bottom: 13px;
}
.cta-style3 .action-box .rtin-button .btn-fill-black:last-child {
margin-right: 0px;
}
.cta-style3 .action-box .rtin-button .media {
align-items: center;
}
.cta-style3 .action-box .rtin-button .item-icon {
margin-right: 12px;
}
.cta-style3 .action-box .rtin-button .item-text {
font-size: 18px;
line-height: 1.4;
text-align: left;
}
.cta-style3 .action-box .rtin-button .item-text span {
display: block;
font-size: 14px;
font-weight: 400;
color: #e2e2e2;
}
@media (max-width: 991px) {
.cta-style3 .action-box h2 {
font-size: 30px;
}
.cta-style3 .action-box {
display: inherit;
text-align: center;
}
.cta-style3 .action-box .rtin-button {
margin-top: 25px;
text-align: center;
}
}
@media (max-width: 767px) {
.cta-style3 .action-box h2 {
font-size: 26px;
}
}
@media (max-width: 480px) {
.cta-style3 .action-box .rtin-button .btn-fill-black:first-child {
margin-right: 0;
margin-bottom: 8px;
}
} .cta-style4 .action-box h2 {
font-size: 40px;
}
.cta-style4 .action-box .rtin-phone {
display: inline-block;
color: #ffffff;
background: #fcb302;
border-radius: 30px;
margin-bottom: 0;
padding: 8px 25px;
box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.15);
}
.cta-style4 .action-box .rtin-phone i {
padding-right: 10px;
}
.cta-style4 .action-box .rtin-phone a {
color: #ffffff;
font-size: 28px;
}
.cta-style4 .action-box .rtin-phone span {
font-weight: 500;
font-size: 24px;
}
@media(max-width: 991px) {
.cta-style4 .action-box {
text-align: center;
}
}
@media(max-width: 480px) {
.cta-style4 .action-box .rtin-phone {
padding-right: 18px;
padding-left: 18px;
}
.cta-style4 .action-box .rtin-phone span {
font-size: 18px;
}
.cta-style4 .action-box .rtin-phone a {
font-size: 20px;
}
} .cta-style5 .action-box {
text-align: center;
}
.cta-style5 .action-box .rtin-title {
font-size: 40px;
font-weight: 800;
color: #fff;
text-align: center;
position: relative;
z-index: 1;
margin-bottom: 20px;
padding: 7px 35px;
line-height: 1.2;
}
.cta-style5 .action-box .rtin-title:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
clip-path: polygon(0 0, 100% 0, 94% 50%, 100% 100%, 0 100%, 6.5% 51%);
background-color: #f43127;
width: 100%;
height: 100%;
z-index: -1;
} .cta-style6 .action-box {
transform: rotate(-10deg);
}
.cta-style6 .action-box .rtin-title {
font-size: 40px;
font-weight: 800;
color: #fff;
position: relative;
z-index: 1;
margin-bottom: 20px;
padding: 7px 35px 9px;
line-height: 1.2;
}
.cta-style6 .action-box .rtin-title:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
clip-path: polygon(0 0, 100% 0, 97% 50%, 100% 100%, 0 100%, 0% 100%);
background: linear-gradient(90deg, rgba(244,49,39,1) 0%, rgba(252,179,2,1) 100%);
width: 100%;
height: 100%;
z-index: -1;
border-radius: 7px 0 0 7px;
}
.cta-style6 .action-box .rtin-title:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 0 70px 30px 0;
border-color: transparent #f43127 transparent transparent;
left: 0;
bottom: -28px;
border-radius: 7px 0 0 7px;
}
.cta-style6 .action-box .sub-title {
color: #000000;
font-weight: 500;
text-align: left;
display: block;
margin-left: 30px;
} .elementor-accordion .elementor-accordion-item {
border: none !important;
border-radius: 0;
margin-bottom: 10px;
}
.elementor-accordion .elementor-accordion-item:last-child {
margin-bottom: 0px;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title {
position: relative;
background: #ffffff;
border: 1px solid #e2e2e2;
border-radius: 0;
font-weight: 700;
font-size: 18px;
color: #111111;
line-height: 1.4;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title:before {
position: absolute;
content: "";
left: -1px;
top: 0;
width: 3px;
height: 0;
background-color: #f43127;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active:before {
height: 100%;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title a {
color: #111111;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active {
border: 1px solid #fff;
box-shadow: 0 -8px 15px 0 rgba(0, 0, 0, 0.05);
margin-bottom: -1px;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-content {
border: none;
color: #646464;
position: relative;
padding: 5px 20px 15px;
box-shadow: 0 15px 21px 0 rgba(0, 0, 0, 0.05);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-content:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 3px;
height: 0;
background-color: #f43127;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-content:before {
height: 100%;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-content p {
margin-bottom: 0;
}
.elementor-accordion .elementor-tab-title .elementor-accordion-icon {
width: inherit;
}
.elementor-accordion .elementor-tab-title .elementor-accordion-icon > span {
position: relative;
top: 1px;
font-size: 15px;
color: #9f9f9f;
}
.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-opened {
color: #f43127;
top: 1px;
font-size: 24px;
line-height: 0;
border-radius: 50%;
box-shadow: 0 10px 16px 0 rgba(244, 49, 39, 0.40);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media(max-width: 767px) {
.elementor-accordion .elementor-accordion-item .elementor-tab-content,
.elementor-accordion .elementor-accordion-item .elementor-tab-title {
padding-left: 20px;
padding-right: 20px;
}
} .rt-video {
position: relative;
z-index: 1;
text-align: center;
}
.rt-video .rtin-video .item-img:after {
content: "";
height: 100%;
width: 100%;
border-radius: 4px;
background-color: rgba(21, 30, 34, 0.8);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.rtin-video .item-icon {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
margin: 0 auto;
text-align: center;
z-index: 1;
}
.rtin-video .item-icon .rtin-play i {
margin-left: 2px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.rt-video .rtin-video img {
border-radius: 5px;
height: 100%;
object-fit: cover;
}
@media(max-width: 767px) {
.rt-video .rtin-video img {
height: 420px;
}
} .video-style1 .rtin-video .item-img {
position: relative;
border: 8px solid #ffffff;
border-radius: 5px;
z-index: 1;
}
.video-style1 .rtin-video .item-img:before {
content: "";
height: 105%;
width: 105%;
border: 0.125rem dashed rgba(255, 255, 255, 0.3);
border-radius: 0.3125rem;
position: absolute;
top: -0.5625rem;
left: -1.125rem;
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
z-index: -1;
}
.video-style1 .rtin-video .item-icon .rtin-play {
display: inline-block;
position: relative;
text-align: center;
height: 80px;
width: 80px;
border-radius: 50%;
font-size: 30px;
color: #ffffff;
margin: 0 auto;
-webkit-animation: pulse infinite 2000ms;
animation: pulse infinite 2000ms;
}
.video-style1 .rtin-video .item-icon .rtin-play:before {
display: inline-block;
position: absolute;
left: 0;
top: 0;
content: "";
height: 100%;
width: 100%;
border-radius: 50%;
background-color: #f43127;
z-index: 0;
opacity: 1;
visibility:  visible;
transform: scale(1);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.video-style1 .rtin-video .item-icon .rtin-play:after {
display: inline-block;
position: absolute;
left: 0;
top: 0;
content: "";
height: 100%;
width: 100%;
border-radius: 50%;
background-color: #ffffff;
z-index: -1;
opacity: 0;
visibility: hidden;
transform: scale(1.3);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.video-style1 .rtin-video .item-icon .rtin-play:hover {
color: #f43127;
}
.video-style1 .rtin-video .item-icon .rtin-play:hover:before {
opacity: 0;
visibility: hidden;
transform: scale(0);
}
.video-style1 .rtin-video .item-icon .rtin-play:hover:after {
opacity: 1;
visibility: visible;
transform: scale(1);
} .video-style2 .rtin-video .item-icon .rtin-play {
display: inline-block;
position: relative;
text-align: center;
height: 80px;
width: 80px;
background-color: white;
border-radius: 50%;
font-size: 30px;
color: #f43127;
margin: 0 auto;
}
.video-style2 .rtin-video .item-icon .rtin-play:after {
content: "";
height: 95px;
width: 95px;
border: 2px solid rgba(255, 255, 255, 0.5);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
-webkit-animation: pulse infinite 2000ms;
animation: pulse infinite 2000ms;
}
@-webkit-keyframes pulse {
0% {
box-shadow: 0 0 0 0 white;
}
70% {
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 white;
}
70% {
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
} .video-style3 {
min-height: 500px;
display: flex;
justify-content: center;
align-items: center;
}
.video-style3 .rtin-video {
padding: 0 15px;
}
.video-style3 .rtin-video .rtin-title {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 28px;
margin-top: 20px;
}
.video-style3 .rtin-video .rtin-title span {
font-size: 30px;
line-height: 48px;
color: #fff;
letter-spacing: 0.2em;
display: inline-block;
text-transform: uppercase;
margin: 0 20px;
}
.video-style3 .rtin-video .item-img:after {
display: none;
}
.video-style3 .rtin-video .item-icon {
position: inherit;
transform: inherit;
}
@media(max-width: 767px) {
.video-style3.rt-video .rtin-video img {
height: inherit;
}
.video-style3 .rtin-video .rtin-title span {
font-size: 18px;
}
}
.video-style3 .rtin-video .item-icon .rtin-play {
display: inline-block;
width: 62px;
height: 62px;
border-radius: 50%;
background-color: #fff;
color: #f43127;
line-height: 62px;
text-align: center;
position: relative;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
font-size: 17px;
}
.video-style3 .rtin-video .item-icon .rtin-play:after {
content: "";
position: absolute;
z-index: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 75px;
height: 75px;
border-radius: 50%;
border: 1px solid #fff;
animation: pulse-border 1500ms ease-out infinite;
z-index: -1;
}
.video-style3 .rtin-video .item-icon .rtin-play:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 90px;
height: 90px;
border-radius: 50%;
border: 1px solid #fff;
animation: pulse-border 1500ms ease-out infinite;
z-index: -1;
}
@keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 0;
}
} .progress-circular-layout {
text-align: center;
}
.progress-circular-layout .progress-circular {
margin-bottom: 15px;
}
.progress-circular-layout .rtin-title {
margin-bottom: 6px;
color: #646464;
font-size: 20px;
} .rtin-progress-bar {
overflow: hidden;
}
.rtin-progress-bar .rtin-name {
color: #8d8c8c;
font-size: 16px;
line-height: 1.5;
margin-bottom: 10px;
}
.rtin-progress-bar .progress {
background-color: #f0f0f0;
border-radius: 4px;
box-shadow: none;
height: 10px;
overflow: visible;
margin: 0;
}
.rtin-progress-bar .progress .progress-bar {
position: relative;
background-color: #fcb302;
border-radius: 4px;
overflow: inherit;
animation-duration: 1.5s;
animation-delay: 1.2s;
animation-name: fadeInLeft;
}
.rtin-progress-bar .progress .progress-bar > span {
font-size: 12px;
color: #f43127;
position: absolute;
right: 0;
top: -28px;
padding: 5px;
line-height: 1;
}
.rtin-progress-bar .progress .progress-bar > span:before, 
.rtin-progress-bar .progress .progress-bar > span:after {
border: medium solid transparent;
content: " ";
height: 0;
position: absolute;
top: 100%;
width: 0;
}
.rtin-progress-bar .progress .progress-bar > span:before {
border-top-color: #f43127;
border-width: 5px;
left: 50%;
margin-left: -5px;
} .rt-counter .rtin-item {
position: relative;
margin-bottom: 30px;
}
.rt-counter .rtin-item .rtin-title {
font-size: 18px;
font-weight: 500;
color: #646464;
line-height: 1.4;
margin-bottom: 0px;
position: relative;
}
.rt-counter .rtin-item .rtin-counter {
color: #f43127;
font-size: 50px;
font-weight: 700;
display: inline-block;
margin-bottom: 14px;
line-height: 1;
z-index: 3;
position: relative;
}
.rt-counter.rtin-center {
text-align: center;
}
.rt-counter.rtin-center .rtin-item .rtin-title:after {
right: 0;
}
.rt-counter.rtin-right {
text-align: right;
}
.rt-counter.rtin-right .rtin-item .rtin-title:after {
right: 0;
left: inherit;
}
.rt-counter .rtin-item .rtin-media {
line-height: 1;
margin-bottom: 24px;
}
.rt-counter .rtin-item .rtin-media i,
.rt-counter .rtin-item .rtin-media i:before {
font-size: 48px;
color: #d6d6d6;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rt-counter .rtin-item .rtin-media .image-svg svg {
fill: #d6d6d6;
width: 150px;
height: 100%;
}
.rt-counter.rtin-counter-style2 .rtin-item .rtin-counter {
display: block;
}
.rt-counter.rtin-counter-style2 .rtin-item svg {
margin-bottom: 15px;
}
.rt-counter.rtin-counter-style2 .rtin-item svg path {
stroke: #fcb302;
}
.rt-counter.rtin-counter-style3 .rtin-item {
background: #f43127;
border-radius: 4px;
padding: 27px 15px 30px;
}
.rt-counter.rtin-counter-style3 .rtin-item .rtin-title {
color: #ffffff;
}
.rt-counter.rtin-counter-style3 .rtin-item .rtin-counter {
color: #ffffff;
margin-bottom: 6px;
} #sb_instagram {
padding-bottom: 0 !important;
}
#sb_instagram #sbi_load .sbi_follow_btn {
margin-left: 0;
}
#sb_instagram .sbi_follow_btn {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
#sb_instagram #sbi_load .sbi_load_btn,
#sb_instagram .sbi_follow_btn a,
.ig-block .instagallery-actions .igact-instalink {
padding: 14px 20px;
border-radius: 4px;
background: #ffffff;
margin-top: 0;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;
color: #111111;
letter-spacing: 2px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#sb_instagram .sbi_follow_btn a:focus, 
#sb_instagram .sbi_follow_btn a:hover {
outline: 0;
box-shadow: none;
background: #111111;
color: #ffffff;
}
#sbi_images .sbi_photo_wrap {
position: relative;
overflow: hidden;
}
#sbi_images .sbi_photo_wrap img {
display: block !important;
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#sbi_images .sbi_photo_wrap:hover img {
-webkit-transform: scale(1.1) rotate(2deg);
-ms-transform: scale(1.1) rotate(2deg);
transform: scale(1.1) rotate(2deg);
} .image-default .rtin-image {
position: relative;
}
.image-default .rtin-image img {
position: relative;
z-index: 1;
}
.elementor-widget-rt-image,
.elementor-widget-rt-image > .elementor-widget-container,
.elementor-widget-rt-image > .elementor-widget-container .image-default {
height: 100%;
}
.image-style1 .rtin-image {
min-height: 500px;
}
@keyframes bouncebubble {
1% {
transform: translateY(0);
}
25% {
transform: translateY(10px);
}
50% {
transform: translateX(10px);
}
75% {
transform: translateX(-10px);
}
100% {
transform: translateY(0);
transform: translateX(0);
}
} .image-style1 .rtin-image:after {
content: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/element/shape1.png);
position: absolute;
bottom: -5%;
left: -20%;
z-index: 0;
-webkit-animation: round_run infinite 50000ms;
animation: round_run infinite 50000ms;
} .image-style2 .rtin-image {
display: inline-block;
}
.image-style2 .rtin-image .animate-left {
position: absolute;
left:40px;
top: -43px;
z-index: 1;
}
.image-style2 .rtin-image .animate-right {
position: absolute;
right: 28px;
top: -43px;
z-index: 1;
}
.image-style2 .rtin-image .animate-left img {
animation: bouncebubble infinite 5s;
}
.image-style2 .rtin-image .animate-right img {
animation: bouncebubble infinite 5s;
}
@media(max-width: 991px){
.image-style2 {
text-align: center;
}
} .image-style3 {
transform: translateX(-15%);
-webkit-transform: translateX(-15%);
}
.image-style3 .rtin-image:after {
content: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/element/smoke.png);
position: absolute;
bottom: 10px;
left: 0;
z-index: 0;
-webkit-animation: down_up infinite 2000ms;
animation: down_up infinite 2000ms;
}
@media(max-width: 991px){
.image-default .rtin-image {
text-align: center;
}
.image-style1 .rtin-image:after,
.image-style2 .rtin-image:after {
left: 0;
right: 0;
}
.image-style3 {
transform: translateX(-10%);
-webkit-transform: translateX(-10%);
}
}
@media(max-width: 767px){
.image-style3 {
transform: translateX(-20%);
-webkit-transform: translateX(-20%);
}
}
@media(max-width: 480px){
.image-style1 .rtin-image:after,
.image-style2 .rtin-image:after {
display: none;
}
}
.image-style4 .rtin-image {
height: 100%;
}
.image-style4 .rtin-image img {
height: 100%;
object-fit: cover;
}
.image-style5 .rtin-image .discount-price {
position: absolute;
right: 10%;
top: 22%;
z-index: 2;
} .image-style7 .rtin-image {
display: inline-block;
}
.image-style7 .rtin-image .shape-list {
margin: 0;
padding: 0;
list-style: none;
}
.image-style7 .rtin-image .shape-list li {
position: absolute;
transition: all ease .7s;
}
.image-style7 .rtin-image .shape-list li.shape1 {
left: 0;
top: 33px;
z-index: 2;
animation-delay: 0.7s;
animation: upDownBounch1 2s infinite;
}
.image-style7 .rtin-image .shape-list li.shape2 {
left: 40px;
top: -45px;
z-index: 2;
animation-delay: 0.5s;
animation: upDownBounch2 3s infinite;
}
.image-style7 .rtin-image .shape-list li.shape3 {
left: 150px;
top: -30px;
z-index: 2;
animation-delay: 0.9s;
animation: upDownBounch3 2.5s infinite;
}
@-webkit-keyframes upDownBounch1 {
50% {
-webkit-transform: translateX(15px) translateY(15px);
}
}
@-moz-keyframes upDownBounch1 {
50% {
-moz-transform: translateX(15px) translateY(15px);
}
}
@keyframes upDownBounch1 {
50% {
transform: translateX(15px) translateY(15px);
}
}
@-webkit-keyframes upDownBounch2 {
50% {
-webkit-transform: translateX(20px) translateY(25px);
}
}
@-moz-keyframes upDownBounch2 {
50% {
-moz-transform: translateX(20px) translateY(25px);
}
}
@keyframes upDownBounch2 {
50% {
transform: translateX(20px) translateY(25px);
}
}
@-webkit-keyframes upDownBounch3 {
50% {
-webkit-transform: translateY(20px);
}
}
@-moz-keyframes upDownBounch3 {
50% {
-moz-transform: translateY(20px);
}
}
@keyframes upDownBounch3 {
50% {
transform: translateY(20px);
}
} .image-style8 .rtin-image .animate-left {
position: absolute;
left: 8%;
top: 52%;
z-index: 0;
}
.image-style8 .rtin-image .animate-right {
position: absolute;
right: 16%;
top: 35%;
z-index: 0;
} .image-style9 .rtin-image {
overflow: hidden;
}
.image-style9 .rtin-image .rtin-title {
position: absolute;
top: 48%;
left: 0;
right: 0;
z-index: 2;
margin: 0 auto;
text-align: center;
margin-bottom: 0;
transform: translateY(-50%);
}
.image-style9 .rtin-image img {
width: 100%;
transform: scale(1);
-webkit-transition: all 180ms ease-in-out;
transition: all 180ms ease-in-out;
}
.image-style9 .rtin-image:hover img {
transform: scale(1.2);
} .image-style10 .rtin-image .animate-left {
position: absolute;
left:0;
top: 0;
z-index: 1;
}
.image-style10 .rtin-image .animate-right {
position: absolute;
right: 10%;
top: 23%;
z-index: 1;
}
.image-style10 .rtin-image .animate-right img {
animation: bouncebubble infinite 5s;
}
@media(max-width: 1199px) {
.image-style10 .rtin-image .animate-right {
right: 8%;
top: 20%;
}
}
@media(max-width: 991px) {
.image-style10 .rtin-image .animate-right {
right: 9%;
top: 26%;
}
}
@media(max-width: 767px) {
.image-style10 .rtin-image .animate-right img {
max-width: 130px;
}
}
@media(max-width: 375px) {
.image-style10 .rtin-image .animate-right {
right: 9%;
top: 20%;
}
.image-style10 .rtin-image .animate-right img {
max-width: 120px;
}
} .image-style11 .rtin-image {
display: inline-block;
}
.image-style11 .rtin-image .main-img {
margin-left: 131px;
margin-top: 70px;
}
.image-style11 .rtin-image .animate-top {
position: absolute;
left: 215px;
top: 0;
z-index: 1;
}
.image-style11 .rtin-image .animate-left {
position: absolute;
left: 0px;
top: 133px;
z-index: 1;
}
.image-style11 .rtin-image .animate-top img {
animation: bouncebubble infinite 6s;
}
.image-style11 .rtin-image .animate-left img {
animation: bouncebubble infinite 7s;
}
@media(max-width: 991px){
.image-style11 {
text-align: center;
}
}
@media(max-width: 767px){
.image-style11 .rtin-image .animate-left {
display: none;
}	
.image-style11 .rtin-image .main-img {
margin-left: 0;
margin-top: 80px;
}
.image-style11 .rtin-image .animate-top {
left: 0;
}
} .banner-add-default {
overflow: hidden;
}
.banner-add-default .rtin-image {
position: relative;
overflow: hidden;
}
.banner-add-default .banner-img {
transition: all 180ms ease-in-out;
}
.banner-add-style1 .rtin-button {
position: absolute;
left: 50px;
bottom: 30px;
}
.banner-add-style2 .rtin-button {
position: absolute;
left: 50px;
bottom: 30px;
}
.banner-add-style3 .rtin-button {
position: absolute;
right: 78px;
bottom: 30px;
}
.banner-add-style1 .banner-img {
position: absolute;
right: 0;
bottom: 0;
transform: scale(1);
}
.banner-add-style1 .banner-img:hover {
transform: scale(1.1);
}
.banner-add-style2 .banner-img {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%) scale(1);
}
.banner-add-style2 .banner-img:hover {
transform: translateY(-50%) scale(1.1);
}
.banner-add-style3 .banner-img {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%) scale(1);
}
.banner-add-style3 .banner-img:hover {
transform: translateY(-50%) scale(1.1);
} .banner-add-style4 .rtin-image {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
min-height: 590px;
}
.banner-add-style4 .item-content {
position: absolute;
top: 40px;
left: 15px;
right: 15px;
margin: 0 auto;
text-align: center;
}
.banner-add-style4 .item-content .item-title {
font-size: 36px;
color: #ffffff;
margin-bottom: 30px;
}
.banner-add-style4 .banner-img {
position: absolute;
right: 30px;
bottom: 30px;
}
.banner-add-style4:hover .banner-img {
transform: scale(1.1);
} .banner-add-style5 .rtin-image {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
min-height: 280px;
}
.banner-add-style5 .item-content {
padding: 40px 50px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.banner-add-style5 .item-content .item-title {
font-size: 36px;
color: #ffffff;
margin-bottom: 30px;
}
.banner-add-style5 .banner-img {
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%) scale(1);
}
.banner-add-style5:hover .banner-img {
transform: translateY(-50%) scale(1.1);
}
.banner-add-default .btn-fill-white,
.banner-add-default .btn-fill-light,
.banner-add-default .btn-fill-red-white {
padding: 14px 22px;
}
.banner-add-default .btn-fill-white i,
.banner-add-default .btn-fill-light i,
.banner-add-default .btn-fill-red-white i {
margin-right: 8px;
margin-left: 0;
}
@media (max-width: 1199px) {
.banner-add-style1 .banner-img img {
max-width: 220px;
}
.banner-add-style2 .banner-img {
max-width: 170px;
}
.banner-add-style3 .banner-img {
max-width: 170px;
}
.banner-add-style1 .rtin-button {
bottom: 10px;
left: 30px;
}
.banner-add-style2 .rtin-button {
bottom: 10px;
left: 30px;
}
.banner-add-style3 .rtin-button {
bottom: 10px;
right: 18px;
}
.banner-add-default .btn-fill-white,
.banner-add-default .btn-fill-light,
.banner-add-default .btn-fill-red-white {
padding: 8px 15px;
}
} .rt-animate-image {
position: relative;
}
.animate-image-style1 .left-holder {
position: absolute;
left: 0;
top: 100px;
z-index: 1;
}
.animate-image-style1 .right-holder {
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.animate-image-style2 .left-holder {
position: absolute;
left: 0;
top: 100px;
z-index: 1;
}
.animate-image-style2 .right-holder {
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.animate-image-style3 .left-holder {
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.animate-image-style3 .right-holder {
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
}
@media(max-width: 991px) {
.animate-image-style1 .left-holder {
display: none;
}
}
.animate-image-style4 .left-holder {
position: absolute;
left: 0;
top: 100px;
z-index: 1;
}
.animate-image-style4 .right-holder {
position: absolute;
right: 0;
top: 0;
z-index: 1;
} .default-category-box .imgnormal{
display:block;
}
.default-category-box .imghover {
display:none;
}
.default-category-box:hover .imgnormal{
display:none;
}
.default-category-box:hover .imghover {
display:block;
}
.default-category-box .media .rt-categoty-icon {
position: relative;
margin-right: 15px;
-webkit-transition: all 0.43s ease-in-out;
transition: all 0.43s ease-in-out;
-webkit-font-smoothing: antialiased;
}
.default-category-box .media .grayscale img {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.default-category-box .media:hover .grayscale img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.default-category-box .media {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding-bottom: 15px;
}
.default-category-box .rtin-title {
color: #ffffff;
display: inline-block;
margin-bottom: 0;
}
.default-category-box .rtin-sub-title {
color: #ffffff;
} .category-box-style1 .media .rt-categoty-icon svg {
position: absolute;
bottom: calc(100% - 8px);
left: 50%;
fill: #ffffff;
transform: translateX(-50%) scale(0);
-webkit-transition: all 0.43s ease-in-out;
transition: all 0.43s ease-in-out;
}
.category-box-style1 .media:hover .rt-categoty-icon svg {
transform: translateX(-50%) scale(1);
} .category-box-style2 .media {
padding-bottom: 0;
}
.category-box-style2 .media .rt-categoty-icon {
overflow: hidden;
align-items: center;
margin-right: 0;
}
.category-box-style2 .media .rt-categoty-icon .svg-shape {
position: relative;
margin-right: 15px;
}
.category-box-style2 .media .rt-categoty-icon .svg-shape > span {
position: absolute;
left: 0;
right: 0;
top: 50%;
margin: 0 auto;
text-align: center;
transform: translateY(-50%);
-webkit-transition: all 0.43s ease-in-out;
transition: all 0.43s ease-in-out;
}
.category-box-style2 .media .rt-categoty-icon .svg-shape > span img {
width: 34px;
}
.category-box-style2 .media:hover .rt-categoty-icon .svg-shape > span {
animation: toBottomFromTop 0.5s;
}
.category-box-style2 .media .rt-categoty-icon .svg-shape .shape-1 {
fill: #c9141a;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
}
.category-box-style2 .media:hover .rt-categoty-icon .svg-shape .shape-1 {
fill: #fcb302;
box-shadow: 0 3px 3px 0 rgb(0 0 0 / 28%) inset;
}
@-webkit-keyframes toBottomFromTop {
49% {
-webkit-transform: translateY(100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toBottomFromTop {
49% {
-moz-transform: translateY(100%);
}
50% {
opacity: 0;
-moz-transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toBottomFromTop {
49% {
transform: translateY(100%);
}
50% {
opacity: 0;
transform: translateY(-100%);
}
51% {
opacity: 1;
}
} .fixed-side-bar .fixed-bar-coloum {
display: initial;
}
@media(min-width: 992px) and (max-width: 1199px) {
.fixed-side-bar .post-grid-style1 .row > div {
width: 100%;
max-width: 100%;
flex: 100%;
}
}
@media(max-width:991px) {
.fixed-side-bar .fixed-bar-coloum.fixed-sidebar-left {
display: none;
}
.fix-bar-bottom-copyright {
display: block;
}
} @media ( max-width: 1199px) {
.row-cols-xl-3 .shop-layout-1 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media ( max-width: 575px) {
.row-cols-xl-3 .shop-layout-1 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.food-box {
text-align: center;
margin-bottom: 50px;
position: relative;
z-index: 1;
}
.food-box .img-wrap {
margin: -5px auto 25px;
position: relative;
box-shadow: 0 20px 24px 0 rgba(0, 0, 0, 0.03);
border-radius: 50%;
-webkit-transition: all ease .75s;
transition: all ease .75s;	
background: #fffbf1;
}
@media(max-width: 991px) {
.food-box {
margin-bottom: 40px;
}
.food-box .img-wrap {
margin-bottom: 30px;
}
}
.food-box:hover .img-wrap {
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.10);
}
.food-box .img-wrap .item-img {
-webkit-transition: all ease .75s;
transition: all ease .75s;	
}
.food-box .img-wrap .item-img img {
border-radius: 50%;
-webkit-transition: all ease .75s;
transition: all ease .75s;
}
.food-box .img-wrap .item-img {
display: inline-block;
position: relative;
margin: 30px;
}
.food-box .img-wrap {
position: relative;
}
.food-box .img-wrap .item-img .btn-wrap {
text-align: center;
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.food-box .img-wrap .item-img .cart-btn {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
font-family: 'Barlow', sans-serif;
font-weight: 600;
font-size: 14px;
color: #ffffff;
border: none;
border-radius: 30px;
padding: 14px 24px;
overflow: hidden;
line-height: 1.4;
z-index: 1;
text-transform: uppercase;
}
.food-box .img-wrap .item-img .cart-btn:after {
position: absolute;
content: "";
left: 0;
top: 0;
z-index: -2;
height: 100%;
width: 100%;
border-radius: 30px;
background: #f43127;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.food-box .img-wrap .item-img .cart-btn:before {
position: absolute;
content: "";
left: inherit;
right: 0;
top: 0;
z-index: -1;
height: 100%;
width: 0;
border-radius: 30px;
background: #fcb302;
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
.food-box .img-wrap .item-img .cart-btn:hover:before {
width: 100%;
right: inherit;
left: 0;
}
.food-box .img-wrap .item-img .cart-btn:hover {
color: #ffffff;
}
.food-box .img-wrap .item-img .cart-btn i {
margin-right: 8px;
}
.food-box .ajax_add_to_cart.add_to_cart_button.loading {
background: rgba(0, 0, 0, 0) url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/img/loading.gif) no-repeat scroll left center / contain;
}
.food-box .single_add_to_cart_button,  .ajax_add_to_cart.add_to_cart_button {
border: 2px solid #e7272d;
color: #e7272d;
}
.food-box .ajax_add_to_cart.add_to_cart_button {
padding: 7px 13px;
cursor: pointer;
}
.food-box .item-content .item-title {
margin-bottom: 1.5625rem;
}
.food-box .item-content .item-title a {
color: #000000;
}
.food-box .item-content .item-title a:hover {
color: #f43127;
}
.food-box .item-content .entry-meta {
background-color: #ffffff;
border-radius: 1.875rem;
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.food-box .item-content .entry-meta li {
width: 50%;
} .food-box .item-content .entry-meta .other-prices,
.food-box .item-content .entry-meta .item-price {
font-size: 1.5rem;
font-weight: 600;
color: #f43127;
font-family: 'Barlow', sans-serif;
padding: 0.625rem 1.875rem;
background: #F2F2F2;
}
.food-box .item-content .entry-meta li {
font-size: 24px;
font-weight: 600;
color: #f43127;
font-family: 'Barlow', sans-serif;	
width: 100% !important;
padding: 5px 5px 8px;
}
.food-box .item-content .entry-meta .item-price.show {
display: block;
}
@media only screen and (max-width: 767px) {
.food-box .item-content .entry-meta .item-price {
padding: 0.625rem 0.9375rem;
font-size: 1.375rem;
}
}
.food-box:hover .item-img .btn-wrap {
visibility: visible;
opacity: 1;
}
.food-box:hover .item-img .btn-wrap .cart-btn {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
} .food-box .item-content ul {
list-style: none;
margin: 0;
padding: 0;
}
.food-box .item-content .entry-meta {
padding: 0;
}
.food-box .item-content .entry-meta >li {
padding: 0;
flex: 1;
text-align: left;
height: 50px;
line-height: 50px;
}
.food-box .item-content .entry-meta li ul li {
padding: 0;
display: flex;
align-items: center;
}
.food-box .item-content .entry-meta li ul li.list-of-price {
line-height: 50px;
}
.food-box .item-content .entry-meta .variable-prod-price .variable-prod-select {
border: none;
}
.food-box .item-content .entry-meta .price {
display: flex;
margin-left: 8px;
font-weight: 700;
}
.food-box .item-content .entry-meta .woocommerce-Price-amount {
font-size: 22px;
line-height: 50px;
}
.food-box .item-content .entry-meta .item-price {
padding: 0 35px 0 20px;
border-radius: 0 30px 30px 0;
background: transparent;
font-size: 20px;
}
.food-box .item-content .entry-meta ul li del {
margin-right: 5px;
}
.food-box .entry-meta .select2-container {
vertical-align: inherit;
text-align: center;
display: block;
}
.food-box .entry-meta .select2-container:focus {
outline: none;
}
.food-box .entry-meta .select2-container .select2-selection--single:focus {
outline: none;
}
.food-box .entry-meta .select2-container .select2-selection--single {
height: 50px;
border: none;
background-color: #fcb302;
border-radius: 30px 0 0 30px;
}
.food-box .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, 
.food-box .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
border-radius: 0 0 0 25px;
}
.food-box .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, 
.food-box .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
border-radius: 25px 0 0 0;
}
.food-box .entry-meta .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 50px;
font-size: 14px;
color: #000;
text-transform: uppercase;
}
.food-box .entry-meta .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 20px;
width: 20px;
right: 10px;
background: #fff;
border-radius: 50%;
top: 14px;
}
.food-box .entry-meta .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #000 transparent transparent transparent;
margin-top: -2px;
}
.food-box .entry-meta .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #000 transparent;
} .panpie-style-style1 .variation-number-2 {
margin-bottom: 100px;
}
.panpie-style-style1 .variation-number-2 .entry-meta .select2-container {
margin-bottom: 7px;
}
.team-multi-layout-1 .variation-number-2 {
margin-bottom: 60px;
}
.team-multi-layout-1 .variation-number-2 .entry-meta .select2-container {
margin-bottom: 7px;
}
.shop-layout-style7 .variation-number-2 {
padding-bottom: 30px;
}
.shop-layout-style7 .variation-number-2 .entry-meta .select2-container {
margin-bottom: 7px;
} .panpie-style-style5 .food-box {
text-align: left;
margin-bottom: 30px;
position: relative;
z-index: 0;
border-radius: 10px;
background: #ffffff;
border: 1px solid #e2e2e2;
padding: 30px;
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
.panpie-style-style5 .food-box .img-wrap {
position: relative;
margin: 0;
box-shadow: none;
background: transparent;
}
.panpie-style-style5 .food-box .img-wrap .item-img {
margin: 0 10px;
-webkit-transition: all ease .75s;
transition: all ease .75s; 
}
@media(max-width:991px) {
.panpie-style-style5 .food-box {
text-align: center;
}
.panpie-style-style5 .food-box .item-content .entry-meta .price {
display: inline-flex;
}
}
.panpie-style-style5 .food-box .item-content {
padding-top: 20px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.panpie-style-style5 .food-box .item-content .entry-meta {
background: transparent;
}
.panpie-style-style5 .food-box .item-content .entry-meta .item-price {
padding: 0;
border-radius: 0;
}
.panpie-style-style5 .food-box .img-wrap .item-img:after {
display: none;
}
.panpie-style-style5 .food-box .entry-meta .select2-container .select2-selection--single {
height: 32px;
width: 132px;
border-radius: 30px;
border: 1px solid #e2e2e2;
background: #ffffff !important;
text-align: left;
}
.panpie-style-style5 .food-box .entry-meta .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 30px;
font-size: 14px;
color: #646464;
text-transform: capitalize;
font-weight: 400;
padding-left: 13px;
}
.panpie-style-style5 .food-box .entry-meta .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 32px;
width: 30px;
right: 0px;
background: #fcb302;
border-radius: 0 30px 30px 0;
top: 0px;
}
.panpie-style-style5 .food-box .entry-meta .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #fff transparent transparent transparent;
}
.panpie-style-style5 .food-box .entry-meta .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #ffffff transparent;
}
.panpie-style-style5 .food-box .item-content .item-title {
margin-bottom: 10px;
}
.product-grid-view .panpie-style-style5 .food-box .item-content p {
display: block;
font-size: 15px;
line-height: 24px;
}
.panpie-style-style5 .food-box .item-content .entry-meta > li {
height: 32px;
line-height: 32px;
}
.panpie-style-style5 .food-box .item-content .entry-meta .woocommerce-Price-amount {
font-size: 22px;
line-height: 32px;
}
.panpie-style-style5 .variation-number-2 {
padding-bottom: 60px;
} .panpie-style-style5 .food-box .img-wrap .btn-wrap {
text-align: center;
position: absolute;
top: 40%;
left: 0;
right: 0;
opacity:  0;
visibility: hidden;
z-index: 999;
-webkit-transform: translateY(-40%);
-ms-transform: translateY(-40%);
transform: translateY(-40%);
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
.panpie-style-style5 .food-box .img-wrap .cart-btn {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
font-family: 'Barlow', sans-serif;
font-weight: 600;
font-size: 14px;
color: #ffffff;
border: none;
border-radius: 30px;
padding: 14px 24px;
overflow: hidden;
line-height: 1.4;
z-index: 1;
text-transform: uppercase;
}
.panpie-style-style5 .food-box .img-wrap .cart-btn:after {
position: absolute;
content: "";
left: 0;
top: 0;
z-index: -2;
height: 100%;
width: 100%;
border-radius: 30px;
background: #f43127;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.panpie-style-style5 .food-box .img-wrap .cart-btn:before {
position: absolute;
content: "";
left: inherit;
right: 0;
top: 0;
z-index: -1;
height: 100%;
width: 0;
border-radius: 30px;
background: #fcb302;
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
.panpie-style-style5 .food-box .img-wrap .cart-btn:hover:before {
width: 100%;
right: inherit;
left: 0;
}
.panpie-style-style5 .food-box .img-wrap .cart-btn:hover {
color: #ffffff;
}
.panpie-style-style5 .food-box .img-wrap .cart-btn i {
margin-right: 8px;
} .panpie-style-style5 .food-box:hover {
background: #fffbf1;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
z-index: 2;
}
.panpie-style-style5 .food-box:hover .img-wrap .btn-wrap {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity:  1;
visibility: visible;
}
.panpie-style-style5 .food-box .entry-meta .select2-container {
margin-bottom: 7px;
} .select2-results__option {
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
color: #000;
padding: 0;
line-height: 20px;
padding: 4px 10px;
border-radius: 30px;
margin-bottom: 5px;
transition: all 0.3s ease-in-out;
}
.select2-dropdown {
z-index: 31;
}
.select2-container--default .select2-results__option {
background-color: #fff;
color: #000;
text-transform: capitalize;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #000;
color: #fff;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], 
.select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: #111;
color: #fff;
}
.select2-container--open .select2-dropdown--below {
position: relative;
border: none;
background-color: #fcb302;
padding: 10px 10px;
border-radius: 0 0 30px 30px;
left: 0;
}
.select2-container--open .select2-dropdown--above {
position: relative;
border: none;
background-color: #fcb302;
padding: 10px 10px;
border-radius: 30px 30px 0 0;
left: 0;
}
.select2-container--default.select2-container--open .select2-results__option:nth-child(1) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
transition: all 0.3s ease-in-out;
}
.select2-container--default.select2-container--open .select2-results__option:nth-child(2) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.5s;
transition: all 0.3s ease-in-out;
}
.select2-container--default.select2-container--open .select2-results__option:nth-child(3) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.9s;
transition: all 0.3s ease-in-out;
} .food-menu-combo .food-box-2 {
border: 1px solid #dcdcdc;
background-color: #ffffff;
border-radius: 40px;
text-align: center;
margin-bottom: 30px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.food-menu-combo .food-box-2 .img-wrap {
position: relative;
padding: 30px;
z-index: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.food-menu-combo .food-box-2 .img-wrap:before {
position: absolute;
bottom: 15px;
left: 15px;
z-index: -1;
content: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/element/shape22.png);
transform: scale(0);
-webkit-transition: all 180ms ease-in-out;
transition: all 180ms ease-in-out;
transition-delay: 0.02s;
}
.food-menu-combo .food-box-2 .img-wrap:after {
position: absolute;
top: 15px;
right: 15px;
z-index: -1;
content: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/element/shape21.png);
transform: scale(0);
-webkit-transition: all 180ms ease-in-out;
transition: all 180ms ease-in-out;
transition-delay: 0.02s;
}
.food-menu-combo .food-box-2:hover .img-wrap:before {
transform: scale(1);
}
.food-menu-combo .food-box-2:hover .img-wrap:after {
transform: scale(1);
}
.food-menu-combo .food-box-2 .img-wrap .item-img {
background-image: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/img/menu_bg1.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
padding: 30px;
}
.food-menu-combo .food-box-2:hover {
background: #fffbf1;
box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
border: 1px solid transparent;
}
.food-menu-combo .food-box-2 .img-wrap .item-img {
position: relative;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.food-menu-combo .food-box-2 .img-wrap .item-img img {
border-radius: 50%;
}
.food-menu-combo .food-box-2 .img-wrap .item-img > a {
position: relative;
display: inline-block;
}
.food-menu-combo .food-box-2 .img-wrap .item-img > a:after {
content: "";
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.6);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
z-index: 1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.food-menu-combo .food-box-2:hover .img-wrap .item-img > a:after {
opacity: 1;
visibility: visible;
}
.food-menu-combo .food-box-2 .img-wrap .item-img .btn-wrap {
text-align: center;
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.food-menu-combo .food-box-2:hover .item-img .btn-wrap {
visibility: visible;
opacity: 1; 
}
.food-menu-combo .food-box-2 .item-content .item-price {
font-size: 24px;
font-weight: 700;
color: #f43127;
margin-bottom: 12px;
display: inline-block;
position: relative;
}
.food-menu-combo .food-box-2 .img-wrap .item-img .cart-btn {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
font-family: 'Barlow', sans-serif;
font-weight: 600;
font-size: 14px;
color: #ffffff;
border: none;
border-radius: 30px;
padding: 14px 24px;
overflow: hidden;
line-height: 1.4;
z-index: 1;
text-transform: uppercase;
}
.food-menu-combo .food-box-2 .img-wrap .item-img .cart-btn:after {
position: absolute;
content: "";
left: 0;
top: 0;
z-index: -2;
height: 100%;
width: 100%;
border-radius: 30px;
background: #f43127;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.food-menu-combo .food-box-2 .img-wrap .item-img .cart-btn:before {
position: absolute;
content: "";
left: inherit;
right: 0;
top: 0;
z-index: -1;
height: 100%;
width: 0;
border-radius: 30px;
background: #fcb302;
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
.food-menu-combo .food-box-2 .img-wrap .item-img .cart-btn:hover:before {
width: 100%;
right: inherit;
left: 0;
}
.food-menu-combo .food-box-2 .img-wrap .item-img .cart-btn:hover {
color: #ffffff;
}
@media(max-width: 320px) {
.food-menu-combo .food-box-2 .img-wrap .item-img .cart-btn {
padding: 6px 16px;
font-size: 14px;
}
}
.food-menu-combo .food-box-2 .img-wrap .item-img .cart-btn i {
padding-right: 8px;
}
.food-menu-combo .food-box-2:hover .item-img .btn-wrap .cart-btn {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.food-menu-combo .food-box-2 .item-content {
padding: 0 1.875rem 1.875rem;
}
.food-menu-combo .food-box-2 .img-item {
display: inline-block;
position: relative;
margin: 30px;
}
.food-menu-combo .food-box-2 .item-content .item-title {
margin-bottom: 0.625rem;
}
.food-menu-combo .food-box-2 .item-content .item-title a {
color: #000000;
}
.food-menu-combo .food-box-2 .item-content .item-title a:hover {
color: #f43127;
} .food-menu-combo .food-box-3 {
background-color: #fffbf1;
border-radius: 40px;
text-align: center;
margin-bottom: 30px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.food-menu-combo .food-box-3 .img-wrap {
position: relative;
padding: 55px 55px 35px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.food-menu-combo .food-box-3 .img-wrap .item-img {
position: relative;
z-index: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.food-menu-combo .food-box-3 .img-wrap .item-img:before {
position: absolute;
bottom: 0px;
left: -15px;
z-index: -1;
content: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/element/shape22.png);
transform: scale(0);
-webkit-transition: all 180ms ease-in-out;
transition: all 180ms ease-in-out;
transition-delay: 0.02s;
}
.food-menu-combo .food-box-3 .img-wrap .item-img:after {
position: absolute;
top: 0px;
right: -15px;
z-index: -1;
content: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/element/shape21.png);
transform: scale(0);
-webkit-transition: all 180ms ease-in-out;
transition: all 180ms ease-in-out;
transition-delay: 0.02s;
}
.food-menu-combo .food-box-3:hover .img-wrap .item-img:before {
transform: scale(1);
}
.food-menu-combo .food-box-3:hover .img-wrap .item-img:after {
transform: scale(1);
}
.food-menu-combo .food-box-3 .img-wrap .item-img img {
border-radius: 50%;
}
.food-menu-combo .food-box-3 .img-wrap .item-img > a {
position: relative;
display: inline-block;
}
.food-menu-combo .food-box-3 .item-content .btn-wrap {
text-align: center;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
z-index: 2;
-webkit-transition: all 180ms ease-in-out;
transition: all 180ms ease-in-out;
}
.food-menu-combo .food-box-3:hover .item-content .btn-wrap {
bottom: 0;
opacity: 1;
visibility: visible;
}
.food-menu-combo .food-box-3 .item-content .btn-wrap .cart-btn {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-family: 'Barlow', sans-serif;
font-weight: 600;
font-size: 15px;
color: #ffffff;
border: none;
border-radius: 30px;
padding: 10px 24px;
overflow: hidden;
z-index: 1;
-webkit-transform: translateY(15px);
-ms-transform: translateY(15px);
transform: translateY(15px);
text-transform: uppercase;
}
.food-menu-combo .food-box-3 .item-content .btn-wrap .cart-btn:before {
position: absolute;
content: "";
left: inherit;
right: 0;
top: 0;
z-index: -1;
height: 100%;
width: 0;
border-radius: 30px;
background: #fcb302;
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
.food-menu-combo .food-box-3 .item-content .btn-wrap .cart-btn:after {
position: absolute;
content: "";
left: 0;
top: 0;
z-index: -2;
height: 100%;
width: 100%;
border-radius: 30px;
background: #f43127;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.food-menu-combo .food-box-3 .item-content .cart-btn:hover:before {
left: 0;
right: inherit;
width: 100%;
}
.food-menu-combo .food-box-3 .item-content .btn-wrap .cart-btn i {
margin-right: 8px;
}
.food-menu-combo .food-box-3 .item-content .item-price {
font-size: 24px;
font-weight: 700;
color: #f43127;
margin-bottom: 12px;
display: inline-block;
position: relative;
}
.food-menu-combo .food-box-3 .item-content {
position: relative;
padding: 0 30px 45px;
}
.food-menu-combo .food-box-3 .img-item {
display: inline-block;
position: relative;
margin: 30px;
}
.food-menu-combo .food-box-3 .item-content .item-title {
margin-bottom: 10px;
}
.food-menu-combo .food-box-3 .item-content .item-title a {
color: #111111;
}
.food-menu-combo .food-box-3 .item-content .item-title a:hover {
color: #f43127;
} .food-box-5 {
background: #fff;
margin-bottom: 30px;
padding: 25px 30px 25px 30px;
-webkit-box-shadow: 0 0 48px 0 rgb(155 155 155 / 15%);
box-shadow: 0 0 48px 0 rgb(155 155 155 / 15%);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.food-box-5 .item-content {
padding-top: 20px;
}
.food-box-5 .rating-custom .star-rating {
float: inherit;
margin: 0 0 7px;
}
.food-box-5 .item-content .item-title {
margin-bottom: 0;
}
.food-box-5 .item-content .item-title a {
color: #000;
}
.food-box-5 .item-content .item-title a:hover {
color: #f43127;
}
.food-box-5 .item-content > p {
margin-bottom: 10px;
}
.food-box-5 .item-content .variable-icon {
line-height: 1;
text-align: right;
display: inherit;
}
.food-box-5 .item-content .variable-icon a {
display: inline-flex;
width: 40px;
height: 40px;
border-radius: 50%;
justify-content: center;
align-items: center;
background-color: #fcb302;
color: #ffffff;
font-size: 14px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.food-box-5 .item-content .variable-icon a:hover {
background-color: #f43127;
}
.food-box-5 .item-content .item-price {
float: left;
}
.food-box-5 .item-price .price {
font-size: 22px;
font-weight: 700;
color: #f43127;
}
.food-box-5 .item-img img {
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.food-box-5:hover .item-img img {
transform: rotate(15deg);
}
@media(max-width: 991px){
.shop-layout-style10 > div {
display: flex;
justify-content: center;
}
} .food-menu-isotop {
position: relative;
}
.food-menu-isotop .isotope-classes-tab {
text-align: center;
margin-bottom: 45px;
}
.food-menu-isotop .isotope-classes-tab .nav-item {
margin-right: 4px;
margin-bottom: 5px;
font-family: 'Barlow', sans-serif;
font-weight: 700;
color: #000000;
border: 1px solid #d7d7d7;
background-color: #ffffff;
border-radius: 30px;
padding: 6px 26px;
display: inline-block;
text-transform: uppercase;
}
.food-menu-isotop .isotope-classes-tab .nav-item.current {
display: inline-block;
background: #fcb302;
border-color: #fcb302;
color: #ffffff;
box-shadow: 0 13px 35px 0 rgba(10, 22, 39, 0.38);
}
.food-menu-isotop .food-menu-box {
margin-bottom: 1.875rem;
background-color: #ffffff;
border: 0.0625rem solid #dcdcdc;
border-radius: 2.5rem;
padding: 1.75rem 3.125rem 2.1875rem 2.5rem;
overflow: hidden;
position: relative;
z-index: 1;
}
.row-cols-xl-3 .shop-layout-3 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
@media only screen and (max-width: 1199px) {
.food-menu-isotop .food-menu-box {
padding: 1.75rem 1.875rem 2.1875rem 1.875rem;
}
}
@media only screen and (max-width: 991px) {
.row-cols-xl-3 .shop-layout-3 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media only screen and (max-width: 479px) {
.food-menu-isotop .food-menu-box {
padding: 24px 15px 30px;
}
}
.food-menu-isotop .food-menu-box:before {
content: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/img/shape_2.png);
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
transform: translateX(0) translateY(-0);
}
.food-menu-isotop .food-menu-box:after {
content: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/img/shape_1.png);
position: absolute;
top: 0px;
right:0px;
z-index: -1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
transform: translateX(0) translateY(-0);
}
.food-menu-isotop .food-menu-box:hover:before {
transform: translateX(5px) translateY(-5px);
}
.food-menu-isotop .food-menu-box:hover:after {
transform: translateX(-5px) translateY(5px);
}
.food-menu-isotop .media {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.food-menu-isotop .media .item-img {
margin-right: 1.5625rem;
border-radius: 50%;
background-image: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/img/menu_bg2.png);
background-repeat: no-repeat;
background-position: center;
padding: 1.25rem;
}
.food-menu-isotop .media .item-img img {
border-radius: 50%;
}
@media only screen and (max-width: 479px) {
.food-menu-isotop .media {
display: inherit;
text-align: center;
}
.food-menu-isotop .media .item-img {
margin-right: 0.9375rem;
}
}
.food-menu-isotop .media .media-body {
position: relative;
margin-top: 0.625rem;
}
.food-menu-isotop .media .media-body .item-title {
margin-bottom: 0.9375rem;
}
.food-menu-isotop .media .media-body .item-title a {
color: #000000;
}
.food-menu-isotop .media .media-body .item-title a:hover {
color: #f43127;
}
.food-menu-isotop .media .media-body p {
margin-bottom: 0;
}
.food-menu-isotop .media .media-body .item-price {
position: absolute;
top: 0;
right: 0;
font-family: 'Barlow', sans-serif;
font-weight: 700;
font-size: 24px;
color: #f43127;
}
.food-menu-isotop .media .media-body .item-price.var-price {
font-size: 22px;
margin-top: 5px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.food-menu-isotop .media .media-body .item-price {
position: initial;
margin-top: 0.625rem;
}
}
@media only screen and (max-width: 479px) {
.food-menu-isotop .media .media-body .item-price {
position: initial;
margin-top: 0.625rem;
}
}
.food-menu-isotop .gallery-button {
text-align: center;
} .food-menu-isotop-style8 {
position: relative;
}
.food-menu-isotop-style8 .isotope-classes-tab {
text-align: center;
margin-bottom: 45px;
}
.food-menu-isotop-style8 .isotope-classes-tab .nav-item {
margin-bottom: 5px;
padding: 0 12px;
font-size: 18px;
font-weight: 500;
color: #787676;
border-bottom: 2px solid #d7d7d7;
display: inline-block;
}
.food-menu-isotop-style8 .isotope-classes-tab .nav-item.current {
display: inline-block;
border-color: #f43127;
color: #000000;
}
.food-menu-isotop-style8 .food-menu-box {
margin-bottom: 30px;
background-color: #faf7f2;
border-radius: 15px;
padding: 30px;
position: relative;
z-index: 1;
}
@media only screen and (max-width: 1199px) {
.food-menu-isotop-style8 .food-menu-box {
padding: 1.75rem 1.875rem 2.1875rem 1.875rem;
}
}
@media only screen and (max-width: 479px) {
.food-menu-isotop-style8 .food-menu-box {
padding: 24px 15px 30px;
}
}
.food-menu-isotop-style8 .media {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.food-menu-isotop-style8 .media .item-img {
margin-right: 20px;
border-radius: 50%;
width: 140px;
}
.food-menu-isotop-style8 .media .item-img img {
border-radius: 50%;
width: 100%;
transform: scale(1);
transition: all 140ms ease-in-out;
-webkit-transition: all 140ms ease-in-out;
}
.food-menu-isotop-style8 .food-menu-box:hover .media .item-img img {
transform: scale(1.1);
}
@media only screen and (max-width: 479px) {
.food-menu-isotop-style8 .media {
display: inherit;
text-align: center;
}
.food-menu-isotop-style8 .media .item-img {
margin: 0 auto;
}
}
.food-menu-isotop-style8 .media .media-body {
position: relative;
margin-top: 20px;
}
.food-menu-isotop-style8 .media .media-body .item-title {
margin-bottom: 0.9375rem;
}
.food-menu-isotop-style8 .media .media-body .item-title a {
color: #000000;
}
.food-menu-isotop-style8 .media .media-body .item-title a:hover {
color: #f43127;
}
.food-menu-isotop-style8 .media .media-body p {
margin-bottom: 0;
}
.food-menu-isotop-style8 .media .media-body .item-price {
position: absolute;
top: 0;
right: 0;
font-family: 'Barlow', sans-serif;
font-weight: 700;
font-size: 24px;
color: #f43127;
}
.food-menu-isotop-style8 .media .media-body .item-price.var-price {
font-size: 22px;
margin-top: 5px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.food-menu-isotop-style8 .media .media-body .item-price {
position: initial;
margin-top: 0.625rem;
}
}
@media only screen and (max-width: 479px) {
.food-menu-isotop-style8 .media .media-body .item-price {
position: initial;
margin-top: 0.625rem;
}
} .food-menu-isotop-style9 {
position: relative;
}
.food-menu-isotop-style9 .isotope-classes-tab {
text-align: center;
margin-bottom: 45px;
}
.food-menu-isotop-style9 .isotope-classes-tab .nav-item {
margin: 0 5px 5px;
padding: 0 12px;
font-size: 18px;
font-weight: 500;
color: #787676;
border-bottom: 3px solid #d7d7d7;
display: inline-block;
}
.food-menu-isotop-style9 .isotope-classes-tab .nav-item.current {
display: inline-block;
border-color: #fcb302;
color: #000000;
}
.food-menu-isotop-style9 .food-menu-box {
margin: 0 15px 30px;
position: relative;
z-index: 1;
}
.food-menu-isotop-style9 .media {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.food-menu-isotop-style9 .media .item-img {
margin-right: 13px;
}
.food-menu-isotop-style9 .media .media-body {
position: relative;
}
.food-menu-isotop-style9 .media .media-body .item-title {
position: relative;
margin-bottom: 5px;
}
.food-menu-isotop-style9 .media .media-body .item-title:after {
position: absolute;
content: "";
right: 0;
top: 18px;
border-bottom: 2px dashed #d7d7d7;
width: 100%;
z-index: -1;
}
.food-menu-isotop-style9 .media .media-body .item-title a {
color: #000000;
background: #f7f7f7;
padding-right: 14px;
}
.food-menu-isotop-style9 .media .media-body .item-title a:hover {
color: #f43127;
}
.food-menu-isotop-style9 .media .media-body p {
margin-bottom: 0;
color: #787676;
font-size: 15px;
font-weight: 500;
line-height: 1.4;
}
.food-menu-isotop-style9 .media .media-body .item-price {
position: absolute;
top: 2px;
right: 0;
font-family: 'Barlow', sans-serif;
font-weight: 700;
font-size: 22px;
color: #f43127;
background: #f7f7f7;
padding-left: 15px;
}
@media(max-width:480px) {
.food-menu-isotop-style9 .media {
display: inherit;
text-align: center;
}
.food-menu-isotop-style9 .media .media-body .item-title a {
padding: 0 7px;
}
.food-menu-isotop-style9 .media .media-body .item-price {
position: inherit;
padding-left: 0;
padding-top: 6px;
}
} .food-menu-isotop-style11 {
position: relative;
}
.food-menu-isotop-style11 .isotope-classes-tab {
text-align: center;
margin-bottom: 45px;
}
.food-menu-isotop-style11 .isotope-classes-tab .nav-item {
margin-bottom: 5px;
padding: 0 12px;
font-size: 18px;
font-weight: 500;
color: #787676;
border-bottom: 2px solid #d7d7d7;
display: inline-block;
}
.food-menu-isotop-style11 .isotope-classes-tab .nav-item.current {
display: inline-block;
border-color: #f43127;
color: #000000;
}
.food-menu-isotop-style11 .price-rating {
display: flex;
align-items: center;
justify-content: space-between;
}
.food-menu-isotop-style11 .item-box .item-body .item-price {
font-size: 28px;
font-weight: 700;
color: #f43127;
margin-bottom: 10px;
}
.food-menu-isotop-style11 .price-rating .rating-custom .star-rating {
margin: 0 0 8px;
}
.food-menu-isotop-style11 .item-box {
margin-bottom: 30px;
position: relative;
border-radius: 15px;
z-index: 1;
transition: all 140ms ease-in-out;
}
.food-menu-isotop-style11 .item-box:hover {
background: #ffffff;
box-shadow: 0 20px 48px 0 rgb(155 155 155 / 15%);
z-index: 2;
}
.food-menu-isotop-style11 .item-box .item-img {
border-radius: 15px 15px 0 0;
background-color: #faf7f2;
padding: 30px;
overflow: hidden;
text-align: center;
}
.food-menu-isotop-style11 .item-box .item-img img {
border-radius: 50%;
transform: scale(1);
transition: all 140ms ease-in-out;
}
.food-menu-isotop-style11 .item-box:hover .item-img img {
transform: scale(1.1);
}
.food-menu-isotop-style11 .item-box .item-body {
border: 1px solid #ebebeb;
border-top: none;
border-radius: 0 0 15px 15px;
position: relative;
padding: 30px;
transition: all 140ms ease-in-out;
}
.food-menu-isotop-style11 .item-box:hover .item-body {
border: 1px solid transparent;
border-top: none;
}
.food-menu-isotop-style11 .item-box .item-body .item-title {
margin-bottom: 0.9375rem;
}
.food-menu-isotop-style11 .item-box .item-body .item-title a {
color: #000000;
}
.food-menu-isotop-style11 .item-box .item-body .item-title a:hover {
color: #f43127;
}
.food-menu-isotop-style11 .item-box .btn-wrap .cart-btn {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
justify-content: center;
font-family: 'Barlow', sans-serif;
font-weight: 600;
font-size: 14px;
color: #fcb302;
border: none;
border-radius: 30px;
padding: 14px 24px;
overflow: hidden;
line-height: 1.4;
z-index: 1;
text-transform: uppercase;
letter-spacing: 0.8px;
}
.food-menu-isotop-style11 .item-box:hover .btn-wrap .cart-btn {
color: #ffffff;
}
.food-menu-isotop-style11 .item-box .btn-wrap .cart-btn:before {
position: absolute;
content: "";
left: inherit;
right: 0;
top: 0;
z-index: -1;
height: 100%;
width: 0;
border-radius: 30px;
background: #fcb302;
transition: all 240ms ease-in-out;
}
.food-menu-isotop-style11 .item-box .btn-wrap .cart-btn:after {
position: absolute;
content: "";
left: 0;
top: 0;
z-index: -2;
height: 100%;
width: 100%;
border-radius: 30px;
border: 1px solid #fcb302;
transition: all 0.3s ease-in-out;
}
.food-menu-isotop-style11 .item-box:hover .btn-wrap .cart-btn:before {
width: 100%;
right: inherit;
left: 0;
}
.food-menu-isotop-style11 .item-box .btn-wrap .cart-btn i {
margin-right: 8px;
} .shop-layout-style7 .owl-item {
text-align: left;
position: relative;
z-index: 0;
border-radius: 10px;
background: #ffffff;
border: 1px solid #ebebeb;
padding: 30px 20px;
-webkit-transition: all 140ms ease-in-out;
transition: all 140ms ease-in-out;
}
.shop-layout-style7 .owl-item:hover {
background: #faf7f2;
}
.shop-layout-style7 .food-box {
margin-bottom: 0;
text-align: left;
}
.shop-layout-style7 .food-box .item-header {
margin-bottom: 20px;
}
.shop-layout-style7 .food-box .item-header .item-title {
margin-bottom: 5px;
}
.shop-layout-style7 .food-box .item-header .item-title a {
color: #111111;
}
.shop-layout-style7 .food-box .item-header .item-title a:hover {
color: #f43127;
}
.shop-layout-style7 .food-box .item-header .item-price {
font-size: 22px;
color: #f43127;
font-weight: 700;
}
.shop-layout-style7 .food-box .item-img {
margin-bottom: 20px;
}
.shop-layout-style7 .food-box .item-content .entry-meta {
background: transparent;
}
.shop-layout-style7 .food-box .entry-meta .select2-container .select2-selection--single {
height: 42px;
width: 130px;
border-radius: 30px;
border: 1px solid #e2e2e2;
background: #ffffff !important;
}
.shop-layout-style7 .food-box .entry-meta .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 41px;
font-size: 14px;
color: #646464;
text-transform: capitalize;
font-weight: 400;
}
.shop-layout-style7 .food-box .entry-meta .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 42px;
width: 30px;
right: 0px;
background: #fcb302;
border-radius: 0 30px 30px 0;
top: 0px;
}
.shop-layout-style7 .food-box .entry-meta 
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #fff transparent transparent transparent;
}
.shop-layout-style7 .food-box .entry-meta .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #ffffff transparent;
}
.shop-layout-style7 .food-box .item-content .variable-icon {
line-height: 1;
margin-left: 10px;
text-align: right;
}
.shop-layout-style7 .food-box .variable-icon a {
display: inline-flex;
width: 42px;
height: 42px;
border-radius: 50%;
justify-content: center;
align-items: center;
background-color: #b7b7b7;
color: #ffffff;
font-size: 16px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.shop-layout-style7 .food-box .variable-icon a:hover {
background-color: #f43127;
} .rating-custom div.product .woocommerce-product-rating {
margin-bottom: 1.618em;
}
.rating-custom .woocommerce-product-rating::after, 
.rating-custom .woocommerce-product-rating::before {
content: ' ';
display: table;
}
.rating-custom .woocommerce-product-rating {
line-height: 2;
}
.rating-custom .star-rating {
margin: 8px 4px 20px 0;
float: left;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 1em;
width: 5.4em;
font-family: star;
}
.rating-custom .star-rating:before {
content: '\73\73\73\73\73';
color: #d3ced2;
float: left;
top: 0;
left: 0;
position: absolute;
}
.rating-custom .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.rating-custom .star-rating span:before {
content: '\53\53\53\53\53';
top: 0;
position: absolute;
left: 0;
color: #fcb302;
} .elementor-sidebar .elementor-widget.elementor-widget-wp-widget-search {
padding: 0;
}
.elementor-sidebar .elementor-widget {
background: #ffffff;
padding: 30px;
margin-bottom: 30px;
overflow: hidden;
position: relative;
border-radius: 5px;
-webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}
.element-side-title h5 {
position: relative;
color: #f43127;
font-size: 20px;
margin-bottom: 30px;
padding-bottom: 15px;
line-height: 1.4;
z-index: 2;
}
.element-side-title h5:after {
content: "";
height: 5px;
width: 33px;
background-color: #fcb302;
position: absolute;
bottom: 0;
left: 1px;
}
.image-bg-animation {
position: relative;
overflow: hidden;
}
.image-bg-animation:before {
content: url(//www.pizzeriasanmarzano.it/wp-content/themes/panpie/assets/img/figure20.png);
position: absolute;
top: 0;
left: 10px;
z-index: -1;
-webkit-animation-name: spin;
-webkit-animation-duration: 4000ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: spin;
-moz-animation-duration: 4000ms;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: spin;
-ms-animation-duration: 4000ms;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
animation-name: spin;
animation-duration: 4000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@-webkit-keyframes pulse {
0% {
box-shadow: 0 0 0 0 #dd0e1e;
}
70% {
box-shadow: 0 0 0 20px rgba(221, 14, 30, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(221, 14, 30, 0);
}
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 #dd0e1e;
}
70% {
box-shadow: 0 0 0 20px rgba(221, 14, 30, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(221, 14, 30, 0);
}
}
@-webkit-keyframes round_run {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes round_run {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes down_up {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes down_up {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
} .multiscroll-wrapper {
position: relative;
height: 100vh;
}
@media only screen and (max-width: 991px) {
.multiscroll-wrapper {
margin-top: -32px;
}
}
.multiscroll-wrapper .ms-left .left-slide1 {
position: relative;
background-color: #faf7f2;
}
.multiscroll-wrapper .ms-left .left-slide1 .item-content {
position: relative;
max-width: 70%;
width: 100%;
margin: 0 auto;
}
@media only screen and (min-width: 1600px) {
.multiscroll-wrapper .ms-left .left-slide1 .item-content {
max-width: 60%;
}
}
.multiscroll-wrapper .ms-left .left-slide1 .item-title {
font-size: 68px;
color: #111111;
font-weight: 800;
line-height: 1;
}
.multiscroll-wrapper .ms-left .left-slide1 .item-content .btn-fill-dark i {
margin-left: 0;
margin-right: 8px;
}
@media only screen and (max-width: 1199px) {
.multiscroll-wrapper .ms-left .left-slide1 .item-title {
font-size: 58px;
}
}
@media only screen and (max-width: 991px) {
.multiscroll-wrapper .ms-left .left-slide1 .item-title {
font-size: 48px;
}
}
@media only screen and (max-width: 767px) {
.multiscroll-wrapper .ms-left .left-slide1 .item-title {
font-size: 32px;
}
}
@media only screen and (max-width: 575px) {
.multiscroll-wrapper .ms-left .left-slide1 .item-title {
font-size: 28px;
}
}
@media only screen and (max-width: 375px) {
.multiscroll-wrapper .ms-left .left-slide1 .item-title {
font-size: 25px;
}
}
.multiscroll-wrapper .ms-left .left-slide1 p {
width: 60%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.multiscroll-wrapper .ms-left .left-slide1 .item-content {
max-width: 80%;
margin: 0 0 0 auto;
}
.multiscroll-wrapper .btn-fill-dark {
padding: 10px 20px;
}
}
@media only screen and (max-width: 480px) {
.multiscroll-wrapper .btn-fill-dark {
padding: 10px 15px;
font-size: 12px;
}
}
.multiscroll-wrapper .ms-left .left-slide1 .item-btn {
font-size: 16px;
position: relative;
display: inline-block;
border: 1px solid #111111;
border-radius: 4px;
color: #111111;
padding: 10px 15px;
margin-top: 3.5rem;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.multiscroll-wrapper .ms-left .left-slide1 .item-btn i:before {
font-size: 14px;
margin-left: 10px;
font-weight: 700;
color: #444444;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.multiscroll-wrapper .ms-left .left-slide1 .item-btn:hover {
color: #ffffff;
background-color: #111111;
}
.multiscroll-wrapper .ms-left .left-slide1 .item-btn:hover i:before {
color: #ffffff;
}
.multiscroll-wrapper .ms-section {
background-color: #000;
}
.multiscroll-wrapper .ms-right {
right: 0 !important;
}
.multiscroll-wrapper .ms-right .ms-section .ms-tableCell > div {
height: 100%;
}
.multiscroll-wrapper .ms-right .ms-section .ms-tableCell > div img {
height: 100%;
object-fit: cover;
}
.multiscroll-wrapper .social-menu-area {
position: absolute;
left: -85px;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
}
.multiscroll-wrapper .ms-social-link {
display: flex;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
}
.multiscroll-wrapper .ms-social-link li span {
font-size: 15px;
color: #000;
font-weight: 700;
margin-right: 15px;
}
.multiscroll-wrapper .ms-social-link li a {
display: block;
padding: 10px;
color: #939393;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.multiscroll-wrapper .ms-social-link li a:hover {
color: #f43127;
}
@media (max-width: 991px) {
.multiscroll-wrapper .social-menu-area {
left: -65px;
}
.multiscroll-wrapper .ms-social-link li:first-child {
display: none;
}
}
.multiscroll-wrapper .ms-copyright {
position: absolute;
bottom: 30px;
right: 50px;
font-size: 16px;
color: #cccccc;
line-height: 1;
}
.multiscroll-wrapper .ms-copyright a {
color: #cccccc;
}
.multiscroll-wrapper .ms-copyright a:hover {
color: #f43127;
}
.admin-bar .multiscroll-wrapper .ms-copyright {
bottom: 62px;
}
@media only screen and (max-width: 991px) {
.multiscroll-wrapper .ms-copyright {
position: fixed;
bottom: 0;
right: 0;
padding: 10px 15px;
}
.admin-bar .multiscroll-wrapper .ms-copyright {
bottom: 10px;
}
}
@media only screen and (max-width: 767px) {
.multiscroll-wrapper .ms-copyright {
background: rgba(0,0,0,0.4);
text-align: center;
left: 0;
bottom: 0;
}
.admin-bar .multiscroll-wrapper .ms-copyright {
bottom: 0;
}
} div#multiscroll-nav.right {
right: 50px;
}
div#multiscroll-nav ul {
margin: 0;
padding: 0;
list-style: none;
}
div#multiscroll-nav li {
width: 14px;
height: 14px;
margin: 0;
margin-bottom: 15px;
}
div#multiscroll-nav li a {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none;
}
div#multiscroll-nav li a span {
top: 0;
left: 0;
width: 14px;
height: 14px;
border: 2px solid #fff;
background: transparent;
border-radius: 50%;
position: absolute;
z-index: 1;
}
div#multiscroll-nav li a.active span {
background-color: #fff;
}
@media only screen and (max-width: 991px) {
div#multiscroll-nav.right {
right: 15px;
}
}
.split-shape-holder {
margin: 0;
padding: 0;
list-style: none;
}
@media only screen and (max-width: 767px) {
.split-shape-holder {
display: none;
}
}
.split-shape-holder li {
position: absolute;
}
.split-shape-holder li:nth-child(1) {
left: 50%;
top: 0;
transform: translateX(-50%);
}
.split-shape-holder li:nth-child(2) {
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
max-width: 70%;
width: 100%;
margin: 0 auto;
}
.split-shape-holder li:nth-child(3) {
right: 40px;
top: 40px;
}
.split-shape-holder li:nth-child(4) {
right: 0;
bottom: 0;
}
.split-shape-holder li:nth-child(5) {
right: 30px;
bottom: -15px;
z-index: 1;
}
.split-shape-holder li:nth-child(6) {
left: 40px;
bottom: 0;
}
.elementor-widget-text-editor .elementor-drop-cap-letter {
display: inline-block;
font-size: 75px;
color: #000;
font-weight: 700;
}  .fmp-layout1 .fmp-box {
border: 1px solid #e2e2e2;
border-radius: 10px;
text-align: center;
}
.fmp-layout1 .fmp-box img {
padding: 50px 30px 70px;
}
.fmp-layout1 .fmp-box .fmp-title h3 {
background-color: rgba(255, 251, 241, 1);
padding-top: 13px;
padding-bottom: 14px;
}
.fmp-layout1 .fmp-box .fmp-title p,
.fmp-layout1 .fmp-box .fmp-title h3 a {
color: #111111;
}
.fmp-layout1 .fmp-box:hover .fmp-title h3 {
padding-top: 70px;
}
.fmp-layout1 .fmp-box .fmp-btn-read-more {
border-radius: 30px;
padding: 5px 18px;
} .fmp-layout2 .fmp-box {
background: #fffbf1;
border-radius: 10px;
padding: 30px;
}
.fmp-layout2 .fmp-box .fmp-content {
padding: 10px 0 0 1px;
}
.fmp-layout2 .fmp-box .fmp-content h3 {
padding: 0;
}
.fmp-layout2 .fmp-box .fmp-content h3:before {
display: none;
}
.fmp-layout2 .fmp-box .fmp-img-wrapper {
margin-right: 15px;
}
.fmp-layout2 .fmp-box .fmp-img-wrapper img.fmp-feature-img {
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
.fmp-layout2 .fmp-box:hover .fmp-img-wrapper img.fmp-feature-img {
transform: scale(1.1);
} .fmp-layout3 .fmp-box {
border: 1px solid #e2e2e2;
border-radius: 10px;
padding: 30px;
text-align: center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.fmp-layout3 .fmp-box:hover {
background: #fffbf1;
border: 1px solid transparent;
}
.fmp-layout3 .fmp-title h3 {
position: relative;
border-bottom: none;
padding: 0;
}
.fmp-layout3 .fmp-title h3 a {
color: #111111;
}
.fmp-layout3 .fmp-title h3 a:hover {
color: #f43127;
}
.fmp-layout3 .fmp-box .fmp-btn-read-more {
border-radius: 30px;
padding: 5px 18px;
}
.fmp-layout3 .fmp-btn-read-more, 
.fmp-layout3 .fmp-wc-add-to-cart-btn {
border-radius: 30px;
padding: 5px 18px;
} .fmp-layout4 .fmp-media-body h3 {
position: relative;
border-bottom: none;
padding: 0;
margin: 0;
font-size: 22px;
}
.fmp-layout4 .fmp-media-body h3:after {
position: absolute;
content: "";
right: 0;
top: 17px;
border-bottom: 2px dashed #d7d7d7;
width: 100%;
z-index: -1;
}
.fmp-layout4 .fmp-media-body h3 a {
background: #fff;
color: #111111;
padding-right: 6px;
}
.fmp-layout4 .fmp-media-body h3 a:hover {
color: #f43127;
}
.fmp-layout4 .fmp-media-body .fmp-title-price {
margin-bottom: 2px;
}
.fmp-layout4 .fmp-media-body span.fmp-price {
padding-left: 8px;
position: relative;
top: 2px;
}
@media(max-width:767px){
.fmp-layout4 .fmp-media-body span.fmp-price {
padding-left: 0;
}
}
.fmp-layout4 .fmp-box .fmp-wc-add-to-cart-wrap {
margin-top: 0;
}
.fmp-layout4 .fmp-box .fmp-media img {
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
.fmp-layout4 .fmp-box:hover .fmp-media img {
transform: scale(1.1);
}
.fmp-layout4 .fmp-btn-read-more, 
.fmp-layout4 .fmp-wc-add-to-cart-btn {
border-radius: 30px;
padding: 5px 18px;
}
.owl-carousel .owl-item .fmp-box img {
display: inline-block;
width: auto;
} .fmp-isotope-layout .fmp-isotope-buttons > button {
background: transparent !important;
margin-bottom: 5px;
padding: 0 12px;
font-size: 18px;
font-weight: 500;
color: #787676 !important;
border-bottom: 2px solid #d7d7d7;
display: inline-block;
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
}
.fmp-isotope-layout .fmp-isotope-buttons > button.selected {
border-color: #f43127;
} .fmp-cat1 .fmp-media-body h3 {
position: relative;
border-bottom: none;
padding: 0;
margin: 0;
font-size: 22px;
}
.fmp-cat1 .fmp-media-body h3:after {
position: absolute;
content: "";
right: 0;
top: 17px;
border-bottom: 2px dashed #d7d7d7;
width: 100%;
z-index: -1;
}
.fmp-cat1 .fmp-media-body h3 a {
background: #fff;
color: #111111;
padding-right: 6px;
}
.fmp-cat1 .fmp-media-body .fmp-title-price {
margin-bottom: 2px;
}
.fmp-cat1 .fmp-media img {
width: 100px;
}
.fmp-cat1 .fmp-btn-read-more, 
.fmp-cat1 .fmp-wc-add-to-cart-btn {
border-radius: 30px;
padding: 5px 18px;
}
.fmp-cat1 .fmp-media-body span.fmp-price {
position: relative;
top: 2px;
padding-left: 6px;
}
@media(max-width: 767px) {
.fmp-cat1 .fmp-media-body span.fmp-price {
padding-left: 0;
}
}
.fmp-cat2 .fmp-box ul.menu-list li h3.fmp-title {
position: relative;
border-bottom: none;
padding: 0;
margin: 0;
font-size: 22px;
flex: 1;
}
.fmp-cat2 .fmp-box ul.menu-list li span.fmp-price {
flex: inherit;
padding-left: 8px;
position: relative;
top: 2px;
}
@media(max-width: 767px) {
.fmp-cat2 .fmp-box ul.menu-list li span.fmp-price {
padding-left: 0;
}
}
.fmp-cat2 .fmp-box ul.menu-list li h3.fmp-title:after {
position: absolute;
content: "";
right: 0;
top: 17px;
border-bottom: 2px dashed #d7d7d7;
width: 100%;
z-index: -1;
}
.fmp-cat2 .fmp-box ul.menu-list li h3.fmp-title a {
background: #fff;
color: #111111;
padding-right: 6px;
}
.fmp-cat2 .fmp-btn-read-more, 
.fmp-cat2 .fmp-wc-add-to-cart-btn {
border-radius: 30px;
padding: 5px 18px;
}
.fmp-cat2 .fmp-box .fmp-title-price {
margin-bottom: 5px;
}
.fmp-cat2 .fmp-box ul.menu-list li {
position: relative;
margin-bottom: 30px;
padding-bottom: 0;
border-bottom: none;
list-style: none;
} .rt-button .button i {
font-size: 18px;
}
.rt-button .icon-left i {
padding-right: 7px;
}
.rt-button .icon-right i {
padding-left: 7px;
}
.rt-button .button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 30px;
font-size: 16px;
font-weight: 700;
color: #ffffff;
padding: 14px 24px;
background-color: #f43127;
overflow: hidden;
z-index: 1;
line-height: 1.6;
letter-spacing: 1px;
transition: all 240ms ease-in-out;
}
.rt-button-style1 .button:hover {
background-color: #fcb302;
}
.rt-button-style2 .button:before {
position: absolute;
content: "";
left: inherit;
right: 0;
top: 0;
z-index: -1;
height: 100%;
width: 0;
border-radius: 30px;
background: #ffffff;
transition: all 240ms ease-in-out;
}
.rt-button-style2 .button:hover:before {
width: 100%;
left: 0;
right: inherit;
}