@font-face
{
	font-family: 'Fahkwang', sans-serif;
font-weight: 400;
font-style: normal;
}
		
@font-face 
{
font-family: 'Fahkwang', sans-serif;
font-weight: 700;
font-style: normal;
}

:root {
  --color-primary: #eb246b;
  --color-gradient-start: #eb246b;
  --color-gradient-stop: #eb246b;
}

.txtcolor
{
	color: #212121 !important;
}

body {
	font-family: 'Fahkwang', sans-serif;
  font-weight: 400;
  line-height: 1.6em;
  /* letter-spacing: 1px; */
  font-size: 16px;
  color: rgb(0,0,0,0.5) !important;
}

.h1, h1,
.h2, h2,
.h3, h3,
.h4, h4,
.h5, h5,
.h6, h6 { 
  font-weight: 700;
  color: #443227;
  line-height: 1.4em!important;
}

.h1, h1 {
  line-height: 1.2em;
  /* font-size: 52px; */
  font-size: 48px;
}

.h2, h2 {
  line-height: 1.083em;
  font-size: 42px;
}

.h3, h3 {
  line-height: 1.2em;
  font-size: 32px;
}

.h4, h4 {
  line-height: 1.2em;
  font-size: 28px;
}

.h5, h5 {
  line-height: 1.2em;
  font-size: 22px;
}

.h6, h6 {
  line-height: 1.2em;
  font-size: 16px;
}

.lh-3{line-height: 3rem;}

.main-nav > li > a {
  font-size: 14px;
  /* letter-spacing: 0.1em; */
  color: #000;
  text-transform: uppercase;
}

.main-nav > li > a .link-ext {
  background-color: #fff;
}

.main-nav > li > a:hover {
  color: #eb246b;
}

.main-nav > li.is-active > a,
.main-nav > li.current-menu-item > a,
.main-nav > li:hover > a,
.main-nav > li > a:hover {
  color: #eb246b;
}

.main-footer {
  color: rgba(0, 0, 0, 0.8);
}

.main-footer a:not(.btn) {
  color: rgba(0, 0, 0, 0.8);
}

.main-footer a:not(.btn):hover {
  color: #000;
}

.main-footer .ld-sf input {
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.6);
}

.main-footer .ld-sf input:focus {
  background: rgba(255, 255, 255, 0.1);
}

.main-footer .ld-sf button {
  font-size: 23px;
}

html
{
scrollbar-color:#eb246b #FFFFFF;
scrollbar-width: thin !important;
}
html::-webkit-scrollbar {width: 4px;height:10px;border-radius: 20px;background-color:transparent;}
/* html::-webkit-scrollbar-thumb {background: #eb246b;border-radius: 20px;} */
html::-webkit-scrollbar-thumb{
  background:-webkit-gradient(45deg, rgba(245,31,96,1) 0%, rgba(94,34,103,1) 100%);
  background:linear-gradient(45deg, rgba(245,31,96,1) 0%, rgba(94,34,103,1) 100%);
  border-radius:20px
}
.text-justify{text-align: justify !important;}
.logosize
{
	width: 100px; height: auto;
}

.experiencelogo
{
	width: 150px; height: auto;
}

