/* ******************************** */
/* Separator Line */
/* ******************************** */
.wp-block-separator {
background: #f3f9fd;
color: #f3f9fd;
height: 2px;
}
.wp-block-separator.is-style-dots {
height: auto;
background: transparent;
border-bottom: 8px dotted currentColor;
}
.wp-block-separator.is-style-dots:not(.has-background) {
border-bottom: 8px dotted #f1f4f7;
}
.wp-block-separator.is-style-dots:before {
display: none;
}
.wp-block-separator:not(.is-style-dots):not(.is-style-wide) {
max-width: 300px;
}
/* ******************************** */
/* Menu Icon */
/* ******************************** */
.cu-icon-xg {
height: 90px;
width: 90px;
position: relative;
border-radius: 50%;
margin-right: 10px;
flex-shrink: 0;
}
.cu-icon-xg .las {
color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 6.125rem;
}
/* ******************************** */
/* */
/* ******************************** */
/* .xg-text-accent {
display: inline-block;
}
.xg-text-accent::after {
content: "";
background: #f56600;
height: 3px !important;
width: 100%;
display: block;
} */
/* ******************************** */
/* xg-section-title */
/* ******************************** */
.xg-section-title-wrap {
margin: 15px 0px;
/* margin-top: 15px;
margin-bottom: 15px; */
text-align: center;
/* display: none; */
}
.xg-section-title {
/* font-size: 1.75rem; */
font-size: 2.75rem;
font-weight: 900;
font-family: "Tiempos Headline Black";
display: inline-block;
border-left: 6px solid #f56600;
/* color: #2e1a47; */
color: #20445a;
padding-left: 12px;
/* margin-left: 120px; */
/* line-height: 1.9rem; */
/* line-height: 2.2rem; */
line-height: 50px;
/* margin-bottom: 15px; */
text-transform: none;
/* font-stretch: normal; */
font-stretch:semi-expanded;
}
@media only screen and (max-width: 800px) {
.xg-section-title-wrap {
margin: 10px 0px;
padding: 0px;
}
.xg-section-title {
font-size: 1.95rem;
font-weight: 700;
border-left: 5px solid #f56600;
/* line-height: 1.75rem; */
line-height: 38px;
}
}
/* ******************************** */
/* xg-sec-title */
/* ******************************** */
.xg-sec-title{
position: relative;
display: block;
margin-bottom: 25px;
}
.xg-sec-title span{
position: relative;
display: inline-block;
font-size: 14px;
line-height: 24px;
font-weight: 600;
color: #20445a;
padding-left: 25px;
margin-bottom: 6px;
/* text-transform: uppercase; */
}
.xg-sec-title span:before{
position: absolute;
content: '';
background: url("../images/icons/brand-icon-2.png");
width: 33px;
height: 30px;
left: 0px;
top: -16px;
background-repeat: no-repeat;
}
.xg-sec-title h2{
position: relative;
display: block;
font-size: 48px;
/* font-size: 45px; */
line-height: 58px;
font-weight: 700;
margin: 0px;
}
.xg-sec-title.light h2,
.xg-sec-title.light span{
color: #fff;
}
.xg-sec-title.centred{
text-align: center !important;
}
/* ******************************** */
/* .xg-section-title {
font-size: 1.75rem;
font-family: "Tiempos Headline Black";
font-weight: 700;
display: inline-block;
border-left: 4px solid #f56600;
color: #2e1a47;
padding-left: 10px;
line-height: 1.75rem;
margin-bottom: 18px;
text-transform: none;
font-stretch: normal;
} */
/* @media only screen and (max-width: 680px) {
.xg-section-title-wrap {display: block;}
}
@media only screen and (max-width: 465px) {
.xg-section-title-wrap {display: block;}
}
@media only screen and (max-width: 300px) {
.xg-section-title-wrap {display: block;}
}
@media only screen and (min-width: 64em) {
.xg-section-title-wrap {display: block;}
}
@media only screen and (min-width: 36.25em) {
.xg-section-title-wrap {display: block;}
}
@media only screen and (min-width: 48em) {
.xg-section-title-wrap {display: block;}
} */
/* ******************************** */
/* */
/* ******************************** */
/* .xg-cu-content.xg-cu-news {
background: transparent linear-gradient(180deg, #522d80 0%, #3d215e 100%) 0%
0% no-repeat;
} */
.xg-cu-shadow {
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
}
.xg-cu-content {
position: relative;
margin-bottom: 50px;
}
.xg-cu-content.xg-guide-arrow {
margin-bottom: 0;
/* background: #F6F6F6; */
background: #F1F7FB;
/* background: #3d215e; */
/* background: #522d80; */
/* (xx) */
/* background: transparent linear-gradient(180deg, #522d80 0%, #3d215e 100%) 0% 0% no-repeat; */
}
/* used with (xx) above */
/* .xg-cu-content.xg-cu-news.xg-guide-arrow::after {
background: #3d215e;
} */
.xg-cu-content.xg-guide-arrow::after {
content: "";
width: 100%;
height: 45px;
-webkit-clip-path: polygon(50% 6%, 0 0, 100% 0);
clip-path: polygon(50% 100%, 0 0, 100% 0);
position: absolute;
bottom: -44px;
left: 0;
right: 0;
background: inherit;
z-index: 92;
box-shadow: 0px 8px 6px #00000029;
}
.xg-cu-content.xg-guide-arrow + .xg-cu-content {
padding-top: 60px;
}
/* ******************************** */
/* */
/* ******************************** */
/** theme customize css **/
/*
.xg-sidebar-category .category-list li a.active { color: #f36827; border-color: #f36827;}.xg-sidebar-category .category-list li a.active{ color: #f36827;}
.xg-post-thumb{ position: absolute; left: 0px; top: 7px; width: 85px; height: 85px; }
.xg-post-thumb img{ width: 100%; } .xg-objectfit {overflow: hidden;}
.xg-objectfit img {width: 100%; object-fit: contain;}
', 'https://www.youtube.com/watch?v=N8YMl4Ezp4g&list=PLC3y8-rFHvwhuX4qGvFx-wPy_MEi6Jdp7', 'Call For Genuine Products...', 'img01_1667854970_1668136695.jpg', 'vdo01_1668136566.mp4', 'https://www.youtube.com/watch?v=N8YMl4Ezp4g&list=PLC3y8-rFHvwhuX4qGvFx-wPy_MEi6Jdp7', 'Awesome Settings...', '003_1668136695.jpg', 'vdo02_1668136566.mp4', 1, '2021-01-30 07:21:50', '2022-11-22 07:47:41'); */
/** theme customize css **/
/* .xg-sidebar-category .category-list li a.active { color: #f36827; border-color: #f36827;}.xg-sidebar-category .category-list li a.active{ color: #f36827;}
.xg-post-thumb{ position: absolute; left: 0px; top: 7px; width: 85px; height: 85px; }
.xg-post-thumb img{ width: 100%; } */
/* .xg-objectfit {overflow: hidden;}
.xg-objectfit img {width: 100%; object-fit: contain;} */
/* ******************************** */
/* ******************************** */
/* Style the buttons */
/* ******************************** */
.xg-active {
background-color: #edc8b1;
/* color: white; */
/* cursor:crosshair !important; */
cursor:not-allowed !important;
}
.xg-btn:not(.xg-active):hover {
/* box-shadow: 0 0 0 3px blue; */
/* box-shadow: 0 0 0 2px #F56600; */
/* background: #F56600; */
background: #f2b085;
/* background: #edc8b1; */
}
/* ... light blue when clicked */
.xg-btn:not(.xg-active):active {
/* background-color: lightskyblue; */
background-color: #f2b085;
}
/* *********************************************************** */
.xg-bg {
background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
background-size:16px 16px;
}
#xg_img_container {
/* position: absolute; */
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
/* background-position: right; */
/* display: none; */
}
/* *********************************************************** */
/* *********************************************************** */
/* * {
margin: 0;
padding: 0;
}
html, body {
max-width: 100%;
overflow-x: hidden;
overflow-y: hidden;
background-color: #6adecd;
} */
#slideshow {
margin: 0 auto;
/* padding-top: 50px; */
padding: 0;
/* height: 600px; */
height: 300px;
width: 100%;
/* background-color: #edc8b1; */
/* background-color: #b3a79b; */
/* background-color: #fff0e6; #b3a79b; #8163a6; */
box-sizing: border-box;
}
.slideshow-title {
font-family: 'Allerta Stencil';
font-size: 62px;
color: #fff;
margin: 0 auto;
text-align: center;
margin-top: 25%;
letter-spacing: 3px;
font-weight: 300;
}
.sub-heading {
padding-top: 50px;
font-size: 18px;
} .sub-heading-two {
font-size: 15px;
} .sub-heading-three {
font-size: 13px;
} .sub-heading-four {
font-size: 11px;
} .sub-heading-five {
font-size: 9px;
} .sub-heading-six {
font-size: 7px;
} .sub-heading-seven {
font-size: 5px;
} .sub-heading-eight {
font-size: 3px;
} .sub-heading-nine {
font-size: 1px;
}
.entire-content {
margin: auto;
width: 190px;
perspective: 1000px;
position: relative;
padding-top: 80px;
}
.content-carrousel {
width: 100%;
position: absolute;
float: right;
animation: rotar 15s infinite linear;
transform-style: preserve-3d;
}
.content-carrousel:hover {
animation-play-state: paused;
cursor: pointer;
}
.content-carrousel figure {
width: 100%;
height: 120px;
border: 1px solid #3b444b;
overflow: hidden;
position: absolute;
}
.content-carrousel figure:nth-child(1) {
transform: rotateY(0deg) translateZ(300px);
} .content-carrousel figure:nth-child(2) {
transform: rotateY(40deg) translateZ(300px);
} .content-carrousel figure:nth-child(3) {
transform: rotateY(80deg) translateZ(300px);
} .content-carrousel figure:nth-child(4) {
transform: rotateY(120deg) translateZ(300px);
} .content-carrousel figure:nth-child(5) {
transform: rotateY(160deg) translateZ(300px);
} .content-carrousel figure:nth-child(6) {
transform: rotateY(200deg) translateZ(300px);
} .content-carrousel figure:nth-child(7) {
transform: rotateY(240deg) translateZ(300px);
} .content-carrousel figure:nth-child(8) {
transform: rotateY(280deg) translateZ(300px);
} .content-carrousel figure:nth-child(9) {
transform: rotateY(320deg) translateZ(300px);
} .content-carrousel figure:nth-child(10) {
transform: rotateY(360deg) translateZ(300px);
}
.shadow {
position: absolute;
box-shadow: 0px 0px 20px 0px #000;
border-radius: 1px;
}
.content-carrousel img {
image-rendering: auto;
transition: all 300ms;
width: 100%;
height: 100%;
}
.content-carrousel img:hover {
transform: scale(1.2);
transition: all 300ms;
}
@keyframes rotar {
from {
transform: rotateY(0deg);
} to {
transform: rotateY(360deg);
}
}