Your IP : 216.73.216.34
:root {
--ltn__primary-color: #071c1f;
--ltn__primary-color-2: #041113;
/* Darken */
--ltn__primary-color-3: #133236;
/* Lighten */
--ltn__secondary-color: #e53e29;
--ltn__secondary-color-2: #cb3421;
/* Darken */
--ltn__secondary-color-3: #fb412a;
/* Lighten */
--ltn__heading-color: #071c1f;
--ltn__paragraph-color: #071c1f;
--ltn__heading-font: 'Rajdhani', sans-serif;
--ltn__body-font: 'Open Sans', sans-serif;
/* Footer ACD2D8 8CB2B2 */
--ltn__color-1: #8cb2b2;
--ltn__color-2: #ACD2D8;
--ltn__color-3: #A3BCC0;
--ltn__color-4: #84A2A6;
/* Gradient Colors */
--gradient-color-1: linear-gradient(90deg, rgba(242,139,194,1) 0%, rgba(216,177,242,1) 50%);
--gradient-color-2: linear-gradient(to top, rgba(7,28,31,0) 0%, rgba(7,28,31,1) 90%);
--gradient-color-3: linear-gradient(to bottom, rgba(7,28,31,0) 0%, rgba(7,28,31,1) 90%);
--gradient-color-4: linear-gradient(to top, rgba(242,246,247,0) 0%, rgba(242,246,247,1) 90%);
/* Background Colors */
--section-bg-1: #F2F6F7;
/* White */
--section-bg-2: #071c1f;
/* Black */
/* Border Colors */
--border-color-1: #e5eaee;
/* White */
--border-color-2: #1e2021;
/* Black */
--border-color-3: #576466;
/* Black */
--border-color-4: #eb6954;
/* Red */
--border-color-5: #bc3928;
/* Red */
--border-color-6: #103034;
/* Black */
--border-color-7: #d1dae0;
/* White */
--border-color-8: #f6f6f6;
/* White */
--border-color-9: #e4ecf2;
/* White */
--border-color-10: #ebeeee;
/* White */
--border-color-11: #ededed;
/* White */
--border-color-12: #e1e6ff;
/* White */
/* Box Shadow Colors */
--ltn__box-shadow-1: 0 16px 32px 0 rgba(7, 28, 31, 0.1);
--ltn__box-shadow-2: 0 0 4px rgba(0, 0, 0, 0.1);
/* like border */
--ltn__box-shadow-3: 0 1px 6px 0 rgba(32, 33, 36, .28);
/* like border GGL */
--ltn__box-shadow-4: 0 5px 20px 0 rgba(23, 44, 82, 0.1);
--ltn__box-shadow-5: 0 8px 16px 0 rgba(93, 93, 93, 0.1);
--ltn__box-shadow-6: 0 0 25px 2px rgba(93, 93, 93, 0.2);
/* Common Colors */
--black: #000000;
--black-2: #22355B;
--white: #fff;
--white-2: #F2F6F7;
--white-3: #e8edee;
--white-4: #e6ecf0;
--white-5: #f0f4f7;
--white-6: #f1f1f1;
--white-7: #F7F7F7;
--white-8: #FAFAFA;
--white-9: #F2F7FA;
--red: #FF0000;
--red-2: #f34f3f;
--red-3: #DB483B;
--silver: #C0C0C0;
--gray: #808080;
--maroon: #800000;
--yellow: #FFFF00;
--olive: #808000;
--lime: #00FF00;
--green: #008000;
--green-2: #79B530;
--aqua: #00FFFF;
--teal: #008080;
--blue: #0000FF;
--navy: #000080;
--fuchsia: #FF00FF;
--purple: #800080;
--pink: #FFC0CB;
--nude: #ebc8b2;
--orange: #ffa500;
--ratings: #FFB800;
/* social media colors */
--facebook: #365493;
--twitter: #3CF;
--linkedin: #0077B5;
--pinterest: #c8232c;
--dribbble: #ea4c89;
--behance: #131418;
--google-plus: #dd4b39;
--instagram: #e4405f;
--vk: #3b5998;
--wechat: #7bb32e;
--youtube: #CB2027;
--email: #F89A1E; }
/* ----------------------------------------
Section title
---------------------------------------- */
.section-title-area {
margin-bottom: 50px; }
.section-title-area p {
margin-bottom: 0;
max-width: 500px; }
.section-title-area p + p {
margin-top: 15px; }
.section-title-area.text-right p {
margin-left: auto; }
.section-title-area.text-center p {
margin-left: auto;
margin-right: auto; }
.section-title {
margin-bottom: 5px;
font-size: 40px;
font-weight: 700;
line-height: 1.2; }
.section-title span {
color: var(--ltn__secondary-color); }
.section-title p {
font-size: 14px;
line-height: 1.8;
color: var(--ltn__paragraph-color);
margin-top: 20px; }
.section-title.white .section-title {
color: var(--white); }
.section-title.white p {
color: rgba(var(--white), 0.7); }
/* Section Title 2 */
.ltn__section-title-2 {
margin-bottom: 40px; }
.ltn__section-title-2 .section-subtitle {
text-transform: uppercase;
font-size: 16px;}
.ltn__section-title-2 .section-title {
font-size: 40px;
font-weight: 700;
margin-bottom: 15px;
line-height: 1; }
.ltn__section-title-2 p {
padding: 0 0 0 30px;
border-width: 0 0 0 2px;
border-style: solid;
border-color: var(--ltn__secondary-color);
max-width: 450px; }
.ltn__section-title-2.text-right p {
padding: 0 30px 0 0;
border-width: 0 2px 0 0;
margin-left: auto; }
.ltn__section-title-2.text-center p {
padding: 0 0 0 30px;
border-width: 0 0 0 2px;
margin-left: auto;
margin-right: auto;
text-align: left !important; }
/* ----------------------------------------------------
About Us Area
---------------------------------------------------- */
.about-us-img-wrap {
position: relative; }
.about-us-img-wrap img {
margin: 0; }
.about-us-img-info {
width: 310px;
height: 310px;
background-color: var(--white);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
-webkit-box-shadow: var(--ltn__box-shadow-1);
box-shadow: var(--ltn__box-shadow-1);
position: absolute;
top: 70%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
margin: auto; }
.about-us-img-info h1 {
margin: 0;
font-size: 120px;
line-height: 0.8;
color: var(--ltn__secondary-color); }
.about-us-img-info h1 .counter {
font-size: 120px;
line-height: 0.8;
color: var(--ltn__secondary-color); }
.about-us-img-info h1 span {
font-size: 20px;
color: var(--ltn__heading-color); }
.about-us-img-info h6 {
margin: 0; }
.about-us-img-info h6 span {
font-size: 20px;
color: var(--ltn__secondary-color); }
.about-us-img-info .btn-wrapper {
margin-top: 50px; }
.about-us-img-info .dots-bottom {
height: 25px;
width: 25px;
background-color: var(--ltn__secondary-color);
display: inline-block;
position: absolute;
bottom: -10px;
left: 12px; }
.about-us-img-info-2 {
width: 190px;
height: 190px;
background-color: var(--ltn__secondary-color);
border: 15px solid;
border-color: var(--white);
bottom: 0;
top: auto;
-webkit-transform: inherit;
-ms-transform: inherit;
transform: inherit;
margin-right: 0; }
.about-us-img-info-2 h3 {
font-size: 50px;
color: var(--white); }
.about-us-img-info-2 h3 .counter {
font-size: 50px;
color: var(--white); }
.about-us-img-info-2 h3 span {
font-size: 20px;
color: var(--white); }
.about-us-img-info-2 h6 {
color: var(--white); }
.about-us-info-wrap .btn-wrapper {
margin-top: 40px; }
.about-us-info-wrap hr {
margin-top: 40px;
margin-bottom: 40px; }
.about-us-info-devide {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.about-us-info-devide .list-item-with-icon {
margin-left: 30px;
margin-bottom: 30px; }
.list-item-with-icon {
min-width: 300px; }
.about-us-img-info-inner {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column; }
.list-item-with-icon-2 ul,
.list-item-with-icon ul {
padding: 0;
margin: 0; }
.list-item-with-icon-2 ul li,
.list-item-with-icon ul li {
position: relative;
list-style: none;
padding-left: 60px;
font-weight: 700;
margin-bottom: 25px; }
.list-item-with-icon-2 ul li:last-child,
.list-item-with-icon ul li:last-child {
margin-bottom: 0; }
.list-item-with-icon-2 ul li::before,
.list-item-with-icon ul li::before {
position: absolute;
content: "\f00c";
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
left: 0;
top: -5px;
background-color: var(--section-bg-1);
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
font-size: 12px;
color: var(--ltn__secondary-color); }
.list-item-with-icon-2 ul li {
padding-left: 30px;
font-weight: 400;
margin-bottom: 0; }
.list-item-with-icon-2 ul li::before {
height: inherit;
line-height: inherit;
width: inherit;
background-color: transparent;
color: var(--ltn__heading-color);
top: 5px; }
.about-img-left {
margin-right: 30px; }
.about-img-right {
margin-left: 30px; }
.ltn__img-shape-left,
.ltn__img-shape-right {
position: relative; }
.ltn__img-shape-left::before,
.ltn__img-shape-right::before {
position: absolute;
content: "";
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 85%;
width: 30px;
background-color: var(--ltn__secondary-color); }
.ltn__img-shape-left {
padding-left: 30px; }
.ltn__img-shape-left::before {
left: 0; }
.ltn__img-shape-right {
padding-right: 30px; }
.ltn__img-shape-right::before {
left: auto;
right: 0; }
.about-call-us {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.about-call-us .call-us-icon {
font-size: 50px;
margin-right: 20px;
color: var(--ltn__secondary-color);
line-height: 1; }
.about-call-us .call-us-info p {
margin-bottom: 10px; }
.about-call-us .call-us-info h2 {
margin-bottom: 0px; }
@media (min-width: 992px) and (max-width: 1199px) {
.about-us-info-devide {
display: block; }
.about-us-info-devide .list-item-with-icon {
margin-left: 0; }
.list-item-with-icon {
margin-top: 30px;
margin-bottom: 40px; } }
@media (max-width: 991px) {
.about-img-left {
margin-right: 0;
margin-bottom: 40px; }
.about-img-right {
margin-left: 0;
margin-bottom: 40px; } }
@media (max-width: 767px) {
.xp-t-200{padding-top:120px!important}
.xp-b-200{padding-bottom:120px!important}
.ltn__section-title-2 .section-subtitle {
font-size: 18px;}
.ltn__section-title-2 .section-title {
font-size: 38px;
font-weight: 700;
margin-bottom: 15px;
line-height: 1; }
.section-title {
margin-bottom: 5px;
font-size: 28px;
font-weight: 700;
line-height: 1.2; }
.custom-content-brief {
margin-bottom: 30px; }
.about-us-img-info {
height: 200px;
width: 220px; }
.about-us-img-info h1 .counter {
font-size: 80px; }
.about-us-img-info-2 {
width: 150px;
height: 150px; }
.about-us-img-info-2 h3 .counter {
font-size: 30px; }
.about-us-info-devide {
display: block; }
.about-us-info-devide .list-item-with-icon {
margin-left: 0; }
.list-item-with-icon {
margin-top: 30px;
margin-bottom: 40px; }
.list-item-with-icon {
min-width: 275px; } }
/* Feaured Carousel
-----------------------------------------------------------------*/
#oc-features .owl-item:not(.active) { opacity: .4; }
#oc-features .owl-item p {
font-size: 16px;
font-weight: 300;
color: #666;
}
/* Button-link
-----------------------------------------------------------------*/
.button-link {
display: inline-block;
position: relative;
color: #333;
font-weight: 600;
margin-top: 10px;
padding: 5px 0;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
}
.dark .button-link { color: #FFF; }
.button-link:hover { color: #00bed7; }
.button-link::after {
content: '';
background : url('images/border.svg') no-repeat;
position: absolute;
bottom: 0px;
left: 0;
margin-bottom: 0;
width: 100%;
height: 4px;
-webkit-transition: bottom .3s ease;
-o-transition: bottom .3s ease;
transition: bottom .3s ease;
}
.button-link.border-0::after { content: none; }
.button-link:hover::after { bottom: 3px; }
/* Owl Carousel - Controls - Arrows
-----------------------------------------------------------------*/
.owl-carousel-full .owl-nav [class*=owl-] {
left: 150px !important;
height: 60px;
line-height: 60px;
border: none;
color: #333;
background-color: transparent;
font-size: 28px;
border-radius: 0;
}
.owl-carousel .owl-nav .owl-next {
left: auto;
right: -155px;
}
.owl-carousel-full .owl-nav .owl-next {
left: auto !important;
right: 155px !important;
border-radius: 0;
}
.owl-carousel-full .owl-nav [class*=owl-]:hover { color: #333 !important; }
/* Owl Carousel - Responsive
-----------------------------------------------------------------*/
.device-lg .owl-carousel .owl-nav .owl-prev,
.device-md .owl-carousel .owl-nav .owl-prev,
.device-sm .owl-carousel .owl-nav .owl-prev,
.device-xs .owl-carousel .owl-nav .owl-prev { left: 2px !important; }
.device-lg .owl-carousel-full .owl-nav .owl-next,
.device-md .owl-carousel-full .owl-nav .owl-next,
.device-sm .owl-carousel-full .owl-nav .owl-next,
.device-xs .owl-carousel .owl-nav .owl-next { right: 2px !important; }
/* Grid Filter
-----------------------------------------------------------------*/
.grid-filter li.activeFilter a { font-weight: normal; }
.grid-overlay { background-color: rgba(0, 0, 0, 0.75); }
/* Testimonial
-----------------------------------------------------------------*/
.testimonials-rating {
margin-top: 15px;
color: #FFD700;
font-size: 18px;
line-height: 1;
}
.testi-content p {
font-size: 16px;
color: #666;
font-style: normal;
}
.testi-content p::before,
.testi-content p::after { display: none; }
.testi-meta::before { display: none; }
.testi-meta span { padding-left: 0; }
.testimonial .flex-control-nav { bottom: 25px; right: 20px; }
.testimonial .flex-control-nav li a { background-color: #333; }
.p-page-title{
padding-top: 150px!important;
padding-bottom: 150px!important;
}
@media (max-width: 991px) {
.p-page-title{
padding-top: 100px!important;
padding-bottom: 100px!important;
}
}
@media (max-width: 767px) {
.p-page-title{
padding-top: 40px!important;
padding-bottom: 20px!important;
}
.p-page-title h1{
font-size: 22px!important;
}
.p-page-title span{
font-size: 14px!important;
}
}
.p-0{padding:0!important}
.p-10{padding:10px!important}
.p-15{padding:15px!important}
.p-20{padding:20px!important}
.p-25{padding:25px!important}
.p-30{padding:30px!important}
.p-35{padding:35px!important}
.p-40{padding:40px!important}
.p-50{padding:50px!important}
.p-60{padding:60px!important}
.p-70{padding:70px!important}
.p-80{padding:80px!important}
.p-90{padding:90px!important}
.p-100{padding:100px!important}
.p-150{padding:150px!important}
.p-200{padding:200px!important}
.p-b-0{padding-bottom:0!important}
.p-b-5{padding-bottom:5px!important}
.p-b-10{padding-bottom:10px!important}
.p-b-15{padding-bottom:15px!important}
.p-b-20{padding-bottom:20px!important}
.p-b-25{padding-bottom:25px!important}
.p-b-30{padding-bottom:30px!important}
.p-b-35{padding-bottom:35px!important}
.p-b-40{padding-bottom:40px!important}
.p-b-50{padding-bottom:50px!important}
.p-b-60{padding-bottom:60px!important}
.p-b-70{padding-bottom:70px!important}
.p-b-80{padding-bottom:80px!important}
.p-b-90{padding-bottom:90px!important}
.p-b-100{padding-bottom:100px!important}
.p-b-110{padding-bottom:110px!important}
.p-b-120{padding-bottom:120px!important}
.p-b-130{padding-bottom:130px!important}
.p-b-140{padding-bottom:140px!important}
.p-b-150{padding-bottom:150px!important}
.p-b-200{padding-bottom:200px!important}
.p-t-0{padding-top:0!important}
.p-t-5{padding-top:5px!important}
.p-t-10{padding-top:10px!important}
.p-t-15{padding-top:15px!important}
.p-t-20{padding-top:20px!important}
.p-t-25{padding-top:25px!important}
.p-t-30{padding-top:30px!important}
.p-t-35{padding-top:35px!important}
.p-t-40{padding-top:40px!important}
.p-t-50{padding-top:50px!important}
.p-t-60{padding-top:60px!important}
.p-t-70{padding-top:70px!important}
.p-t-80{padding-top:80px!important}
.p-t-90{padding-top:90px!important}
.p-t-100{padding-top:100px!important}
.p-t-110{padding-top:110px!important}
.p-t-120{padding-top:120px!important}
.p-t-130{padding-top:130px!important}
.p-t-140{padding-top:140px!important}
.p-t-150{padding-top:150px!important}
.p-t-200{padding-top:200px!important}
.p-t-280{padding-top:280px!important}
.p-t-350{padding-top:350px!important}
/* Footer
-----------------------------------------------------------------*/
.widget > h4 {
font-size: 20px;
text-transform: uppercase;
letter-spacing: 2;
padding-bottom: 10px;
margin-bottom: 0px;
}
.widget_links li,
.widget_links li a {
background-image: none !important;
padding-left: 5px;
color: #333333;
font-size: 14px;
font-weight: 300;
}
.social-icon.si-mini {
width: 24px;
height: 24px;
font-size: 11px;
line-height: 23px !important;
}
.social-icon.si-mini:hover i:first-child { margin-top: -23px; }
/* Misc
-----------------------------------------------------------------*/
#header, #header-wrap, #logo img {
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.feature-box h3 span.subtitle { font-size: 14px; }
.feature-box.fbox-plain .fbox-icon img { height: 50px; }
.col-padding {padding: 100px 60px !important; }
@media (max-width: 767px) {
.col-padding {padding: 50px 20px !important; }
}
.heading-block::before {
content: attr(data-heading);
display: block;
position: absolute;
top: 0;
left: 0;
color: #F5F5F5;
z-index: -1;
font-family: 'poppins', sans-serif;
font-weight: bold;
font-size: 90px;
line-height: .3;
}
.heading-block.center::before {
right: 0;
left: 0;
margin: auto;
}
.bg-color-light{padding:80px 0;background-color:rgba(var(--themecolorrgba,32,158,187),0.07);border-top:1px solid rgba(var(--themecolorrgba,32,158,187),.08);border-bottom:1px solid rgba(var(--themecolorrgba,32,158,187),.1)}
.heading-block h2{text-transform:none;letter-spacing:0}
.col-divider{position:relative}
.col-divider::after{--borderwidth: 20%;content:"";width:20%;width:var(--borderwidth);border:1px dashed rgba(0,0,0,.1);display:block;position:absolute;top:50%;right:0;transform:translate(-50%,-50%)}
.feature-text{display:flex;align-items:center;border-bottom:1px dashed rgba(0,0,0,.15);padding-bottom:10px}
.fbox-text{font-size:58px;line-height:1;font-weight:700}
.feature-text h3{font-size:22px;line-height:1.3;margin-bottom:0;margin-left:15px;font-weight:800}
.feature-text+p{color:#777;margin-top:10px;margin-bottom:0}
.section-curve::after {
height: 50px;
background-image: url('../img/curve.svg');
background-size: 100% 100%;
content: '';
display: block;
position: absolute;
width: 100%;
z-index: 0;
bottom: 0;
}
.section-timeline { margin-top: -430px;}
#ytb-video { cursor: pointer }
#ytb-video-button.play-icon {
position: absolute;
display: block;
left: 50%;
top: 50%;
width: 60px;
height: 60px;
line-height: 61px;
margin-top: -31px;
margin-left: -31px;
transition: transform .3s ease;
}
#ytb-video:hover .play-icon {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
#ytb-video-button.play-icon i {
width: 60px;
height: 60px;
line-height: 61px;
font-size: 24px;
color: #000;
text-align: center;
border-radius: 50%;
background-color: #FFF;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
z-index: 2;
transition: all .3s ease;
}
#ytb-video:hover .play-icon i {
background-color: red;
color: #FFF;
}
#ytb-video-button.play-icon i.icon-play { padding-left: 4px; }
#ytb-video-button.play-icon i:nth-of-type(2),
.video-played #ytb-video-button.play-icon i:nth-of-type(1) { display: none; }
.video-played #ytb-video-button.play-icon i:nth-of-type(2) { display: block; }
#ytb-video:not(:hover) i:nth-of-type(2) { opacity: 0; }
@media (min-width: 992px) {
.ytb-card { max-width: 820px; }
.JG_Timeline{max-width: 820px;}
}
/* Timeline -------------------------------------------------------------------------- */
.JG_Timeline{display:block}
.JG_Timeline-title{margin-bottom:1.38889vw}
@media screen and (max-width:1440px){.JG_Timeline-title{margin-bottom:20px}}
.JG_Timeline-text{margin-bottom:3.47222vw}
@media screen and (max-width:1440px){.JG_Timeline-text{margin-bottom:50px}}
@media screen and (max-width:600px){.JG_Timeline-text{margin-bottom:150px}}
@media screen and (max-width:767px){.JG_Timeline-text{padding:0 20px}}
.JG_Timeline-timeline{height:auto}
.JG_Timeline-timeline.continued{display:none}
.JG_Timeline-timeline-stop{width:100%;height:6.94444vw}
@media screen and (max-width:1440px){.JG_Timeline-timeline-stop{height:100px}}
.JG_Timeline-timeline-complete{display:block;width:58.26389vw}
@media screen and (max-width:1440px){.JG_Timeline-timeline-complete{width:839px}}
@media screen and (max-width:1024px){.JG_Timeline-timeline-complete{width:100%;padding-right:40px;padding-left:40px}}
@media screen and (max-width:480px){.JG_Timeline-timeline-complete{padding-right:20px;padding-left:20px}}
.JG_Timeline-timeline-wrap{display:block;width:100%;height:auto;text-align:right}
@media screen and (max-width:600px){.JG_Timeline-timeline-wrap{margin-top:80px}}
.JG_Timeline-timeline-wrap.to-left{text-align:left}
.JG_Timeline-timeline-wrap.to-left .JG_Timeline-timeline-item{margin-left:0;margin-right:auto}
.JG_Timeline-timeline-wrap.to-left .JG_Timeline-timeline-pointline{left:auto;right:-2.77778vw;border-left:none}
@media screen and (max-width:1440px){.JG_Timeline-timeline-wrap.to-left .JG_Timeline-timeline-pointline{right:-40px}}
@media screen and (max-width:1024px){.JG_Timeline-timeline-wrap.to-left .JG_Timeline-timeline-pointline{right:inherit;left:50%;transform:translateX(-50%)}}
.JG_Timeline-timeline-wrap.to-left .JG_Timeline-timeline-pointline .JG_Timeline-timeline-pointline-line{left:auto;right:0}
@media screen and (max-width:1024px){.JG_Timeline-timeline-wrap.to-left .JG_Timeline-timeline-pointline .JG_Timeline-timeline-pointline-line{right:inherit;top:0;left:50%;transform:translateX(-50%)}}
.JG_Timeline-timeline-wrap.to-left .JG_Timeline-timeline-pointline:before{right:auto;left:-.83333vw}
@media screen and (max-width:1440px){.JG_Timeline-timeline-wrap.to-left .JG_Timeline-timeline-pointline:before{left:-12px}}
@media screen and (max-width:1024px){.JG_Timeline-timeline-wrap.to-left .JG_Timeline-timeline-pointline:before{left:-85%}}
@media screen and (max-width:768px){.JG_Timeline-timeline-wrap.to-left .JG_Timeline-timeline-pointline:before{left:-95%}}
@media screen and (max-width:600px){.JG_Timeline-timeline-wrap.to-left .JG_Timeline-timeline-pointline:before{top:auto;bottom:-12px;left:50%;transform:translateX(-50%) rotate(-45deg)}}
.JG_Timeline-timeline-wrap.to-left .JG_Timeline-timeline-pointline:after{left:auto;right:-.34722vw}
@media screen and (max-width:1440px){.JG_Timeline-timeline-wrap.to-left .JG_Timeline-timeline-pointline:after{right:-5px}}
@media screen and (max-width:1024px){.JG_Timeline-timeline-wrap.to-left .JG_Timeline-timeline-pointline:after{transform:translate(-50%,-50%);left:50%;right:auto}}
@media screen and (max-width:600px){.JG_Timeline-timeline-wrap.to-left .JG_Timeline-timeline-pointline:after{top:auto;bottom:30px;left:50%;transform:translateX(-50%)}}
@media screen and (max-width:600px){.JG_Timeline-timeline-wrap.to-left .JG_Timeline-timeline-pointline{left:0;right:0;top:-5.55556vw;width:100%;height:5.55556vw;transform:none}}
@media screen and (max-width:600px) and (max-width:1440px){.JG_Timeline-timeline-wrap.to-left .JG_Timeline-timeline-pointline{top:-80px;height:80px}}
.JG_Timeline-timeline-wrap:first-child .JG_Timeline-timeline-pointline-line{background:linear-gradient(180deg,hsla(0,0%,83%,0) 0,#d4d4d4 50%,#d4d4d4)}
@media screen and (min-width:481px){.JG_Timeline-timeline-wrap:last-child .JG_Timeline-timeline-pointline-line{background:linear-gradient(0deg,hsla(0,0%,83%,0) 0,#d4d4d4 50%,#d4d4d4)}}
.JG_Timeline-timeline-contain{display:inline-block;height:auto;position:relative}
@media screen and (max-width:600px){.JG_Timeline-timeline-contain{display:block}}
@media screen and (max-width:1024px){.JG_Timeline-timeline-contain{width:100%}}
.JG_Timeline-timeline-pointline{position:absolute;width:2.77778vw;left:-2.77778vw;height:100%}
@media screen and (max-width:1440px){.JG_Timeline-timeline-pointline{width:40px;left:-40px}}
@media screen and (max-width:1024px){.JG_Timeline-timeline-pointline{left:50%;transform:translateX(-50%);width:5%}}
.JG_Timeline-timeline-pointline .JG_Timeline-timeline-pointline-line{position:absolute;top:0;left:0;width:.06944vw;height:100%}
@media screen and (max-width:1440px){.JG_Timeline-timeline-pointline .JG_Timeline-timeline-pointline-line{width:1px}}
@media screen and (max-width:1024px){.JG_Timeline-timeline-pointline .JG_Timeline-timeline-pointline-line{width:1px;top:0;left:50%;transform:translateX(-50%)}}
.JG_Timeline-timeline-pointline:before{content:"";position:absolute;z-index:1;top:50%;right:-.83333vw;width:1.73611vw;height:1.73611vw;background-color:#fff;transition:opacity .4s ease,bottom .5s ease;transform:translateY(-50%) rotate(-45deg)}
@media screen and (max-width:1440px){.JG_Timeline-timeline-pointline:before{right:-12px;width:25px;height:25px}}
@media screen and (max-width:1024px){.JG_Timeline-timeline-pointline:before{right:-85%}}
@media screen and (max-width:768px){.JG_Timeline-timeline-pointline:before{right:-95%}}
@media screen and (max-width:600px){.JG_Timeline-timeline-pointline:before{top:auto;bottom:-12px;left:50%;transform:translateX(-50%) rotate(-45deg)}}
.JG_Timeline-timeline-pointline:after{content:"";position:absolute;z-index:1;top:50%;left:-.34722vw;width:.76389vw;height:.76389vw;transition:opacity .4s ease,bottom .5s ease;transform:translateY(-50%);border-radius:50%;background:#e6001e}
@media screen and (max-width:1440px){.JG_Timeline-timeline-pointline:after{left:-5px;width:11px;height:11px}}
@media screen and (max-width:1024px){.JG_Timeline-timeline-pointline:after{transform:translate(-50%,-50%);left:50%}}
@media screen and (max-width:600px){.JG_Timeline-timeline-pointline:after{top:auto;bottom:30px;left:50%;transform:translateX(-50%)}}
@media screen and (max-width:600px){.JG_Timeline-timeline-pointline{transform:none;left:0;right:0;top:-5.55556vw;width:100%;height:5.55556vw}}
@media screen and (max-width:600px) and (max-width:1440px){.JG_Timeline-timeline-pointline{top:-80px;height:80px}}
.JG_Timeline-timeline-item{display:block;height:auto;width:26.38889vw;padding:1.38889vw;border-radius:.69444vw;background-color:#fff;text-align:left;margin-left:auto;margin-right:0}
@media screen and (max-width:1440px){.JG_Timeline-timeline-item{width:380px;padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px;border-radius:10px}}
.JG_Timeline-timeline-wrap:nth-child(2) .JG_Timeline-timeline-item{margin-top:-.69444vw}
@media screen and (max-width:1440px){.JG_Timeline-timeline-wrap:nth-child(2) .JG_Timeline-timeline-item{margin-top:-10px}}
.JG_Timeline-timeline-wrap:nth-child(3) .JG_Timeline-timeline-item{margin-top:-1.73611vw}
@media screen and (max-width:1440px){.JG_Timeline-timeline-wrap:nth-child(3) .JG_Timeline-timeline-item{margin-top:-25px}}
@media screen and (max-width:1024px){.JG_Timeline-timeline-item{width:45%}}
@media screen and (max-width:600px){.JG_Timeline-timeline-item{width:100%}
.JG_Timeline-timeline-wrap:nth-child(2) .JG_Timeline-timeline-item,.JG_Timeline-timeline-wrap:nth-child(3) .JG_Timeline-timeline-item{margin-top:0}}
.JG_Timeline-timeline-item-img{display:block;position:relative;width:100%;margin-bottom:1.38889vw}
@media screen and (max-width:1440px){.JG_Timeline-timeline-item-img{margin-bottom:20px}}
.JG_Timeline-timeline-item-year{display:block;position:relative;width:100%;color:#212121;font-size:1.66667vw;font-weight:500;line-height:1.4;margin-bottom:0}
@media screen and (max-width:1440px){.JG_Timeline-timeline-item-year{font-size:24px}}
.JG_Timeline-timeline-item-description{display:block;position:relative;width:100%;color:#545454;font-size:1.11111vw;line-height:1.5}
@media screen and (max-width:1440px){.JG_Timeline-timeline-item-description{font-size:16px}}
.JG_Timeline-timeline-bottom{position:relative;text-align:center;width:100%;height:auto;padding-top:50px}
.JG_Timeline-timeline-more{font-size:.97222vw;font-weight:500;cursor:pointer;line-height:1.3;color:#e6001e;margin:0 auto}
@media screen and (max-width:1440px){.JG_Timeline-timeline-more{font-size:14px}}
.JG_Timeline-timeline-pointline-line,.JG_Timeline-timeline-pointline-line.refactored,.JG_Timeline-timeline-pointline-line.refactored:first-child,.JG_Timeline-timeline-pointline-line.refactored:last-child{background:#d4d4d4}
.JG_Timeline-timeline-pointline-line.refactored.is-first{background:linear-gradient(180deg,hsla(0,0%,83%,0) 0,#d4d4d4 50%,#d4d4d4)}
@media screen and (min-width:481px){.JG_Timeline-timeline-pointline-line.refactored.is-last{background:linear-gradient(0deg,hsla(0,0%,83%,0) 0,#d4d4d4 50%,#d4d4d4)}}
.shadow-medium{box-shadow:0 .69444vw 2.77778vw 0 rgba(0,0,0,.2)}
@media screen and (max-width:1440px){.shadow-medium{box-shadow:0 10px 40px 0 rgba(0,0,0,.2)}}
@media (min-width: 992px) {
#page-menu-wrap { background-color: var(--bs-light); }
#page-menu .not-dark .page-menu-item:not(:last-child) { border-right: 1px solid #EEE }
#page-menu .not-dark .page-menu-item > a {
color: #333;
font-weight: 500;
text-shadow: none;
}
}
/* Portfolio Filter
-----------------------------------------------------------------*/
.grid-filter.style-2 {
margin: 0 0 15px -14px;
}
.grid-filter li.activeFilter a { font-weight: normal; }
.grid-filter.style-2 li a:not(.button) {
font-size: 20px;
color: #555 !important;
}
.grid-filter.style-2 li a.button-reset {
padding: 0 17px !important;
font-size: 12px;
line-height: 34px;
color: #FFF !important;
border-radius: 23px;
text-transform: none;
letter-spacing: 1px;
}
.grid-filter.style-2 li a span {
display: block;
margin-top: 7px;
font-family: 'Mukta Vaani';
text-transform: uppercase;
letter-spacing: 1px;
font-size: 13px;
color: #AAA;
font-weight: bold;
text-align: center;
}
.grid-filter.style-2 li a:not(.button),
.grid-filter.style-2 li a span {
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
}
.grid-filter.style-2 li a:not(.button):hover,
.grid-filter.style-2 li a:not(.button):hover span,
.grid-filter.style-2 li.activeFilter a:not(.button),
.grid-filter.style-2 li.activeFilter a:not(.button) span {
color:#fff;
background-color:#cb3421;
}
.grid-filter.style-2 li.activeFilter a.button-reset {
opacity: 0;
-webkit-transition: opacity .4s ease;
-o-transition: opacity .4s ease;
transition: opacity .4s ease;
}
.grid-filter.style-2 li a.button-reset { opacity: 1; }
.portfolio-desc span { font-size: 0.875rem; }
.filter-p-pricing {
position: absolute;
bottom: 20px;
right: 0;
background: #DC3732;
color: #FFF;
padding: 8px 15px;
z-index: 1;
font-family: 'Mukta Vaani';
}
.filter-p-pricing::before {
position: absolute;
content: '';
display: block;
top: 0;
left: -8px;
height: 100%;
width: 32px;
background-color: #DC3732;
-moz-transform: skew(-23deg,0deg);
-o-transform: skew(-23deg,0deg);
-ms-transform: skew(-23deg,0deg);
-webkit-transform: skew(-23deg,0deg);
transform: skew(-23deg,0deg);
z-index: -1;
}
.p-price-msrp {
font-weight: 300;
padding-left: 12px;
margin-left: 10px;
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.half-screen {
position: relative;
height: 25%;
}
.box-img {
position: relative;
box-shadow: 14px -14px 0 0 rgba(200, 220, 247, 0.6);
}
.box-img.shadow-left {
box-shadow: -14px -14px 0 0 rgba(200, 220, 247, 0.6);
}
.customers-count { border-right: 1px solid rgba(0, 0, 0, 0.1); }
.customers-count .counter {
font-family: 'Rajdhani', serif;
font-weight: 900;
color: #DC3732;
font-size: 130px;
line-height: 0.9;
}
.customers-count p {
font-size: 16px;
margin: 0;
}
.section .video-wrap { z-index: 0; }
/* Video On Hover
-----------------------------------------------------------------*/
.videoplay-on-hover .vertical-middle,
.videoplay-on-hover .video-overlay {
opacity: 1;
-webkit-transition: opacity .2s ease;
-o-transition: opacity .2s ease;
transition: opacity .2s ease;
}
.videoplay-on-hover:hover .vertical-middle,
.videoplay-on-hover:hover .video-overlay { opacity: 0; }
.counter + h5 { margin-top: 0; }
.counter-section [class^=col-] {
border-left: none;
margin-bottom: 30px;
}
.line-xs {
margin: 4px 0 20px;
border-bottom: 3px solid #EEE;
}
.line-xs::after {
top: 100%;
left: 30px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(51,51,51,0);
border-top-color: #EEE;
border-width: 8px;
margin-left: -8px;
z-index: 1;
background: none;
}
/* Line Colors */
.line-home { border-bottom-color: var(--themecolor, #FF8600) !important; }
.line-travel { border-bottom-color: var(--travel, #6F42C1) !important; }
.line-tech { border-bottom-color: var(--tech, #007BFF) !important; }
.line-fashion { border-bottom-color: var(--fashion, #E83E8C) !important; }
.line-sports { border-bottom-color: var(--sports, #DC3545) !important; }
.line-lifestyle { border-bottom-color: var(--lifestyle, #13A774) !important; }
.line-food { border-bottom-color: var(--food, #17A2B8) !important; }
.line-market { border-bottom-color: var(--market, #FFC107) !important; }
.line-light { border-bottom-color: var(--light, #F8F9FA) !important; }
.line-dark { border-bottom-color: var(--dark, #343A40) !important; }
.line-home::after { border-top-color: var(--themecolor, #FF8600) !important; }
.line-travel::after { border-top-color: var(--travel, #6F42C1) !important; }
.line-tech::after { border-top-color: var(--tech, #007BFF) !important; }
.line-fashion::after { border-top-color: var(--fashion, #E83E8C) !important; }
.line-sports::after { border-top-color: var(--sports, #DC3545) !important; }
.line-lifestyle::after { border-top-color: var(--lifestyle, #13A774) !important; }
.line-food::after { border-top-color: var(--food, #17A2B8) !important; }
.line-market::after { border-top-color: var(--market, #FFC107) !important; }
.line-light::after { border-top-color: var(--light, #F8F9FA) !important; }
.line-dark::after { border-top-color: var(--dark, #343A40) !important; }
/* ----------------------------------------------------------------
Section Products
-----------------------------------------------------------------*/
.section-product {
position: relative;
width: 100%;
}
.section-product .section-product-image {
width: 100%;
}
.section-product .section-product-content {
max-width: 100%;
position: relative;
bottom: 0px;
right: 0;
background-color: #FFF;
padding: 20px;
z-index: 1;
border-top-width: 5px;
border-top-style: solid;
border-top-color: #C00;
}
.section-product .section-product-content h3 { font-weight: 800; }
.section-product.alt .section-product-image,
.section-product.alt .section-product-content { float: none; }
.section-product .section-product-price {
font-size: 1.5rem;
font-weight: 700;
}
.explore-text-overlay {
opacity: 0;
position: absolute;
display: block;
top: 0;
left: 0;
width: calc(100% - 24px);
height: 100%;
z-index: 1;
background-color: rgba(0,0,0,0.6);
margin-left: 12px;
-webkit-transition: all .4s ease ;
-o-transition: all .4s ease ;
transition: all .4s ease ;
}
.text-overlay-wrap:hover .explore-text-overlay { opacity: 1; }
@media (min-width: 1199px) {
.section-product .section-product-image {
position: relative;
width: 85%;
background: #FFF;
}
.section-product .section-product-content {
max-width: 350px;
position: absolute;
bottom: 30px;
right: 0;
padding: 30px;
}
.section-product.alt .section-product-image { float: right; }
.section-product.alt .section-product-content {
left: 0;
right: auto;
}
}
.fbox-plain .fbox-content .bg{position:absolute;right:20px;bottom:0;color:#fff;opacity:.3;font-size:100px}
.button-border-icon {
background-color: transparent !important;
}
.button-border-icon i {
margin-right: 0;
border-radius: 50%;
border: 1px solid #DDD;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
background-color: transparent !important;
}
.button-border-icon i::before {
position: relative;
font-size: 16px;
left: 2px;
}
.button-border-icon span { margin-left: 0.75rem; }
.bg-color,
.bg-color #header-wrap,
.h-bg-color:hover,
.process-steps li.active a,
.process-steps li.ui-tabs-active a,
.sidenav > .ui-tabs-active > a,
.sidenav > .ui-tabs-active > a:hover,
.owl-carousel .owl-nav [class*=owl-]:hover,
.widget-filter-links li.active-filter span,
.page-item.active .page-link,
.page-link:hover,
.page-link:focus { background-color: #c85e51 !important; }
.item-categories h5 {
position: absolute;
top: auto;
left: 10px;
bottom: 0;
padding: 12px 22px;
}
.bg-color-2 { background-color: #FFCD8C !important; }
.section-mobile {
width: calc(100vw - 30px);
margin-left: auto;
margin-right: auto;
border-radius: 20px;
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 768px) {
.section-mobile {
width: calc(100vw - 60px);
}
}
.hero-diagonal { position: relative; }
.hero-diagonal::before {
content: '';
position: absolute;
top: -50px;
left: 0;
width: 100%;
height: calc(100% + 100px);
-webkit-clip-path: polygon(0 9%, 100% 0%, 100% 91%, 0 100%);
clip-path: polygon(0 9%, 100% 0%, 100% 91%, 0 100%);
background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.4)), url('../img/bg-homecase.jpg');
background-position: center center;
background-size: cover;
}
@media (min-width: 992px) {
.border-between > [class*='col-']::before {
background: #F7F7F7;
bottom: 0;
content: " ";
left: 0;
position: absolute;
width: 1px;
top: 0;
}
.dark .border-between > [class*='col-']::before { background: rgba(255, 255, 255, 0.2); }
.border-between > [class*='col-']:first-child::before { display: none; }
/* Re-Edit Bootstrap */
.border-between > [class*='col-'],
.border-between .container,
.border-between .container-fluid {
padding-right: 30px;
padding-left: 30px;
}
.border-between.row {
margin-right: -30px;
margin-left: -30px;
}
}