.textwhite-opacity05
{
	color: #212121 !important;
}
.textblack-opacity05
{
	color: rgb(0,0,0,0.5) !important;
}
.textblack-opacity08
{
	color: rgb(0,0,0,0.87) !important;
}
.tl-image
{
	padding-bottom: 10px !important;
	padding-left: 10px !important;
}



	.timeline .tl-block{ position: relative; margin-top: 10px;  }
	.timeline .tl-block:after{ content: ' '; clear: both; display: block;}
	.timeline .tl-block .tl-time{ float: left; padding:10px 10px 0px 10px; margin-top:-15px;  }
	.timeline .tl-block .tl-time:after{width:50px; height:1px; background:#ddd;}
	.timeline .tl-block .tl-bar{float: left; width: 5%; position: absolute; margin-left:114px; }
	.timeline .tl-block .tl-line{background: #fff; margin-right: 10px;  border-radius: 10px; width: 8px; height: 8px; font-size: 10px; text-align: center; line-height: 15px;}
	.timeline .tl-message{ border-radius: 3px;
		/* float: left; */
		position: relative;
		 margin-left:150px; top:-115px; margin-top:0; margin-bottom:30px; }
	.timeline .tl-block .tl-message:after{ display: block; content: ' '; clear:both; }
	.timeline .tl-block .tl-message .tl-icon{float: left; left:100px; }
	.timeline .tl-block .tl-message .tl-main{ float: left;}
	.timeline .tl-block .tl-message .tl-main .tl-title {}
	.timeline .tl-block .tl-message .tl-main .tl-content{}
	.timeline .tl-block .tl-message .tl-main .tl-content label{ font-weight: bold; display: inline-block; width: 80px;}
	.timeline .tl-block .tl-message .tl-main .tl-content span{}
	.timeline .tl-block .tl-message h3{text-transform:none;}
	.timeline .tl-block .tl-time h4{margin:0 0 10px 0;}
	.timeline .tl-block .tl-main h4{margin-top:0px;}
	.timeline.exp:before{left: 214px;}
	.timeline.exp .tl-message{margin-left:300px;clear: both;}
	.timeline.exp .tl-block .tl-bar{margin-left:229.5px; }
	.timeline.exp{ margin-top: 20px; position: relative; padding: 10px}
	.timeline.exp:before{
		content: '';
		position: absolute;
		top: 85px;
		left: 243px;
		height: 100%;
		width: 1px;
		background:rgba(255,255,255,.1);
	}


/*	.de_light .timeline .tl-block .tl-time{ border:solid 1px rgba(0,0,0,.3); }*/
	.de_light .timeline .tl-block .tl-time:after{ background:rgba(0,0,0,.3); }
	.de_light .timeline .tl-block .tl-line{background: #eb246b;}
	.de_light .timeline.exp:before{ background:rgba(0,0,0,.3); }



/* --------------------------------------------------
	design for 320px
	/* -------------------------------------------------- */
	@media only screen and (max-width: 480px) {
  
	.timeline .tl-message {
	    border-radius: 3px;
	    float: left;
	    margin-left: 0px !important;
	    top: 0;
	    margin-top: 0px !important;
	    margin-bottom: 30px;
	}
	.timeline.exp::before {
    left:0;
	}
	.timeline .tl-block .tl-bar {
    margin-left: 0 !important;
		left: -13px;
}
	}


.verifysvg
{
	width: 30px !important; height: auto !important;
}
.primary-gradient
{
	background: rgb(235,36,107);
background: linear-gradient(45deg, rgba(235,36,107,1) 0%, rgba(63,42,121,1) 100%) !important;
}
.tshadow{text-shadow: 2px 2px 3px rgba(255,121,20,0.9) !important;}
.tshadow1{text-shadow: 1px 0px 2px rgba(255,121,20,0.9) !important;}
textarea:disabled{background-color: transparent!important}
.section-textarea
{
	width: 100%; border: none; height: 400px; resize: none; text-align: justify
}
.d-none{display: none;}

#jpreOverlay {
background-color: #000000;
position:absolute;
width:100%;
height:100%;
display: none;
}
#jpreSlide{
font-size:22px;
color:#ccc;
text-align:center;
width:50%;
height:30%;
}
#jpreLoader{
width:400px;
height:2px;
background:#111;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
display: none;
}

#jpreBar {
background:#222;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
}

#jprePercentage {
color:#000;
z-index:-1;
font-family:Arial,Helvetica,sans-serif;
text-align:center;
margin-top:10px;
font-size:64px;
margin-top:-15px;
}

#jSplash{
line-height:200%;
}

#jSplash section{
padding:0;
display:block;
background:none !important;
}
#jpreBar{
background-color:#eb246b !important;
}


.VivaTimeline dl {
    position: relative;
    top: 0;
/*    padding: 20px 0;*/
    margin: 0
}

.VivaTimeline dl:before {
    position: absolute;
    top: 7%;
    bottom: 0;
    left: 40%;
    z-index: 100;
    width: 2px;
    margin-left: -1px;
    content: '';
    background-color: #ccd1d9
}

.VivaTimeline dl dt {
    position: relative;
    top: 30px;
    z-index: 200;
    width: 120px;
    padding: 3px 5px;
    margin: 0 auto 30px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    background-color: #aab2bd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.VivaTimeline dl dd {
    position: relative;
    z-index: 200
}
.mbot3
{
	margin-bottom: 3rem !important;
}

.VivaTimeline dl dd .circ {
    position: absolute;
    top: 40px;
    left: 38%;
    z-index: 200;
    width: 15px;
    height: 15px;
    margin-left: -11px;
    background-color: #eb246b;    
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.VivaTimeline dl dd .time {
    position: absolute;
    top: 18px;
    left: -5%;
    display: inline-block;    
    padding: 10px 20px;    
}

.VivaTimeline dl dd .events {
    position: relative;
    width: 55%;
/*    padding: 10px 0 0;*/
/*    margin-top: 5px;    */
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}


.VivaTimeline dl dd .events .events-object {
    margin: 0 auto;
}

.VivaTimeline dl dd .events .events-header {
    min-height: 30px;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.VivaTimeline dl dd .events .events-body {
    overflow: hidden;
/*
    zoom: 1;
    background-color: #EEE;
    padding: 10px;    
*/
}
.VivaTimeline dl dd .events .events-body .row{
    display:none;  
}

.VivaTimeline dl dd .events .events-body .events-desc {
    text-indent: 2em;
    padding: 0 15px;
}

.VivaTimeline dl dd .events .events-footer {
    text-align:center;
}
.VivaTimeline dl dd .events .events-footer ol {
    list-style: none; 
    margin: 0 auto; 
    padding: 0;
}
.VivaTimeline dl dd .events .events-footer ol li {
    background: #32b487; 
    border-radius: 5px; 
    margin: 10px; 
    display: inline-block; 
    width: 10px; 
    height: 10px;
    cursor: pointer;
}
.VivaTimeline dl dd .events .events-footer ol .active{
    transform: scale(2);
}

/*
.VivaTimeline dl dd.pos-right .time {
    margin-left: -150px;
    text-align: center
}
*/

.VivaTimeline dl dd.pos-right .events {
    float: right
}

.VivaTimeline dl dd.pos-right .events:before {
    left: -12px;
    border-color: transparent #CCC transparent transparent
}

.VivaTimeline dl dd.pos-left .time {
    margin-left: 0;
    text-align: left
}

.VivaTimeline dl dd.pos-left .events {
    float: left
}

.VivaTimeline dl dd.pos-left .events:before {
    right: -12px;
    border-color: transparent transparent transparent #CCC
}

.VivaTimeline .carousel-indicators{
    bottom: 0;
}
.desktophead{ display: block; }
.mobilehead{ display: none; }
.ptop100{padding-top: 100px !important;}
.servicepad{padding-left: 4.5rem !important; padding-right: 4.5rem !important; margin-bottom: 20px; padding-top: 1rem;}

 
.iconbox p{color: rgb(0,0,0,0.5);}
.servicepad:hover >.iconbox h3{color: #fff;}
.servicepad:hover >.iconbox p {color: #fff;}
.servicepad:hover {	
    background:rgba(255,170,74,1) !important; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,485cc7+100&0+0,1+100 */
    background: -moz-linear-gradient(45deg, rgba(255,170,74,1) 0%, rgba(255,121,20,1) 100%)!important; /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(255,170,74,1) 0%, rgba(255,121,20,1) 100%)!important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(255,170,74,1) 0%, rgba(255,121,20,1) 100%)!important;/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=rgba(255,170,74,1), endColorstr=rgba(255,121,20,1),GradientType=0 ); /* IE6-9 */;
    -webkit-box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.3);
    -webkit-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    -o-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }
.mutebtn
{
	position: absolute;top:59%; right:20%; z-index: 1000 !important;
}

/*
.mtopminus
{
	margin-top: 0;
}
*/
.mfont{
	font-size: 32px !important;
}




.adminbg
{
	background-image: url(../images/about-banner-2.jpg);
}

.animated {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  will-change: transform, opacity;
}
@-webkit-keyframes slideDown {
  0% {
      -webkit-transform: translateY(-100%);
  }
  100% {
      -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slideDown {
  0% {
      -moz-transform: translateY(-100%);
  }
  100% {
      -moz-transform: translateY(0);
  }
}
@-o-keyframes slideDown {
  0% {
      -o-transform: translateY(-100%);
  }
  100% {
      -o-transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
      transform: translateY(-100%);
  }
  100% {
      transform: translateY(0);
  }
}
.slideDown {
  -webkit-animation-name: slideDown;
  -moz-animation-name: slideDown;
  -o-animation-name: slideDown;
  animation-name: slideDown;
}
@-webkit-keyframes slideUp {
  0% {
      -webkit-transform: translateY(0);
  }
  100% {
      -webkit-transform: translateY(-100%);
  }
}
@-moz-keyframes slideUp {
  0% {
      -moz-transform: translateY(0);
  }
  100% {
      -moz-transform: translateY(-100%);
  }
}
@-o-keyframes slideUp {
  0% {
      -o-transform: translateY(0);
  }
  100% {
      -o-transform: translateY(-100%);
  }
}
@keyframes slideUp {
  0% {
      transform: translateY(0);
  }
  100% {
      transform: translateY(-100%);
  }
}
.slideUp {
  -webkit-animation-name: slideUp;
  -moz-animation-name: slideUp;
  -o-animation-name: slideUp;
  animation-name: slideUp;
}
.casehead
{
	font-size: 24px !important;
	font-weight: 700 !important;
}

/* li {
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 2em;
}
li:before {
    content: "";
    margin-left: -0.5em;
}
ul li::marker {
  color: red;
  font-size: 1.5em;
} */
.indexbg
{
	min-height: 95vh !important; background-image: url("../images/bg-7.jpg") !important; margin-top: 100px;
}
.slide1
{
	-webkit-animation:slide-in-bck-center 2s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bck-center 2s cubic-bezier(.25,.46,.45,.94) both
}

.slide2
{
	-webkit-animation:slide-in-bck-center 4s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bck-center 4s cubic-bezier(.25,.46,.45,.94) both
}

.slide-in-bck-center
{
	-webkit-animation:slide-in-bck-center 2s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bck-center 2s cubic-bezier(.25,.46,.45,.94) both
}
@-webkit-keyframes slide-in-bck-center{0%{-webkit-transform:translateZ(600px);transform:translateZ(600px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes slide-in-bck-center{0%{-webkit-transform:translateZ(600px);transform:translateZ(600px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}

.splashoverlay {
	display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  background: radial-gradient(circle, rgba(255,170,74,1) 0%, rgba(255,121,20,1) 100%) !important;
  opacity: 0.99;
  overflow-x: hidden;
  transition: 0.5s;
}

.scale-in-center
{
	-webkit-animation:scale-in-center 1s cubic-bezier(.25,.46,.45,.94);animation:scale-in-center 1s cubic-bezier(.25,.46,.45,.94)
}
@-webkit-keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}



#splashtext
{
  font-size: 30px;
  font-weight: 700;
  color: white;
  text-align: center;
}
.splashsvg{text-align: center; padding: 10px;}
/*
@keyframes FadeIn { 
  0% {
    opacity: 0;
    transform: scale(.1);
  }
  85% {
    opacity: 1;
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
*/
.myClass {  
	animation : slide-in-bck-center 1s cubic-bezier(.25,.46,.45,.94) both;
  animation-fill-mode: both;
}
.myClass:nth-child(1) { animation-delay: 1s; }
.myClass:nth-child(2) { animation-delay: 1.5s }
.myClass:nth-child(3) { animation-delay: 2s }
.myClass:nth-child(4) { animation-delay: 2.5s }
.myClass:nth-child(5) { animation-delay: 3s }
.myClass:nth-child(6) { animation-delay: 3.5s }
.myClass:nth-child(7) { animation-delay: 4s }
.myClass:nth-child(8) { animation-delay: 4.5s }
.myClass:nth-child(9) { animation-delay: 5s }

.slide-in-elliptic-top-fwd{-webkit-animation:slide-in-elliptic-top-fwd .7s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-elliptic-top-fwd .7s cubic-bezier(.25,.46,.45,.94) both}

@-webkit-keyframes slide-in-elliptic-top-fwd{0%{-webkit-transform:translateY(-600px) rotateX(-30deg) scale(0);transform:translateY(-600px) rotateX(-30deg) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;opacity:0}100%{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% 1400px;transform-origin:50% 1400px;opacity:1}}@keyframes slide-in-elliptic-top-fwd{0%{-webkit-transform:translateY(-600px) rotateX(-30deg) scale(0);transform:translateY(-600px) rotateX(-30deg) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;opacity:0}100%{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% 1400px;transform-origin:50% 1400px;opacity:1}}

textarea:focus, input:focus {
    color: #000 !important;
}
input::placeholder, textarea::placeholder{
  color: #b7b9c4 !important;
}

input, select, textarea{
    color: #000 !important;
}

.mylist i{    
    margin:-8px 5px 0 1px;
    color: #eb246b;
	font-size: 10px; 
	vertical-align: middle;
	text-align: center;
}

/*
iframe 
{
position: absolute;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100vh;
width: auto;
height: auto;
z-index: 1000;
background-size: cover;
}
*/

.yourstore-band .yourstore-inner a
{
	/* background-color:#eb246b; */
  /* background: rgb(245,31,96);
background: linear-gradient(45deg, rgba(245,31,96,1) 0%, rgba(94,34,103,1) 100%);
	border-radius: 3px;
	padding: 5px 15px; */
}

.yourstore-band .band-txt
{
	font-weight: 400;
	color: rgba(0, 0, 0, 0.8);
	font-size: 1rem;
	line-height: 1.45;
	text-align: left;
	padding: 5px;
}

.yourstore-band .yourstore-logo
{
	width: 70px; height: auto;
	margin-bottom: 2.5px;
}

.serviceimg {
/* filter: url(filters.svg#grayscale); Firefox 3.5+ */
filter: gray; /* IE5+ */
-webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
-webkit-transition: all .8s ease-in-out;  
}

.serviceimg:hover {
filter: none;
-webkit-filter: grayscale(0);
-webkit-transform: scale(1);
}

.mediahover:hover {
	opacity: 1;
	-webkit-animation: flash 3.5s;
	animation: flash 3.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
.testimonial-avatar-sm .avatar
{
	width: 150px !important;
}

.testimonial-content
{
	font-size: 18px; line-height: 0.5em !important; color: #000000;
}

@media (min-width: 1200px) and (max-width : 1400px)
{
  .h-90{height:100vh!important}
	.main-nav > li > a {font-size: 14px !important}
	h2, .h2 { font-size: 36px !important;}
  .h3, h3 {font-size: 30px!important;}
  .fancy-box h3{font-size: 1.25em;}
  .btn{font-size:14px!important}
}


.h-90{height:90vh}

.iconbox h3{font-size:20px!important;}

.iconbox-shadow, .iconbox-shadow-hover, .iconbox-bordered, .iconbox-filled
{
  padding: 25px 8%!important;
}

.accordion-title-round .accordion-title a {
  border-radius: 10px;
}

.accordion-content {
  padding: 1em 0;
  margin:0!important
}


.flickity-page-dots li{padding-left:0!important;}

.abt-sec1 .iconbox h3,
.abt-sec2 .iconbox h3,
.abt-sec4 .fancy-box h3{
  font-size: 18px!important;
  font-weight: bold;
}

.abt-sec5 img{height:100px!important;object-fit: cover;}

.abt-sec5 .ld-tm-pos
{
  font-size:16px!important;
  color: rgb(0,0,0,0.5) !important;
}

.abt-sec5 .iconbox-inline p {
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-basis: 0;
}

.row-flex {
  display: flex;
  flex-wrap: wrap;
}


.advisory-sec2 .iconbox i{
  color:#eb246b;
}


/*Word Changing animation*/
.cb-subtitle
{
  /* width:50%; */
  text-align: center;
}
.wordCarousel {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  display: flex; 
  text-align: center;
}  

.liquid-img-group-single[data-animate-shadow].is-in-view img {
  opacity: 1;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.liquid-img-group-single[data-animate-shadow] img {
  opacity: 0.00000001;
  -webkit-transition: opacity 0.45s cubic-bezier(0.5, 1, 0.5, 1);
  transition: opacity 0.45s cubic-bezier(0.5, 1, 0.5, 1);
}
.home-section .text-primary,
.iconbox .iconbox-icon-container i,
.iconbox .iconbox-icon-container .material-icons
{
  background-image:-moz-linear-gradient(45deg, rgba(245,31,96,1) 0%, rgba(94,34,103,1) 100%); 
    background-image: -webkit-linear-gradient(45deg, rgba(245,31,96,1) 0%, rgba(94,34,103,1) 100%); 
    background-image: linear-gradient(45deg, rgba(245,31,96,1) 0%, rgba(94,34,103,1) 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
   -webkit-text-fill-color:transparent;
}

.fancy-box-classes
{
/* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); */
box-shadow: 0 6px 30px rgba(0, 0, 0, 0.05);
}

.shadow-img
{
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.05);
}

.radius6{border-radius: 6px;}

/*button spinner*/
button .box {
  display: inline-block;
  margin-left: 10px;
  width:100%;
  }
  button .spinner {
  height: 20px;
  width: 20px;
  background: transparent;
  border-radius: 50%;
  border-top: 2px solid #fff;
  border-right: 2px solid transparent;
  animation: spin 700ms linear infinite;
  }
  @keyframes spin {
  to {
  transform: rotate(360deg);
  }
  }

  .lity-close{
    position: absolute;
    right: 20px!important;
    top: 20px!important;
    text-shadow: none!important;
    color: #000!important;
  }
  .lity-close:hover{color: #000!important;}
/*Media Query*/

@media (max-width: 1199px)
{
  .desk-header{display: none;}
  .mob-header{display:block;}
}

@media (min-width: 1200px) {
  .desk-header{display: block;}
  .mob-header{display:none;}
  .navbar-brand{padding:12px 0!important}
  .main-header .is-stuck {
    background: #fff !important;
  }
  .mainbar-wrap.is-stuck .social-icon a,
  .mainbar-wrap.is-stuck .main-nav > li > a {
    color: #000 !important;
  }
  .mainbar-wrap.is-stuck .social-icon a:hover,
  .mainbar-wrap.is-stuck .main-nav > li > a:hover {
    color: var(--color-primary) !important;
  }
  .lh-3{line-height: 4rem!important;}
  .ourteam-h120{height:160px;}
  .main-nav .children, .nav-item-children{width:320px!important;text-transform: capitalize;}
  .main-nav .children > li > a, .nav-item-children > li > a { padding: 0.7em 1.5em!important;}
  .main-nav .children > li:hover > a, .nav-item-children > li:hover > a {
    /* background-color: #eb246b!important; */
    background: rgb(245,31,96);
    background: linear-gradient(45deg, rgba(245,31,96,1) 0%, rgba(94,34,103,1) 100%);
    color:#fff!important;}
  }

@media screen and (min-width:991px) and (max-width:1024px)
{
  h2, .h2 { font-size: 34px !important;}
  .h3, h3 {font-size: 28px!important;}
  .fancy-box h3{font-size: 1.25em!important;}
  .btn{font-size:14px!important}
  .btn-sm > span {
    padding: 0.85em 0.5em!important;
}
.ld-tm-name {
  font-size: 20px;
}
.ourteam-h120 {
  height: 140px;
}
.about-section .abt-sec5 img {
  height: 80px!important;
}
}

@media screen and (max-width: 991px)
{
/* .content h2, .content .h2 {font-size: 34px!important;}
h2, .h2 { font-size: 32px !important;} */
/* .h3, h3 {font-size: 26px!important;}
.fancy-box h3{font-size: 1.25em!important;}
.btn{font-size:14px!important} */
}


@media screen and (min-width:768px) and (max-width:1024px)
{
  .btn-icon-xxlg .btn-icon {
  width: 5.25em!important;
  height: 5.25em!important;
  }
  .casestudy-title .titlebar-sm .titlebar-inner, .contact-title .titlebar-sm .titlebar-inner {
  padding-top: 75px!important;
  }
}

@media screen and (min-width: 768px)
{
.mob-div{display: none;}
.desk-div{display: block;}
.banner-img{background-image: url(../images/desktop_banner.jpg);}
}

@media screen and (max-width:768px)
{
  .mob-pad20, .home-section .container, .about-section .container, 
.casestudy-title .container,.services-section .container, .main-footer .container {
  padding-left: 25px!important;
  padding-right: 25px!important;
}
#design-and-development .container.pad-mob,.pad-mob{padding-left: 0px!important;padding-right: 0px!important;}
.text-center-mob{text-align: center!important;}
.wordCarousel{justify-content: center;}
.pt-50-m{padding-top:50px!important;}
/* .pt-0-m{padding-top:20px!important;} */
.mt-100-m{margin-top:100px!important;}
.mt-50-m{margin-top:50px!important;}
.mt-20-m{margin-top:20px!important;}
.py-mob-0{padding-bottom: 75px!important;}
.mob-0{margin:0!important}
.pr-5-m{padding-right: 0rem !important;}
.pr-7-m{padding-right: 0rem !important;}
.flex-tab-wrap {justify-content: center;}
.abt-sec1 .iconbox-inline, .case-sec1 .iconbox-inline {
  padding: 0 50px!important;
}
.liquid-img-group-single.w-65 {
  width: 100% !important;
}
.advisory-sec2 .liquid-img-group-img-container,
.advisory-sec2 .liquid-img-group-img-container img{width:100%;}

.abt-sec5{padding-top: 0!important;}
.abt-sec5 .ld-tm-img{justify-content: center!important;padding-bottom: 20px;}
.abt-sec5 .ld-tm-img img{height:auto!important}
.abt-sec5 h3{width:100%;text-align: center!important;}

.casestudy-title .titlebar-sm .titlebar-inner, .contact-title .titlebar-sm .titlebar-inner {padding-top: 75px!important;}
.wordCarousel .cb-subtitle{padding: 10px 15px 10px 15px!important;}
.flex-tab-column {-webkit-box-orient: vertical !important;-webkit-box-direction: normal !important;flex-direction: column !important;}

.ourteam-h120{text-align: center;}

}


@media screen and (max-width: 767px) 
{

  .advisory-sec2 [data-parallax] {
    transform: translateY(-20px) !important;
  }
  
  .advisory-sec2 .liquid-img-group-single[data-animate-shadow][data-shadow-style="4"].is-in-view .liquid-img-container-inner,
  .advisory-sec2 .liquid-img-group-single[data-shadow-style="4"] .liquid-img-container-inner{box-shadow: 0 30px 50px rgba(0, 0, 0, 0.17)!important;}

  .flex-mob-column{flex-direction: column;}
  .d-mb-none{display: none;}
  .main-footer{padding-top:50px!important}
  .band-sec-mob{padding-top:10px!important;padding-bottom: 25px!important;}
  .p-mb-0{margin-bottom: 0!important;}
	.pf-details-pull-left .ld-pf-details{margin-left: -15px !important;	}
	.pf-details-pull-down .ld-pf-details{margin-bottom: -40px !important;	}
  .serviceimg {filter: none !important;-webkit-filter: grayscale(0) !important;-webkit-transform: scale(1) !important;}
	.pf-details-circle .ld-pf-details{width: 180px !important;height: 180px !important;padding: 1em 0.5em 2em 2em !important;}
	.pf-hover-masktext .split-inner{font-size: 24px !important;line-height: 30px !important;transform : translateY(0%)!important;
-webkit-transform : translateY(0%)!important;}
	.ld-pf-item [data-split-text]:not(.split-text-applied){visibility: visible !important;}
	.ld-pf-item .ld-pf-details-inner {opacity: 1 !important;visibility: visible !important;z-index: 9999 !important;}
  .ld-pf-item .ld-pf-bg  {transform:scale(1) !important;opacity: 1;}
	.mfont{font-size: 24px !important;}
  .mp-0{margin: 0;padding: 0;}	
	.mutebtn{position: absolute;top:59%; right:5%;}
	.servicepad{padding-left: 1rem !important; padding-right: 1rem !important;}
	#jpreLoader{width:300px;height:2px;background:#111;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;align-items: center;}
	.ptop100{padding-top: 10px !important;}
	.mtop50{margin-top: 55% !important;}
	.fancy-box{margin-bottom: 15px !important;}
	.experiencelogo{width: 120px; height: auto;}
  .desktophead{ display: none; }
  .mobilehead{ display: block; }
  .mobcenter{text-align: center !important;}
  .mbot3{margin-bottom: 0rem !important;}
  .VivaTimeline dl:before {left: 20px; top:20px;}
  .VivaTimeline dl dt {margin: 0 30px 30px}
  .VivaTimeline dl dd .circ {left: -3px}
  .VivaTimeline dl dd .time { left: 20px}
  .VivaTimeline dl dd.pos-left .time {padding: 10px 0;margin-left: 0;}
  .VivaTimeline dl dd.pos-left .events {float: right;width: 73%;margin-right: 4%;}
    .VivaTimeline dl dd.pos-left .events:before {
        left: -12px;
        border-color: transparent #CCC transparent transparent
    }
    .VivaTimeline dl dd.pos-right .time {
        padding: 10px 0;
        margin-left: 0;
    }
    .VivaTimeline dl dd.pos-right .events {
        float: right;
        width: 73%;
        margin-right: 4%;
    }
    
    .VivaTimeline dl dd .events .events-body {
		margin-top:78%;
		margin-left: -45%;
    }

.justify-content-sm-center {-webkit-box-pack: center !important;justify-content: center !important;}
.fancy-box-overlay.tall1 {padding-bottom: 105%!important;}
.mob-div{display: block;}
.desk-div{display: none;}

.banner-img{background-image: url(../images/mobile_banner.jpg);}
.abt-sec1 .iconbox-inline,.case-sec1 .iconbox-inline
{padding:0 20px!important}

.abt-sec2 .iconbox.text-left,.case-sec2 .iconbox.text-left
{align-items: center!important;}

.abt-sec2 .text-left,.case-sec2 .text-left,
.case-sec1 .text-justify,.case-sec3 .text-justify{text-align: center!important;}

.abt-sec3 .liquid-counter-element{font-size:40px!important}
.abt-sec5{padding-top: 0!important;}
.abt-sec5 .ld-tm-img{justify-content: center!important;padding-bottom: 20px;}
.abt-sec5 .ld-tm-img img{max-width:80%!important;height:auto!important}

.split-inner {display: flex;justify-content: center;}
.content h2, .content .h2 {font-size: 26px!important;margin-top: 10px!important;}
#services .fancy-box,#case-studies .fancy-box{margin-bottom:25px!important}
#case-studies .fancy-box-overlay.tall {padding-bottom: 133.335%!important;}
.casestudy-title .titlebar-sm .titlebar-inner,
.contact-title .titlebar-sm .titlebar-inner{padding-top: 75px!important;}
.content h3, .content .h3 {font-size: 18px!important;}
.wordCarousel{justify-content: center!important;font-size: 16px!important;text-align: center;}
.btn-icon-xxlg .btn-icon {width: 5em!important;height: 5em!important;}
.banner-img p{font-size:14px!important;margin-left:0!important}
.slider-text-wrapper{margin-top:-50px;}

.home-section .fancy-box-overlay .fancy-box-contents{padding: 20px!important;}
.home-section .fancy-box-overlay h3{font-size: 22px!important;}
.btn{font-size: 14px!important;}
.titlebar-inner h1 {font-size: 30px !important;}
.main-nav > li > a, p {font-size: 14px;}
body,.font-size-16,.abt-sec5 .ld-tm-pos {font-size: 14px!important;}
:is(.abt-sec1,.abt-sec2) .iconbox h3, .abt-sec4 .fancy-box h3,.font-size-18 {font-size: 16px!important;}
:is(.abt-sec1,.case-sec1) .iconbox .iconbox-icon-container .material-icons{font-size: 18px!important;}
.iconbox-lg .iconbox-icon-container{font-size: 32px!important;}
.iconbox-xl .iconbox-icon-container{font-size: 40px!important;}

}

@media screen and (max-width: 500px) {
	.adminbg
{
	background : #f4f5f8 !important;
}
    .VivaTimeline dl dd.pos-left .events {
        float: right;
        width: 63%;
        margin-right: 4%;
    }
    .VivaTimeline dl dd.pos-right .events {
        float: right;
        width: 63%;
        margin-right: 4%;
    }
}

@media screen and (max-width: 360px)
{
 .banner-img p{font-size:14px!important;line-height: 1.4em;}
.btn-icon-xxlg .btn-icon {width: 4em!important;height: 4em!important;}
.wordCarousel div li{font-size: 14px!important;}
.content h2, .content .h2 {font-size: 26px!important;}
.main-nav > li > a {font-size: 12px;}
.main-nav .children > li, .nav-item-children > li.main-nav > li > a {font-size: 14px!important;}
.wordCarousel{justify-content: center!important;font-size: 12px!important;text-align: center;}
.content h2, .content .h2 {margin-top:0!important}
}


@media screen and (max-width: 320px)
{
.wordCarousel div li,.main-nav > li > a{font-size: 12px!important;}
.wordCarousel{justify-content: center!important;font-size: 12px!important;text-align: center;}
.content h2, .content .h2 {margin-top:0!important}
}
/* @media only screen and (min-device-width:320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2){
  .wordCarousel{justify-content: center!important;font-size: 12px!important;text-align: center;}
  .content h2, .content .h2 {font-size: 20px!important;margin-top:0!important}
  .btn-icon-xxlg .btn-icon {width: 4em!important;height: 4em!important;}
  .banner-img p,.cb-subtitle,.abt-sec5 .iconbox-inline p {font-size: 0.75rem!important;}
} */
/* iPhone 6, 7, 8 ----------- */
  @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2){
    .wordCarousel div li,.testimonial-content,.main-footer,.liquid-counter-text{font-size:1rem!important;}
    .content h2, .content .h2 {font-size: 26px!important;}
    .btn-icon-xxlg .btn-icon {width: 4.25em!important;height: 4.25em!important;}
    .banner-img p,.cb-subtitle,.abt-sec5 .iconbox-inline p {font-size: 0.875rem!important;}
    .btn,.mob-div span,.content p,.main-nav > li > a{font-size: 0.875rem!important;}
    .home-section .fancy-box-overlay h3, .iconbox-heading-sm h3{font-size: 20px!important;}
    .abt-sec3 .liquid-counter-element {font-size: 28px!important;}
    .abt-sec5 .iconbox h3 {font-size: 18px!important;text-align: center;width:100%}  
    .abt-sec5 .ourteam-h120 .ld-tm-pos{font-size: 0.875rem!important;text-align: center;}
    .iconbox-sm .iconbox-icon-container,.iconbox-sm .iconbox-icon-container .material-icons {font-size: 22px!important;}
    .abt-sec1 .iconbox h3, .abt-sec2 .iconbox h3, .abt-sec4 .fancy-box h3 {font-size: 16px!important;}
    .liquid-img-group-single.w-65 {width: 65% !important;}
    .content h4, .content .h4 {font-size: 16px!important;}
    .titlebar-inner h1{margin-bottom: 0!important;}
    .wordCarousel{justify-content: center!important;font-size: 16px!important;text-align: center;}
  }
  
  /* iPhone 6+, 7+, 8+ ----------- */
  @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 2){
    .wordCarousel div li,.testimonial-content,.main-footer,.liquid-counter-text{font-size:1rem!important;}
    .content h2, .content .h2 {font-size: 26px!important;}
    .btn-icon-xxlg .btn-icon {width: 4.25em!important;height: 4.25em!important;}
    .banner-img p,.cb-subtitle,.abt-sec5 .iconbox-inline p {font-size: 0.875rem!important;}
    .btn,.mob-div span,.content p,.main-nav > li > a{font-size: 0.875rem!important;}
    .home-section .fancy-box-overlay h3,.iconbox-heading-sm h3{font-size: 20px!important;}
    .abt-sec3 .liquid-counter-element {font-size: 28px!important;}
    .abt-sec5 .iconbox h3 {font-size: 18px!important;text-align: center;width:100%}  
    .abt-sec5 .ourteam-h120 .ld-tm-pos{font-size: 0.875rem!important;text-align: center;}
    .iconbox-sm .iconbox-icon-container,.iconbox-sm .iconbox-icon-container .material-icons {font-size: 22px!important;}
    .abt-sec1 .iconbox h3, .abt-sec2 .iconbox h3, .abt-sec4 .fancy-box h3 {font-size: 16px!important;}
    .liquid-img-group-single.w-65 {width: 65% !important;}
    .content h4, .content .h4 {font-size: 16px!important;}
    .titlebar-inner h1{margin-bottom: 0!important;}
    .wordCarousel{justify-content: center!important;font-size: 16px!important;text-align: center;}
  }
  
  /* iPhone X ----------- */  
  @media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3){
    .wordCarousel div li,.testimonial-content,.main-footer,.liquid-counter-text{font-size:1rem!important;}
    .content h2, .content .h2 {font-size: 26px!important;}
    .btn-icon-xxlg .btn-icon {width: 4.25em!important;height: 4.25em!important;}
    .banner-img p,.cb-subtitle,.abt-sec5 .iconbox-inline p {font-size: 0.875rem!important;}
    .btn,.mob-div span,.content p,.main-nav > li > a{font-size: 0.875rem!important;}
    .home-section .fancy-box-overlay h3,.iconbox-heading-sm h3{font-size: 20px!important;}
    .abt-sec3 .liquid-counter-element {font-size: 28px!important;}
    .abt-sec5 .iconbox h3 {font-size: 18px!important;text-align: center;width:100%}  
    .abt-sec5 .ourteam-h120 .ld-tm-pos{font-size: 0.875rem!important;text-align: center;}
    .iconbox-sm .iconbox-icon-container,.iconbox-sm .iconbox-icon-container .material-icons {font-size: 22px!important;}
    .abt-sec1 .iconbox h3, .abt-sec2 .iconbox h3, .abt-sec4 .fancy-box h3 {font-size: 16px!important;}
    .liquid-img-group-single.w-65 {width: 65% !important;}
    .content h4, .content .h4 {font-size: 16px!important;}
    .titlebar-inner h1{margin-bottom: 0!important;}
    .wordCarousel{justify-content: center!important;font-size: 16px!important;text-align: center;}
  }